@charset "utf-8";

/* // modal //
----------------------------------------------- */
/* //    |- modalBtn.A  */
.modalBtn.A {
	position:fixed;
	top:0px;
	left:100%;
	width:60px;
	height:60px;
	padding:10px;
	box-sizing: border-box;
	background-color:#000;
	text-decoration:none;
	text-align:center;
	color:#FFF;
	border-radius: 0px;
	line-height:1;
	z-index:999980;
	display:block;
	transform: translateX(-100%);
}
.modalBtn.A.active {
	left:0;
	transform: translateX(-0%);
	z-index:999995;
}
.modalBtn.A,
.modalBtn.A.active,
.modalBtn.A .inner .tx,
.modalBtn.A .line {
	transition: all .3s ease-out;
}
.modalBtn.A .inner {
	position:relative;
	top:-3px;
	width:40px;
	height:45px;
	overflow:hidden;
}
.modalBtn.A .inner .tx {
	position:absolute;
	bottom:0;
	left:50%;
	width:100%;
	transform: translateX(-50%) scale(1,0.85);
	display:block;
	font-size:12px;
	letter-spacing:0.1em;
	opacity: 1;
}
.modalBtn.A.active .inner .tx {
	opacity: 0;
}

.modalBtn.A .line {
	position: absolute;
	left: 0%;
	width: 100%;
	height: 1px;
	background-color: #fff;
	border-radius: 4px;
}
.modalBtn.A .line:nth-of-type(1) {
	top: 2px;
}
.modalBtn.A .line:nth-of-type(2) {
	top: 13px;
}
.modalBtn.A .line:nth-of-type(3) {
	top: 24px;
}
.modalBtn.A.active .line {
	height: 2px;
}
.modalBtn.A.active .line:nth-of-type(1) {
	transform: translate(0, 20px) rotate(-45deg);
	top: 0px;
}
.modalBtn.A.active .line:nth-of-type(2) {
	opacity: 0;
}
.modalBtn.A.active .line:nth-of-type(3) {
	transform: translate(0, -23px) rotate(45deg);
	top: auto;
	bottom:0;
}
.modalBtn.A i {
	color:#FFF;
	font-size:30px;
}
.modalBtn.A em {
	color:#FFF;
	display:block;
	font-size:11px;
}

/* //    |- modalBtn B  */
.modalBtn.B {
	padding:8px;
	background-color:#CCC;
	text-decoration:none;
	text-align:center;
	color:#000;
	border-radius: 0px;
	line-height:1;
	z-index:999980;
	display:inline-block;
}
.modalBtn.B .inner {
}
.modalBtn.B i {
	display:inline-block;
	color:#000;
	font-size:20px;
}
.modalBtn.BmodalBtn.B .tx {
	display:inline-block;
	font-size:11px;
}



/* // readmore //
----------------------------------------------- */
.readmore {
	position:relative;
	overflow:hidden;
	transition:0.3s;
	display:block;
	height: 90px;
	max-height: 90px;
}

.readmore.open {
	z-index: 1;
	height:auto;
	max-height: 50em;
	padding-bottom:26px;
}
.readmore:before {
	content:" ";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:50px;
	background: linear-gradient(to bottom, rgba(241,251,255,0) 0%,rgba(241,251,255,1) 62%,rgba(241,251,255,1) 100%);
}
.readmore.open:before {
	display:none;
}
.readmore a.moreBtn {
	line-height:1;
	position:absolute;
	bottom:0;
	left:50%;
	transform: translate(-50%,0%);
	color:#6BA0BA;
	border:1px solid #6BA0BA;
	border-radius:50px;
	font-size:80%;
}
.readmore a.moreBtn span {
	padding:4px 10px;;
}
.readmore a.moreBtn .close {
	display:none;
}
.readmore.open a.moreBtn .close {
	display:inline-block;
}
.readmore a.moreBtn .open {
	display:inline-block;
}
.readmore.open a.moreBtn .open {
	display:none;
}



/* // event PC //
----------------------------------------------- */
#event .mainimage {
	background-color: #faf7ed;
}
#event .mainimage .inner {
	width: 1000px;
	margin: 0 auto;
	padding: 1% 0;
}
#event .mainimage .inner .left {
	width: 39%;
	float:left;
}
#event .mainimage .inner .right {
	width: 61%;
	float: right;
	margin-top: 50px;
}
#event .mainimage .inner .right .logo {
	text-align: center;
	margin-bottom: 30px;
}
#event .mainimage .inner .right .logo img.logo_momi{
	width: 174px;
	margin-right: 38px;
}
#event .mainimage .inner .right .logo img.logo_neo{
	width: 211px;
}
#event .mainimage .inner .right h1 {
	font-size: 50px;
	text-align: center;
	font-weight: 500;
	color: #41210f;
	margin: 22px 0 35px;
}
#event .mainimage .inner .right h1 span.month {
	color: #ea5429;
	font-weight: 700;
}
#event .mainimage .inner .right .mian_txt {
	text-align: center;
	color: #41210f;
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
}
#event h2 {
	font-size: 30px;
	font-weight: 700;
	background-color: #41210f;
	padding: 15px 0;
	text-align: center;
	color: #fff;
	margin: 0 0 40px;
}
#event .desc {
	font-size: 16px;
	line-height: 2;
	color: #333333;
	text-align: center;
	margin-bottom: 30px;
}
#event .event_aim_area {
	width: 1000px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
#event .event_aim_area .event_aim_block{
	width: 310px;
	margin-right: 35px;
}
#event .event_aim_area .event_aim_block:nth-child(3n){
	margin-right: 0;
}
#event .event_aim_area .event_aim_block .cap {
	font-size: 20px;
	font-weight: 500;
	line-height: 1.5;
	color: #41210f;
	text-align: center;
	margin-top: 20px;
}



#event .event_items {
	width: 1000px;
	display: flex;
	flex-wrap: wrap;
	/* justify-content: space-between; */
	justify-content: center;
}
#event .event_items .event_item{
	width: 31%;
	margin-bottom: 50px;
}
#event .event_items .event_item .event_box{
	margin: 0 0 30px 0;
	padding: 20px;
	border: 1px solid #eee;
	background: #F1F1F1;
}
#event .event_items .event_item .event_box dl{
	text-align: center;
}
#event .event_items .event_item .event_box dl dt,
#event .event_items .event_item .event_box dl dd{
	display: inline;
}
#event .event_items .event_item .event_box dl dt:after{
	content: "：";
}
#event .event_items .event_item .event_box h4{
	margin: 0 0 10px 0;
	text-align: center;
}
#event .event_items .event_item .event_box p{
	text-align: center;
}



#event .event_seminar_area {
	width: 1000px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
#event .event_seminar_area .event_seminar_block{
	width: 480px;
	margin-right: 40px;
	margin-bottom: 40px;
	background-color: #faf7ed;
	padding: 30px 20px;
}
#event .event_seminar_area .event_seminar_block:nth-child(2n){
	margin-right: 0;
}
#event .event_seminar_area .event_seminar_block .logo img.logo_momi {
	width: 120px;
}
#event .event_seminar_area .event_seminar_block .logo img.logo_neo {
	width: 145px;
}
#event .event_seminar_area .event_seminar_block .logo img.logo_momi:first-child {
	margin-right: 35px;
}
#event .event_seminar_area .event_seminar_block .logo {
	text-align: center;
}
#event .event_seminar_area .event_seminar_block h3 {
	font-size: 20px;
	font-weight: 700;
	color: #fff;
	background-color: #b29652;
	padding: 15px 0;
	text-align: center;
	margin: 30px 0 20px;
}
#event .event_seminar_area .event_seminar_block .detail {
	margin: 30px 0;
	color: #41210f;
}
#event .event_seminar_area .event_seminar_block .detail p {
	font-size: 18px;
	line-height: 1.5;
	margin-bottom: 20px;
}
#event .event_seminar_area .event_seminar_block .detail p span.list {
	font-weight: 700;
}

/*2行目以降インデント設定*/
#event .event_seminar_area .event_seminar_block .detail p.txt_indent {
	padding-left: 4em;
    text-indent: -4em;
}

/*詳細はこちらボタン*/
#event .event_seminar_area .event_seminar_block a.btn_detail {
	display: block;
	padding: 18px 0;
  border: 1px solid #41210f;
  position: relative;
  font-size: 20px;
  color: #41210f;
  background-color: #fff;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}
#event .event_seminar_area .event_seminar_block a.btn_detail:hover {
	opacity: 0.7;
}
#event .event_seminar_area .event_seminar_block a.btn_detail:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon-arrow-brown.png) no-repeat center center;
}

/*すぐに申し込むボタン*/
#event .event_seminar_area .event_seminar_block a.btn_application {
	display: block;
	padding: 18px 0;
  position: relative;
  font-size: 20px;
  color: #fff;
  background-color: #ea5429;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
}
#event .event_seminar_area .event_seminar_block a.btn_application:hover {
	opacity: 0.7;
}
#event .event_seminar_area .event_seminar_block a.btn_application:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon-arrow-white.png) no-repeat center center;
}

#event .event_popo_bnr {
	text-align: center;
}
#event .event_popo_bnr img{
	width: 870px;
}

/*セミナー詳細ページ*/
#event .seminar_momi_ttl {
	font-size: 38px;
	color: #b29652;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 50px;
}
#event .seminar_momi_ttl span {
	color: #41210f;
	font-size: 80px;
}
#event .seminar_momi_ttl span.neo {
	color: #027baa;
}
#event .seminar_momi_flyer_area {
	width: 1000px;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 60px;
}
#event .seminar_momi_flyer_area a .seminar_flyer_momi_block {
	width: 480px;
	text-align: center;
}
#event .seminar_momi_flyer_area a:first-of-type .seminar_flyer_momi_block{
	margin-right: 40px;
}
#event .seminar_momi_flyer_area a .seminar_flyer_momi_block img.icon_zoom {
	width: 56px;
	margin-top: 25px;
}
#event .seminar_momi_flyer_area a.btn_neo {
	margin: 0 auto;
}
#event .seminar_momi_map,
#event .seminar_momi_map2 {
	margin: 60px 0;
}
#event .seminar_momi_map img {
	width:480px;
}
#event .seminar_momi_map2 {
	 text-align: center;
}
#event .seminar_momi_map2 img {
	width:auto;
}
#event .seminar_momi_map img:first-of-type {
	margin-right: 40px;
}

#event .seminar_neo_map {
	margin: 60px auto;
	width:480px;
}
#event .seminar_detail {
	padding: 50px ;
	border: 1px solid #41210f;
}
#event .seminar_detail .detail {
	color: #41210f;
}
#event .seminar_detail .detail p {
	font-size: 26px;
	line-height: 1.5;
	margin-bottom: 20px;
}
#event .seminar_detail .detail p span.list{
	font-weight: 700;
}

/*2行目以降インデント設定*/
#event .seminar_detail .detail p.txt_indent {
	padding-left: 5em;
    text-indent: -5em;
}

.seminar_detail_btnarea {
	width: 760px;
	margin: 0 auto;
	font-size: 0;
}

/*セミナー詳細ページ チラシを見るボタン*/
#event .seminar_detail a.btn_seeflyer {
	display: inline-block;
	padding: 18px 0;
  position: relative;
  font-size: 20px;
  color: #028a3b;
  background-color: #fff;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  border: 1px solid #028a3b;
  margin-right: 40px;
}
#event .seminar_detail a.btn_seeflyer:hover {
	opacity: 0.7;
}
#event .seminar_detail a.btn_seeflyer:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -7px;
  width: 19px;
  height: 19px;
  background: url(../img/event/icon_flyer.png) no-repeat center center;
}


/*セミナー詳細ページ チラシを見るボタン - neo*/
#event .seminar_detail a.btn_seeflyer_neo {
	display: inline-block;
	padding: 18px 0;
  position: relative;
  font-size: 20px;
  color: #0068b7;
  background-color: #fff;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  border: 1px solid #0068b7;
  margin-right: 40px;
}
#event .seminar_detail a.btn_seeflyer_neo:hover {
	opacity: 0.7;
}
#event .seminar_detail a.btn_seeflyer_neo:before {
  content: "";
  display: block;
  position: absolute;
  left: 20px;
  top: 50%;
  margin-top: -7px;
  width: 19px;
  height: 19px;
  background: url(../img/event/icon_flyer_neo.png) no-repeat center center;
}


/*セミナー詳細ページ すぐに申し込むボタン*/
#event .seminar_detail a.btn_application {
	display: inline-block;
	padding: 18px 0;
  position: relative;
  font-size: 20px;
  color: #fff;
  background-color: #ea5429;
  width: 360px;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
}
#event .seminar_detail a.btn_application:hover {
	opacity: 0.7;
}
#event .seminar_detail a.btn_application:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon-arrow-white.png) no-repeat center center;
}
#event .seminar_detail .note {
	font-size: 18px;
	font-weight: 500;
	color: #333;
	margin-top: 40px;
}

#event .seminar_flyer_neo_block {
	margin-right: 0 !important;
}









/* // event SP //
----------------------------------------------- */
@media screen and (max-width: 1000px){
#event .mainimage {
	background-color: #faf7ed;
}
#event .mainimage .inner {
	width: 100%;
	margin: 0 auto;
	padding: 5% 0 8%;
}
#event .mainimage .inner .left {
	width: 100%;
	float:none;
	text-align: center;
}
#event .mainimage .inner .left img {
	width: 60%;
	margin-top: 4%
}
#event .mainimage .inner .right {
	width: 100%;
	float: none;
	margin-top: 2%;
}
#event .mainimage .inner .right .logo {
	text-align: center;
	margin-bottom: 6%;
}
#event .mainimage .inner .right .logo img.logo_momi{
	width: 37%;
	margin-right: 3%;
}
#event .mainimage .inner .right .logo img.logo_neo{
	width: 45%;
}
#event .mainimage .inner .right h1 {
	font-size: 8vw;
	text-align: center;
	font-weight: 500;
	color: #41210f;
	margin: 4% 0 6%;
}
#event .mainimage .inner .right h1 span.month {
	color: #ea5429;
	font-weight: 700;
}
#event .mainimage .inner .right .mian_txt {
	text-align: center;
	color: #41210f;
	font-size: 3.7vw;
	font-weight: 500;
	line-height: 1.5;
}
#event h2 {
	font-size: 5.3vw;
	font-weight: 700;
	background-color: #41210f;
	padding: 4% 0;
	text-align: center;
	color: #fff;
	margin-bottom: 5%;
}
#event .desc {
	font-size: 3.7vw;
	line-height: 2;
	color: #333333;
	text-align: center;
	margin-bottom: 5%;
}
#event .event_aim_area {
	width: 100%;
	display: block;
}
#event .event_aim_area .event_aim_block{
	width: 100%;
	margin-bottom: 8%;
}
#event .event_aim_area .event_aim_block img {
	width: 100%;
}
#event .event_aim_area .event_aim_block:nth-child(3n){
	margin-right: 0;
}
#event .event_aim_area .event_aim_block .cap {
	font-size: 4.2vw;
	font-weight: 500;
	line-height: 1.5;
	color: #41210f;
	text-align: center;
	margin-top: 3%;
}



#event .event_items {
	width: auto;
	display: block;
}
#event .event_items .event_item{
	width: auto;
	margin: 0;
}
#event .event_items .event_item+.event_item{
	margin-top: 30px;
}
#event .event_items .event_item .event_box{
	height: auto !important;
	margin: 0 0 20px 0;
	padding: 10px;
}
#event .event_items .event_item .event_box dl{
	height: auto !important;
}



#event .event_seminar_area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 50px;
}
#event .event_seminar_area .event_seminar_block{
	width: 100%;
	margin-right: 0;
	background-color: #faf7ed;
	padding: 8% 5%;
}
#event .event_seminar_area .event_seminar_block {
	margin-bottom: 10%;
}
#event .event_seminar_area .event_seminar_block:nth-child(2n){
	margin-right: 0;
}
#event .event_seminar_area .event_seminar_block .logo img.logo_momi {
	width: 32%;
}
#event .event_seminar_area .event_seminar_block .logo img.logo_neo {
	width: 40%;
}
#event .event_seminar_area .event_seminar_block .logo img.logo_momi:first-child {
	margin-right: 5%;
}
#event .event_seminar_area .event_seminar_block .logo {
	text-align: center;
}
#event .event_seminar_area .event_seminar_block h3 {
	font-size: 5.8vw;
	font-weight: 700;
	color: #fff;
	background-color: #b29652;
	padding: 4%;
	text-align: center;
	margin: 8% 0 5%;
}
#event .event_seminar_area .event_seminar_block .detail {
	margin: 5% 0;
	color: #41210f;
}
#event .event_seminar_area .event_seminar_block .detail p {
	font-size: 4.8vw;
	line-height: 1.5;
	margin-bottom: 5%;
}
#event .event_seminar_area .event_seminar_block .detail p span.list {
	font-weight: 700;
}

/*詳細はこちらボタン*/
#event .event_seminar_area .event_seminar_block a.btn_detail {
	display: block;
	padding: 5% 0;
  border: 1px solid #41210f;
  position: relative;
  font-size: 5.3vw;
  color: #41210f;
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  margin-bottom: 5%;
}
#event .event_seminar_area .event_seminar_block a.btn_detail:hover {
	opacity: 0.7;
}
#event .event_seminar_area .event_seminar_block a.btn_detail:after {
  content: "";
  display: block;
  position: absolute;
  right: 5.3vw;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon-arrow-brown.png) no-repeat center center;
}

/*すぐに申し込むボタン*/
#event .event_seminar_area .event_seminar_block a.btn_application {
	display: block;
	padding: 5% 0;
  position: relative;
  font-size: 5.3vw;
  color: #fff;
  background-color: #ea5429;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
}
#event .event_seminar_area .event_seminar_block a.btn_application:hover {
	opacity: 0.7;
}
#event .event_seminar_area .event_seminar_block a.btn_application:after {
  content: "";
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon-arrow-white.png) no-repeat center center;
}
#event .event_popo_bnr {
	text-align: center;
}
#event .event_popo_bnr img{
	width: 100%;
}


/*セミナー詳細ページ*/
#event .seminar_momi_ttl {
	font-size: 6.6vw;
	color: #b29652;
	font-weight: 500;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 8%;
}
#event .seminar_momi_ttl span {
	color: #41210f;
	font-size: 13vw;
}
#event .seminar_momi_ttl span.neo {
	color: #027baa;
}
#event .seminar_momi_flyer_area {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 8%;
}
#event .seminar_momi_flyer_area a .seminar_flyer_momi_block {
	width: 100%;
	text-align: center;
	margin: 0 auto 8%;
}
#event .seminar_momi_flyer_area a:first-of-type .seminar_flyer_momi_block{
	margin-right: auto;
}
#event .seminar_momi_flyer_area a .seminar_flyer_momi_block img.icon_zoom {
	width: 12%;
	margin-top: 3%;
}
#event .seminar_momi_map {
	margin: 10% 0;
}
#event .seminar_momi_map img {
	width:100%;
	margin-bottom: 8%;
}
#event .seminar_momi_map img:first-of-type {
	margin-right: 0;
}

#event .seminar_neo_map {
	margin: 10% auto;
	width:100%;
}





#event .seminar_detail {
  padding: 6% 5%;
  border: 1px solid #41210f;
}
#event .seminar_detail .detail {
	margin: 5% 0;
	color: #41210f;
}
#event .seminar_detail .detail p {
	font-size: 4.8vw;
	line-height: 1.5;
	margin-bottom: 5%;
}
#event .seminar_detail .detail p span.list{
	font-weight: 700;
}

.seminar_detail_btnarea {
	width: 100%;
	margin: 0 auto;
	font-size: 0;
}

/*セミナー詳細ページ チラシを見るボタン*/
#event .seminar_detail a.btn_seeflyer {
	display: block;
	padding: 5% 0;
  position: relative;
  font-size: 5.3vw;
  color: #028a3b;
  background-color: #fff;
  border: 1px solid #028a3b;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  margin-bottom: 5%;
}
#event .seminar_detail a.btn_seeflyer:hover {
	opacity: 0.7;
}
#event .seminar_detail a.btn_seeflyer:before {
  content: "";
  display: block;
  position: absolute;
  right: 5.3vw;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon_flyer.png) no-repeat center center;
}

/*セミナー詳細ページ チラシを見るボタン - neo*/
#event .seminar_detail a.btn_seeflyer_neo {
	display: block;
	padding: 5% 0;
  position: relative;
  font-size: 5.3vw;
  color: #0068b7;
  background-color: #fff;
  border: 1px solid #0068b7;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
  margin-bottom: 5%;
}
#event .seminar_detail a.btn_seeflyer_neo:hover {
	opacity: 0.7;
}
#event .seminar_detail a.btn_seeflyer_neo:before {
  content: "";
  display: block;
  position: absolute;
  right: 5.3vw;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon_flyer_neo.png) no-repeat center center;
}


/*セミナー詳細ページ すぐに申し込むボタン*/
#event .seminar_detail a.btn_application {
	display: block;
	padding: 5% 0;
  position: relative;
  font-size: 5.3vw;
  color: #fff;
  background-color: #ea5429;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  font-weight: 500;
}
#event .seminar_detail a.btn_application:hover {
	opacity: 0.7;
}
#event .seminar_detail a.btn_application:after {
  content: "";
  display: block;
  position: absolute;
  right: 5.3vw;
  top: 50%;
  margin-top: -7px;
  width: 15px;
  height: 15px;
  background: url(../img/event/icon-arrow-white.png) no-repeat center center;
}

#event .seminar_detail .note {
	font-size: 4.2vw;
	font-weight: 500;
	color: #333;
	margin-top: 6%;
}




}



/* // xxx //
----------------------------------------------- */
/* //    |- xxx  */
