@charset "utf-8";

@import url("base/ini.css");
@import url("base/share.css");
@import url("base/css3.css");

/* Index ------------------------------------------------*//*

2012/9/20
2012/9/26

00.oshirashe configuration
01.topics configuration
02.event configuration
03.matsuri configuration
04.book configuration

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


/* 00.important configuration
=========================================================== */
#wrapper{
	width:950px;
}
#footer{
	bottom: 0;
	left: 50px;
}
#logo {
	margin: 0;
	padding: 42px 0 50px;
	width: 950px;
}
#wrapper p.doc{
	margin: 0 0 20px;
	padding: 10px;
	background-color: #767676;
	font-weight: bold;
	font-size: 15px;
	color: white;
}
#wrapper p.doc_red{
	letter-spacing: 0.2px;
	color: red;
}
#wrapper p.center_bold{
	text-align: center;
	font-weight: bold;
}
div#contents{
	width:950px;
}
div#contents div#leftCol2{
	float:left;
	width: 308px;
}
div#contents div#leftCol2 ul.leftC{
	float: left;
}
div#contents div#leftCol2 ul.leftC li{
	/* margin:0 0 12px; */
	margin:0 0 26px;
}
div#contents div#leftCol2 ul.leftC li img{}
	div#contents div#leftCol2 ul.rightC{
		float:right;
	}
	div#contents div#leftCol2 ul.rightC li{
		/* margin:0 0 12px; */
		margin:0 0 28px;
	}
	div#contents div#leftCol2 ul.rightC li img{}




		div#contents div#contentsRight{
			float:right;
			width: 629px;
		}
		div#contents div#contentsRight div#mainC2{
			border: 1px solid #999;
			float: left;
			/* padding: 0 0 10px; */
			width: 306px;
			background: white;
		}
		div#contents div#contentsRight div#mainC2 h3{
			background: url("../media/img/login/titleBg.jpg") no-repeat scroll 0 0 transparent;
			height: 40px;
			text-indent: -9999px;
			width: 306px;
		}
		div#contents div#contentsRight div#rightCol2{
			float:right;
			width: 308px;
		}
		div#contents div#contentsRight div#rightCol2 ul.leftC{
			float: left;
		}
		div#contents div#contentsRight div#rightCol2 ul.rightC{
			float: right;
		}
		div#contents div#contentsRight div#rightCol2 ul.rightC li{
			/* margin:0 0 11px; */
			margin:0 0 28px;
		}

		div#contents div#contentsRight div#rightCol2 ul.leftC li{
			/* margin:0 0 12px; */
			margin:0 0 28px;
		}

		div#mainC2 h3{}
			div#mainC2 form{
				margin: 5px 0 0;
			}
			div#mainC2 form ul#loginBox{
				position:relative;
				/* margin-top: 10px; */
			}
			div#mainC2 form ul#loginBox li{
				padding:10px 0 0 50px;
			}
			div#mainC2 form ul#loginBox li#loginId{
				padding:0;
				background: url("../media/img/login/idBg.png") no-repeat scroll 0 0 transparent;
				width: 74px;
				height: 48px;
				text-indent: -9999px;
				position:absolute;
				left: -30px;
				top: 4px;
			}
			div#mainC2 form ul#loginBox li#loginPs{
				padding:0;
				background: url("../media/img/login/passwdBg.png") no-repeat scroll 0 0 transparent;
				width: 74px;
				height: 48px;
				text-indent: -9999px;
				position:absolute;
				left: -30px;
				top: 70px;
			}
			div#mainC2 form ul#loginBox li input{
				height: 33px;
				width: 230px;

			}
			div#mainC2 form div.doc{
				border: 1px dotted #000000;
				font-size: 10px;
				margin: 15px;
				padding: 10px;
			}
			div#mainC2 form dl#passwdDoc{
				font-size: 11px;
				padding: 0 15px;
			}
			div#mainC2 form dl#passwdDoc dt{
				font-weight: bold;
				padding-top: 10px;
			}
			div#mainC2 form dl#passwdDoc dd{
				line-height: 14px;
			}
			div#mainC2 form dl#passwdDoc dt input{}
				div#mainC2 form div#loginBtn{
					margin: 10px 0;
					padding: 0 23px;
					text-align: right;
				}
				div#mainC2 div#info{
					font-size: 11px;
					padding: 0 15px;
				}
				div#mainC2 form div#loginBtn input#submit{}
					div#mainC2 dl#remember{
						font-size:12px;
						padding:0 15px;
					}
					div#mainC2 dl#remember dt{
						font-weight: bold;
						text-decoration: underline;
					}
					div#mainC2 dl#remember dd{
						font-size: 10px;
						line-height: 14px;
					}

					div#mainC2 div.img{
						padding:0 15px 0 15px;
						position: relative;
					}
					div#mainC2 div.doc{
						padding:0 15px;
						font-size:11px;
					}
					#auxNavi #primary li.firstChild{
						background: url("../media/img/login/pointIcon.gif") no-repeat scroll 0 center transparent;
					}
					#mdcBox ul li dl#siteSsl dd.description {
						width: 800px;
						padding: 0 0 0;
					}
					#mdcBox ul li.lastChild {
						float: left;
						margin: 20px 0 0;
					}
					#mdcBox ul li.lastChild ul#footerLink {
						width: 950px;
					}
					#mdcBox ul li.lastChild ul#footerLink li {
						float:left;
					}
					#mdcBox ul li.lastChild ul#footerLink li {
						float:left;
					}
					#mdcBox ul li.lastChild ul#footerLink li.right{
						float:right;
					}
					#mdcBox ul li.lastChild ul#footerLink li.firstChild {
						margin:0 20px 0 0;
					}
					#mdcBox ul li.lastChild ul#footerLink li.right {
						margin:0 0 0 20px;
					}
					#mdcBox ul li.lastChild ul#footerLink li.btn {
						padding:5px 0 0 ;
					}


					/*     20160809追加     */

					.recommend li img {
						border:1px solid #efefef;
					}

					/*     20170207追加     */

					p.p_security {
						margin: 0 auto 25px;
						padding: 0;
						width: 100%;
						max-width: 600px;
						border: solid 3px #ff0000;
					}

					p.p_security:hover {
						background: #ffe1e1;
					}

					p.p_security span.red_notice {
						margin: 0;
						padding: 26px 0 22px;
						display: block;
						width: 30%;
						text-align: center;
						text-indent: 54px;
						color: #fff;
						font-size: 30px;
						font-weight: bold;
						letter-spacing: .1em;
						text-decoration: none;
						background: url(../media/img/login/security.gif) no-repeat 35px 24px #ff0000;
						float: left;
					}

					p.p_security span.notice {
						margin: 0;
						padding: 9px 0 0;
						display: block;
						width: 70%;
						line-height: 1.7em;
						text-align: center;
						font-size: 13px;
						letter-spacing: .05em;
						float: right;
					}

					p.p_security a span.notice {
						text-decoration: none;
						color: #000;
					}

					p.p_security span.notice span.security_link {
						margin: 0 0 3px;
						padding: 0;
						display: inline-block;
						font-size: 18px;
						font-weight: bold;
						color: #ff0000;
						letter-spacing: .3em;
						border-bottom: double 3px #ff0000;
					}

					p.p_security a span.notice span.security_link {
						text-decoration: none;
					}

					p.p_security a:hover span.notice span.security_link {
						margin: 0 0 3px;
						padding: 0 10px;
						display: inline-block;
						font-size: 18px;
						font-weight: bold;
						color: #fff;
						background: #ff0000;
						letter-spacing: .3em;
						border-bottom: double 3px #ff0000;
					}
					/* 181017add */

					#auxNavi #primary {
					  top: 10px;
					}

					.flat_ss {
					  color: #484848;
					  display: inline-block;
					  height: 24px;
					  font-size: 14px;
					  line-height: 1;
					  vertical-align: middle;
					  /* background: #eaeef1; */
					  -webkit-text-decoration: none;
					  -moz-text-decoration: none;
					  -ms-text-decoration: none;
					  -o-text-decoration: none;
					  text-decoration: none;
					  -webkit-border-radius: 0 10px 10px 0;
					  -moz-border-radius: 0 10px 10px 0;
					  -ms-border-radius: 0 10px 10px 0;
					  -o-border-radius: 0 10px 10px 0;
					  border-radius: 0 10px 10px 0;
					}

					.flat_ss .iconback {
					  display: inline-block;
					  width: 24px;
					  height: 24px;
					  text-align: center;
					  color: #009742;
					  line-height: 1;
					}

					.flat_ss .iconback .fa {
					  font-size: 18px;
					  line-height: 1;
					}

					.flat_ss .iconback .fa {
					  -webkit-transition: .3s;
					  -moz-transition: .3s;
					  -ms-transition: .3s;
					  -o-transition: .3s;
					  transition: .3s;
					  line-height: 34px;
					}

					.flat_ss .btnttl {
					  display: inline-block;
					  width: 110px;
					  text-align: center;
					  vertical-align: middle;
					  line-height: 1;
					  padding-bottom: 5px;
					  text-indent: 0.5em;
					}

					.flat_ss .tw {
					  background: #1da1f3;
					}

					.flat_ss .fb {
					  background: #3b75d4;
					}

					.flat_ss .fdly {
					  -webkit-border-radius: 50%;
					  -moz-border-radius: 50%;
					  -ms-border-radius: 50%;
					  -o-border-radius: 50%;
					  border-radius: 50%;
					}

					.flat_ss .pkt {
					  background: #fd7171;
					}

					.flat_ss:hover .iconback .fa {
					  -webkit-transform: rotateX(360deg);
					  -moz-transform: rotateX(360deg);
					  -ms-transform: rotateX(360deg);
					  -o-transform: rotateX(360deg);
					  transform: rotateX(360deg);
					  -webkit-transform: rotateX(360deg);
					  -moz-transform: rotateX(360deg);
					  -ms-transform: rotateX(360deg);
					  -o-transform: rotateX(360deg);
					  transform: rotateX(360deg);
					  -webkit-transform: rotateX(360deg);
					  -moz-transform: rotateX(360deg);
					  -ms-transform: rotateX(360deg);
					  -o-transform: rotateX(360deg);
					  transform: rotateX(360deg);
					}

					.flat_ss .fdly i {
					  font-style: normal;
					  line-height: 25px;
					  font-size: 18px;
					  color: #0059a9;
					  -webkit-transition: .5s;
					  -moz-transition: .5s;
					  -ms-transition: .5s;
					  -o-transition: .5s;
					  transition: .5s;
					}

					#sub_menulist li a:hover {
					  -webkit-opacity: 0.7;
					  -moz-opacity: 0.7;
					  -ms-opacity: 0.7;
					  -o-opacity: 0.7;
					  opacity: 0.7;
					}

					#mdcBox ul li.lastChild ul#footerLink li.right {
					  background-color: #0059a9;
					  color: #fff;
					  height: 40px;
					  font-size: 16px;
					  padding: 5px;
					  -webkit-border-radius: 5px;
					  -moz-border-radius: 5px;
					  -ms-border-radius: 5px;
					  -o-border-radius: 5px;
					  border-radius: 5px;
					}

					#mdcBox ul li.lastChild ul#footerLink li.right span {
					  display: block;
					  text-align: center;
					  line-height: 40px;
					  font-weight: bold;
					  font-size: 20px;
					}

					#mdcBox ul li.lastChild ul#footerLink li.right span:hover i::before {
					  /* animation: horizon 2s ease infinite; */
					  display: block;
					}

					#mdcBox ul li.lastChild ul#footerLink li.btn.right {
					  background-color: #9d9ca1;
					  height: 40px;
					  padding: 5px;
					}

					#mdcBox ul li.lastChild ul#footerLink li.btn a {
					  color: #616066;
					  font-size: 22px;
					  -webkit-text-decoration: none;
					  -moz-text-decoration: none;
					  -ms-text-decoration: none;
					  -o-text-decoration: none;
					  text-decoration: none;
					  text-align: center;
					}

					#mdcBox ul li.lastChild ul#footerLink li.btn a span {
					  line-height: 40px;
					  height: 35px;
					  font-weight: bold;
					}

					#mdcBox ul li.lastChild ul#footerLink li.left {
					  clear: both;
					  margin-top: 20px;
					}

					#mdcBox ul li.lastChild ul#footerLink li.btn.right {
					  background-color: transparent;
					  padding: 5px;
					  height: 70px;
					  position: absolute;
					  bottom: -12px;
					  right: -5px;
					}

					#mdcBox ul li.lastChild ul#footerLink li.btn.right p {
					  color: #616066;
					  font-size: 14px;
					}

					#mdcBox ul li.lastChild ul#footerLink li.btn.right div {
					  display: -webkit-flex;
					  display: -moz-flex;
					  display: -ms-flex;
					  display: -o-flex;
					  display: flex;
					  -webkit-justify-content: space-between;
					  -moz-justify-content: space-between;
					  -ms-justify-content: space-between;
					  -o-justify-content: space-between;
					  justify-content: space-between;
					}

					a.bt-samp74,
					._3d.bt-samp74 {
					  display: block;
					  position: relative;
					  height: 35px;
					  width: 245px;
					  -webkit-text-decoration: none;
					  -moz-text-decoration: none;
					  -ms-text-decoration: none;
					  -o-text-decoration: none;
					  text-decoration: none;
					  line-height: 30px;
					  font-size: 26px;
					  font-weight: bold;
					  background: none;
					  border: 1px solid #c0bebe;
					  padding-left: 40px;
					  color: #616066;
					  -webkit-transition: 0.3s;
					  -moz-transition: 0.3s;
					  -ms-transition: 0.3s;
					  -o-transition: 0.3s;
					  transition: 0.3s;
					  -webkit-transition: 0.3s;
					  -moz-transition: 0.3s;
					  -ms-transition: 0.3s;
					  -o-transition: 0.3s;
					  transition: 0.3s;
					  -webkit-transition: 0.3s;
					  -moz-transition: 0.3s;
					  -ms-transition: 0.3s;
					  -o-transition: 0.3s;
					  transition: 0.3s;
					  -webkit-transition: 0.3s;
					  -moz-transition: 0.3s;
					  -ms-transition: 0.3s;
					  -o-transition: 0.3s;
					  transition: 0.3s;
					  -webkit-transition: 0.3s;
					  -moz-transition: 0.3s;
					  -ms-transition: 0.3s;
					  -o-transition: 0.3s;
					  transition: 0.3s;
					}

					#mdcBox ul li.lastChild ul#footerLink li.right span._3d.bt-samp74 span {
					  font-size: 22px;
					}

					a.bt-samp74 i,
					._3d.bt-samp74 i {
					  display: block;
					  position: absolute;
					  top: 0;
					  left: 0px;
					  height: 35px;
					  width: 35px;
					  line-height: 35px;
					  text-align: center;
					  background: #616066;
					  color: #fff;
					  font-size: 20px;
					}

					a.bt-samp74:hover {
					  -webkit-opacity: 0.7;
					  -moz-opacity: 0.7;
					  -ms-opacity: 0.7;
					  -o-opacity: 0.7;
					  opacity: 0.7;
					}

					#auxNavi #primary {
					  top: 20px;
					}

					#auxNavi #primary li a,
					#auxNavi #primary li a {
					  -webkit-border-radius: 0;
					  -moz-border-radius: 0;
					  -ms-border-radius: 0;
					  -o-border-radius: 0;
					  border-radius: 0;
					}

					.flat_ss .btnttl {
					  width: 110px;
					  line-height: 25px;
					  font-size: 12px;
					  text-indent: 0;
					}

					.flat_ss .btnttl.left_i {
					  width: 100px;
					}

					.flat_ss .btnttl i {
					  padding-right: 5px;
					}

					#auxNavi #primary li a,
					#auxNavi #primary li a:visited {
					  border: 1px solid #ddd;
					  -webkit-border-radius: 5px;
					  -moz-border-radius: 5px;
					  -ms-border-radius: 5px;
					  -o-border-radius: 5px;
					  border-radius: 5px;
					}

					#mdcBox ul li.lastChild ul#footerLink {
					  display: -webkit-flex;
					  display: -moz-flex;
					  display: -ms-flex;
					  display: -o-flex;
					  display: flex;
					  -webkit-flex-wrap: wrap;
					  -moz-flex-wrap: wrap;
					  -ms-flex-wrap: wrap;
					  -o-flex-wrap: wrap;
					  flex-wrap: wrap;
					  border: 1px solid #777;
					  padding: 11px;
					  -webkit-border-radius: 5px;
					  -moz-border-radius: 5px;
					  -ms-border-radius: 5px;
					  -o-border-radius: 5px;
					  border-radius: 5px;
					  width: auto;
					}

					#mdcBox ul li.lastChild ul#footerLink li.left {
					  margin-top: 0;
					}

					#mdcBox ul li dl#siteSsl dd.description {
					  width: auto;
					  margin-left: 0;
					}

					#mdcBox ul li dl#siteSsl {
					  display: -webkit-flex;
					  display: -moz-flex;
					  display: -ms-flex;
					  display: -o-flex;
					  display: flex;
					  -webkit-flex-direction: row-reverse;
					  -moz-flex-direction: row-reverse;
					  -ms-flex-direction: row-reverse;
					  -o-flex-direction: row-reverse;
					  flex-direction: row-reverse;
					}

					#mdcBox ul li.lastChild {
					  margin: 0;
					  position: relative;
					  left: -8px;
						width: 392px;
					}

					#mdcBox>ul {
					  display: -webkit-flex;
					  display: -moz-flex;
					  display: -ms-flex;
					  display: -o-flex;
					  display: flex;
					  -webkit-flex-wrap: wrap;
					  -moz-flex-wrap: wrap;
					  -ms-flex-wrap: wrap;
					  -o-flex-wrap: wrap;
					  flex-wrap: wrap;
					  -webkit-justify-content: space-between;
					  -moz-justify-content: space-between;
					  -ms-justify-content: space-between;
					  -o-justify-content: space-between;
					  justify-content: space-between;
					  -webkit-flex-direction: row-reverse;
					  -moz-flex-direction: row-reverse;
					  -ms-flex-direction: row-reverse;
					  -o-flex-direction: row-reverse;
					  flex-direction: row-reverse;
					}

					#mdcBox ul li dl#siteSsl dt.image {
					  margin-left: 2px;
					}

					.building {
					  height: 72px;
					  margin: 13px 0;
					  width: 100%;
					  background-image: url(../../media/img/share/headerBg.jpg);
					  background-repeat: repeat-x;
					  -webkit-background-size: 73%;
					  -moz-background-size: 73%;
					  -ms-background-size: 73%;
					  -o-background-size: 73%;
					  background-size: 73%;
					  -webkit-background-size: 73%;
					  -moz-background-size: 73%;
					  -ms-background-size: 73%;
					  -o-background-size: 73%;
					  background-size: 73%;
					}

					#wrapper {
					  background-image: none;
					}

					#wrapper nav {
					  position: absolute;
					  top: 55px;
					  right: 50px;
					}

					#wrapper nav p {
					  font-size: 11px;
					  text-align: right;
					  padding-top: 3px;
					  color: #0059a9;
					  position: relative;
					  left: 8px;
					  letter-spacing: 0.5px;
					}

					#wrapper nav>ul.head_menu li {
					  width: 155px;
					  height: 50px;
					  position: relative;
					}
					#wrapper nav>ul.head_menu li:nth-of-type(1){
						left: -3px;
					}

					#wrapper nav>ul.head_menu li:nth-of-type(2) {
					  padding-right: 2px;
					}
					#wrapper nav>ul.head_menu li:nth-of-type(4) {
					  right: -1px;
					}

					#wrapper nav>ul.head_menu li .nav_button {
						text-align: center;
					  color: #fff;
					  -webkit-text-decoration: none;
					  -moz-text-decoration: none;
					  -ms-text-decoration: none;
					  -o-text-decoration: none;
					  text-decoration: none;
					  display: block;
					  width: 100%;
					  height: 100%;
					  font-size: 12px;
					  line-height: 50px;
					  background-color: #0059a9;
					  border: 1px solid #0059a9;
					  -webkit-border-radius: 5px;
					  -moz-border-radius: 5px;
					  -ms-border-radius: 5px;
					  -o-border-radius: 5px;
					  border-radius: 5px;
					  -webkit-box-sizing: border-box;
					  -moz-box-sizing: border-box;
					  -ms-box-sizing: border-box;
					  -o-box-sizing: border-box;
					  box-sizing: border-box;
					  -webkit-box-shadow: 1px 1px 3px #999;
					  -moz-box-shadow: 1px 1px 3px #999;
					  -ms-box-shadow: 1px 1px 3px #999;
					  -o-box-shadow: 1px 1px 3px #999;
					  box-shadow: 1px 1px 3px #999;
					  -webkit-transition: 0.3s;
					  -moz-transition: 0.3s;
					  -ms-transition: 0.3s;
					  -o-transition: 0.3s;
					  transition: 0.3s;
					}

					#wrapper nav>ul.head_menu li a:hover {
					  background-color: #fff;
					  color: #0059a9;
					}

					#wrapper nav>ul.head_menu li a:hover svg {
					  fill: #0059a9;
					}

					#wrapper nav>ul.head_menu {
					  display: -webkit-flex;
					  display: -moz-flex;
					  display: -ms-flex;
					  display: -o-flex;
					  display: flex;
					  -webkit-flex-wrap: wrap;
					  -moz-flex-wrap: wrap;
					  -ms-flex-wrap: wrap;
					  -o-flex-wrap: wrap;
					  flex-wrap: wrap;
					  -webkit-justify-content: space-between;
					  -moz-justify-content: space-between;
					  -ms-justify-content: space-between;
					  -o-justify-content: space-between;
					  justify-content: space-between;
					  width: 664px;
					}

					#wrapper nav>ul.head_menu>li:last-child {
					  background-color: #fff;
					  border: 1px solid #0059a9;
					  text-align: center;
					  -webkit-box-shadow: none;
					  -moz-box-shadow: none;
					  -ms-box-shadow: none;
					  -o-box-shadow: none;
					  box-shadow: none;
					  -webkit-border-radius: 5px;
					  -moz-border-radius: 5px;
					  -ms-border-radius: 5px;
					  -o-border-radius: 5px;
					  border-radius: 5px;
					  -webkit-box-sizing: border-box;
					  -moz-box-sizing: border-box;
					  -ms-box-sizing: border-box;
					  -o-box-sizing: border-box;
					  box-sizing: border-box;
					}

					#wrapper nav>ul.head_menu li:last-child ul {
					  height: 100%;
					}

					#wrapper nav>ul.head_menu li:last-child ul li {
					  background-color: transparent;
					  height: 1em;
					  font-size: 10px;
					  color: #0059a9;
					  line-height: 12px;
					  border: none;
					  -webkit-box-shadow: none;
					  -moz-box-shadow: none;
					  -ms-box-shadow: none;
					  -o-box-shadow: none;
					  box-shadow: none;
						letter-spacing: 0.4px;
					}

					#wrapper nav>ul.head_menu li:last-child ul li:nth-of-type(2) {
					  font-weight: bold;
					  font-size: 20px;
					  letter-spacing: -1.4px;
					  position: relative;
						text-align: center;
						width: 100%;
						line-height: 17px;
					}



					#wrapper nav>ul.head_menu li:last-child ul li:nth-of-type(2) span {
					  position: absolute;
					  top: -7px;
					  left: -13px;
					}

					#wrapper nav svg {
					  fill: #fff;
					  width: 22px;
					  height: 22px;
					  position: relative;
					  top: 6px;
					}

					#wrapper nav li:nth-of-type(1) svg {
					  top: 5px;
					}

					#wrapper nav li:nth-last-of-type(1) svg {
					  top: 2px;
					}

					#wrapper nav ul li svg:nth-of-type(2) {
					  position: absolute;
					  top: 0;
					  right: 0;
					  width: 20px;
					  height: 20px;
					}
					#wrapper p.doc {
					  letter-spacing: 0.2px;
						text-align: center;
					}

					#mdcBox ul li {
					  float: none;
					}
					#mdcBox ul li.f_right{
						width: 541px;
					}

					#mdcBox ul li dl#siteSsl dt.image {
					  float: none;
					}
					#mdcBox ul li dl#siteSsl dd.description span{
						font-size: 10px!important;
						-webkit-text-size-adjust: 100%;
					}

					/* 問い合わせボタン追加 */
					.top_form-btn{
						position: absolute;
						    top: 42%;
						    border: 1px solid #0059a9;
						    background-color: #0059a9;
						    color: white;
						    padding: 15px 16px;
						    left: 54px;
								box-shadow: 1px 1px 3px #999;
								-webkit-box-shadow: 1px 1px 3px #999;
						    -moz-box-shadow: 1px 1px 3px #999;
						    -ms-box-shadow: 1px 1px 3px #999;
						    -o-box-shadow: 1px 1px 3px #999;
								border-radius: 2px;
								transition: 0.3s;
								font-size: 1rem;
					}
					.top_form-btn:hover{
						background-color: #fff;
		    		color: #0059a9;
						transition: 0.3s;
					}

					/* ログイン下の問い合わせ部分 */
					.Login-formTextBox{
						border: 1px solid #807F81;
				    margin: 23px 20px;
				    border-radius: 5px;
				    padding: 30px 15px;
					}
					.Login-formTextBox p{
						text-align: center;
				    color: #807F81;
				    font-size: 18px;
				    font-weight: 600;
				    line-height: 1rem;
				    font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
					}
					p.Login-formTextBox_text01{
						text-align: center;
				    margin-bottom: 15px;
						line-height: 1.5rem;
					}
					.formTextBox-indent{
						letter-spacing: -0.6rem;
						font-weight: 600;
					}
					.formTextBox-indent2{
						letter-spacing: -0.1rem;
						font-weight: 600;
					}
					.formTextBox_tell01{
						font-size: 13px;
				    font-weight: 600;
				    text-align: center;
				    letter-spacing: 0.03rem;
					}
					.formTextBox_tell02{
						font-size: 23px;
						font-weight: bold;
						line-height: 1.3rem;
					}
					.Login-formTextBox_text03{
						font-size: 12px;
						font-weight: bold;
						margin: 0 auto;
						letter-spacing: -0.02rem;
					}
					a.Login-formTextBox_webBtn{
						text-decoration: none;
					}
					.Login-formTextBox_webBtn p{
						/* margin: 10px auto; */
						background: #0059a9;
						border:1px solid #0059a9;
						padding: 20px 10px;
				    font-size: 25px;
					  color: white;
						width: 90%;
					  border-radius: 3px;
						transition: 0.2s;
						box-shadow: 1px 1px 3px #999;
				    line-height: 2rem;
					}
					.Login-formTextBox_webBtn p:hover{
						transition: 0.2s;
						border:1px solid #0059a9;
						background: white;
						color: #0059a9;
					}
					.Login-formTextBox_webBtn p span{
						font-size: 16px;
					}

					.Login-formTextBox_tellBox{
						border: 1px solid #0059a9;
				    padding: 7px 0;
				    border-radius: 3px;
					}
					.Login-formTextBox_tellBox p{
						color: #0059a9;
					}

					/* 入会ボタン追加 */
					.Enrollment_box{
						background: #EFEFEF;
				    padding: 20px;
						font-family: "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
						margin-bottom: 180px;
						margin-top: -160px;
					}
					.Enrollment_box p{
						text-align: center;
						font-size: 18px;
					}
					.Enrollment_box--title{
						font-weight: bold;
					}
					.Enrollment--blue{
						color: #08629F !important;
					}
					.Enrollment--green{
						color: #179C98;
					}
					.Enrollment--font-w{
						font-weight: bold;
					}
					.Enrollment_box--btn{
						display: flex;
						justify-content: space-around;
						margin: 20px;
						margin-bottom: 15px;
					}
					.Enrollment_box--btn p{
						text-align: left;
						font-weight: bold;
						font-size: 18px;
					}
					.Enrollment_box--btn a{
						/* width: 100%; */
						text-decoration: none;
				    height: 108px;
						transition: 0.2s;
					}
					.Enrollment_box--btn a:hover{
						transition: 0.2s;
						opacity: 0.6;
					}
					.Enrollment_box--b_btn{
						background: #08629F;
				    padding: 20px;
				    width: 380px;
				    border-radius: 5px;
				    box-shadow: 2px 2px 4px grey;
					}
					.Enrollment_box--b_btn p{
						color: white;
						width: 100%;
						padding: 0 30px;
						text-align: center;
					}
					.Enrollment_box--b_btn p span{
						font-weight: bold;
					}
					.Enrollment_box--b_btn div{
						display: flex;
				    padding: 0 20px;
						align-items: center;
					}
					.Enrollment_box--b_btn div::before{
						/* content: '';
						background: url("../media/img/login/Enrollment_box-micon.png") no-repeat;
						width: 55px;
						height: 60px;
						display: inline-block;
						background-size: contain;
						vertical-align: middle; */
					}
					.b_btn--bigText{
						font-size: 28px;
					}

					.green_b{
						background: #00a0e9;
					}
					.Enrollment_box--b_btn.green_b div p{
						padding: 0;
						text-align: center;
					}
					.Enrollment_box--b_btn.green_b div::before{
						/* content: '';
						background: url("../media/img/login/Enrollment_box-dicon.png") no-repeat;
						width: 55px;
						height: 60px;
						display: inline-block;
						background-size: contain;
						vertical-align: middle; */
					}