@charset "UTF-8";
/* CSS Document */
/*  BEAUTY  */
#main_area{
	margin:0 auto 50px auto;
	position:relative;
}
#main_area .bg_block{
	width:100%;
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:nowrap;
	-ms-flex-wrap:nowrap;
	flex-wrap:nowrap;
	
	justify-content: space-between;
}
#main_area  .bg_block .photo_block{
	width:47%;
	display:block;
	background:url("/images/img_yakuzen.jpg") no-repeat left top;
	background-size:cover;
}
#main_area .bg_block .copy_block{
	width:53%;
	
	font-size:1.077vw;
	line-height:2.0;
	letter-spacing:0.05rem;
	
	background-color:#f2e6e6;
	display:inline-block;
	padding:50px 35px;
}

#main_area .bg_block .copy_block h1{
	font-family: 'Noto Serif JP', serif;
	font-size:2.2vw;
	font-weight:200;
	line-height:1.6;
	letter-spacing:0.15rem;
	color:#000;
	text-align:center;
	
	padding-top:10px;
	margin-bottom:50px;
}
#main_area .bg_block .copy_block h1 span{
	display:block;
	font-size:1vw;
	letter-spacing:0rem;
}
@media screen and (max-width:767px) {
	#main_area{
		margin:80px auto 20px auto;
	}
	#main_area .bg_block{
		width:100%;
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}
	#main_area  .bg_block .photo_block{
		width:100%;
		height:30vh;

		order:2;
		display:block;
		background:url("/images/img_yakuzen.jpg") no-repeat right top;
		background-size:cover;
}
	#main_area .bg_block .copy_block{
		width:100%;

		order:1;
		font-size:13px;
		line-height:1.8;
		letter-spacing:0.05rem;

		background-color:#f2e6e6;
		display:inline-block;
		padding:30px 20px;
	}

	#main_area .bg_block .copy_block h1{
		font-family: 'Noto Serif JP', serif;
		font-size:20px;
		font-weight:200;
		line-height:1.6;
		letter-spacing:0.15rem;
		color:#000;
		text-align:center;

		padding-top:10px;
		margin-bottom:30px;
	}
	#main_area .bg_block .copy_block h1 span{
		display:block;
		font-size:1vw;
		letter-spacing:0rem;
	}
}

/* seminar */
.bg_block .title_block{
	width:100%;
	display:block;
	padding:30px 0 0 0;
	margin:0;
}
.bg_block .title_block h4{
	font-size:2.462vw;
	line-height:1.6;
	text-align:center;
	display:block;
	color:#000;
}
.bg_block .title_block h4 span{
	font-size:1.077vw;
	text-align:center;
	display:block;
}
.bg_block .title_block p{
	display:block;
	font-size:1.0vw;
	width:50vw;
	margin:30px auto;
	text-align:center;
	line-height:2.2;
}
.bg_block .title_block .line{
	width:100%;
	height:4px;
	border:solid 1px #f2e6e6;
	margin:20px 0 0 0;
}

.bg_block .copy_block{
	width:100%;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}
.bg_block .copy_block .sem_block{
	margin-top:35px;
	padding:30px 5px;
	border:solid 1px #cdcdcd;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
	
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
}

.bg_block .copy_block  .wd1{
	width:100%;
}
.bg_block .copy_block .wd2{
	width:48%!important;
}

.bg_block .copy_block .sem_block .title_box{
	width:100%;
	padding:0 25px;
	margin-bottom:10px;
}
.bg_block .copy_block .sem_block .title_box h3{
	font-size:1.231vw;
	font-weight:400;
	line-height:1.8;
	text-align:center;
}
.bg_block .copy_block  .sem_block .title_box h3 span{
	font-size:0.923vw;
	font-weight:300;
	text-align:center;
	display:block;
}
.bg_block .copy_block  .sem_block .title_box p{
	width:100%;
	font-size:1.154vw;
	color:#b81b25;
	text-align:center;
	display:block;
	
	padding:10px 25px 15px 25px;
	border-bottom:dotted 1px #b81b25;
}

.bg_block .copy_block .sem_block span{
	width:100%;
	font-size:1vw;
	text-align:left;
	display:block;
	
	padding:15px 25px 0 25px;
}

@media screen and (max-width:767px) {
	.bg_block .title_block{
		width:100%;
		display:block;
	}
	.bg_block .title_block h4{
		font-size:20px;
		line-height:1.6;
		text-align:center;
		display:block;
		color:#000;
	}
	.bg_block .title_block h4 span{
		font-size:11px;
		text-align:center;
		display:block;
	}
	.bg_block .title_block p{
		display:block;
		font-size:12px;
		width:90%;
		margin:30px auto;
		text-align:center;
		line-height:2.2;
	}
	.bg_block .title_block .line{
		width:90%;
		height:4px;
		border:solid 1px #f2e6e6;
		margin:15px auto 0 auto;
	}
	.bg_block .copy_block{
		width:90%;
		
		margin:0 auto;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}
	.bg_block .copy_block .sem_block{
		margin-top:15px;
		padding:20px;
		border:solid 1px #cdcdcd;
		box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;

		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;
	}

	.bg_block .copy_block  .wd1{
		width:100%;
	}
	.bg_block .copy_block .wd2{
		width:100%!important;
	}

	.bg_block .copy_block .sem_block .title_box{
		width:100%;
		padding:5px 0 0 0;
		margin-bottom:7px;
	}
	.bg_block .copy_block .sem_block .title_box h3{
		font-size:12px;
		font-weight:400;
		line-height:1.6;
		text-align:center;
	}
	.bg_block .copy_block  .sem_block .title_box h3 span{
		font-size:11px;
		font-weight:300;
		text-align:center;
		display:block;
	}
	.bg_block .copy_block  .sem_block .title_box p{
		width:100%;
		font-size:11px;
		color:#b81b25;
		text-align:center;
		display:block;

		padding:10px 0 8px 0;
		border-bottom:dotted 1px #b81b25;
	}

	.bg_block .copy_block .sem_block span{
		width:100%;
		font-size:11px;
		text-align:left;
		display:block;

		padding:15px 0;
	}
	.bg_block .copy_block .sem_block p{
		font-size:11px;
		font-weight:400;
		text-align:left;
		display:block;

		padding:15px 0;
	}
}
/*  seminar01  */
#seminar01_area{
	margin:0 auto 50px auto;
	position:relative;
}
#seminar01_area .bg_block{
	width:100%;
	padding:0;
}

#seminar01_area .bg_block .copy_block .sem_block .box{
	width:33.3%;
	padding:0 25px;
	
	border-right:solid 1px #e5e5e5;
}
#seminar01_area .bg_block .copy_block .sem_block .box:last-child{
	border:none;
}

#seminar01_area .bg_block .copy_block .sem_block .box h4{
	width:100%;
	font-family: 'Noto Serif JP', serif;
	font-size:1.846vw;
	font-weight:400;
	text-align:center;
	
	padding:0 0 15px 0;
	
	border-bottom:dotted 1px #e5e5e5;
}
#seminar01_area .bg_block .copy_block  .sem_block .box h4 span{
	width:70%;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:1.0vw;
	font-weight:300;
	color:#FFF;
	text-align:center;
	letter-spacing:0.07rem;
	
	display:block;
	
	margin:0 auto;
	padding:3px 10px;
	background:#000;
	border-radius:3px;
}
#seminar01_area .bg_block .copy_block .sem_block span{
	padding:5px 0 0 0;
}
#seminar01_area .bg_block .copy_block  .sem_block .box p{
	width:100%;
	
	font-size:1vw;
	font-weight:400;
	text-align:left;
	display:block;
	padding:10px 0 3px 0;
}
#seminar01_area .bg_block .copy_block  .sem_block .box2 span{
	width:100%;
	
	font-size:1vw;
	text-align:left;
	display:block;
}
#seminar01_area .bg_block .copy_block  .sem_block .box2 p{
	width:100%;
	
	font-weight:400;
	padding:10px 0 3px 0;
}
@media screen and (max-width:767px) {
	#seminar01_area{
		margin:0 auto 30px auto;
		position:relative;
	}
	#seminar01_area .bg_block{
		width:100%;
		padding:0;
	}

	#seminar01_area .bg_block .copy_block .sem_block .box{
		width:100%;
		padding:0;

		border-bottom:solid 1px #e5e5e5;
		border-right:none;
	}
	#seminar01_area .bg_block .copy_block .sem_block .box:last-child{
		border:none;
	}

	#seminar01_area .bg_block .copy_block .sem_block .box h4{
		width:100%;
		font-family: 'Noto Serif JP', serif;
		font-size:20px;
		font-weight:400;
		text-align:left;
		line-height:1;

		padding:0;
		
		margin-top:10px;

		border-bottom:none;
	}
	#seminar01_area .bg_block .copy_block  .sem_block .box h4 span{
		width:70%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size:12px;
		font-weight:400;
		color:#000;
		text-align:left;
		letter-spacing:0.07rem;

		display:initial;

		margin-left:10px;
		padding:3px 0;
		background:none;
		border-radius:3px;
	}
	#seminar01_area .bg_block .copy_block .sem_block span{
		padding:0 0 15px 0;
	}
	#seminar01_area .bg_block .copy_block  .sem_block .box p{
		width:100%;

		font-size:11px;
		font-weight:400;
		text-align:left;
		display:block;
		padding:10px 0 3px 0;
	}
	#seminar01_area .bg_block .copy_block  .sem_block .box2 span{
		width:100%;

		font-size:11px;
		text-align:left;
		display:block;
	}
	#seminar01_area .bg_block .copy_block  .sem_block .box2 p{
		width:100%;

		font-weight:400;
		padding:10px 0 3px 0;
	}
}

/* seminar02 */
#seminar02_area{
	margin:0 auto 50px auto;
	position:relative;
}
#seminar02_area .bg_block{
	width:100%;
	padding:0;
}
#seminar02_area .bg_block .copy_block .sem_block{
	align-items:center;
}
#seminar02_area .bg_block .copy_block .sem_block .box01{
	width:17%;
	padding:0 25px;
}
#seminar02_area .bg_block .copy_block .sem_block .box02{
	width:83%;
	padding:0 25px 0 20px;
	
	border-left:solid 1px #e5e5e5;
}
#seminar02_area .bg_block .copy_block .sem_block .box h4{
	font-size:1.231vw;
	font-weight:400;
	text-align:center;
}
#seminar02_area .bg_block .copy_block  .sem_block .box2 span{
	width:100%;
	
	font-size:1vw;
	text-align:left;
	display:block;
}
#seminar02_area .bg_block .copy_block  .sem_block .box2 p{
	width:100%;
	
	font-weight:400;
	padding:10px 0 3px 0;
}
@media screen and (max-width:767px) {
	#seminar02_area{
		margin:0 auto 30px auto;
		position:relative;
	}
	#seminar02_area .bg_block{
		width:100%;
		padding:0;
	}
	#seminar02_area .bg_block .copy_block .sem_block{
		align-items:center;
	}
	#seminar02_area .bg_block .copy_block .sem_block .box01{
		width:100%;
		padding:0;
	}
	#seminar02_area .bg_block .copy_block .sem_block .box02{
		width:100%;
		padding:0;

		border-left:none;
	}
	#seminar02_area .bg_block .copy_block .sem_block .box h4{
		font-size:20px;
		font-weight:400;
		text-align:left;

		padding:0;
		
		margin-top:10px;

		border-bottom:none;
	}
	#seminar02_area .bg_block .copy_block .sem_block .box02 span{
		width:100%;
		font-size:11px;
		padding:3px 0;
	}
	#seminar02_area .bg_block .copy_block  .sem_block .box2 p{
		width:100%;
		font-size:11px;
		font-weight:400;
		padding:3px 0;
	}
}

/* seminar03 */
#seminar03_area{
	margin:0 auto 50px auto;
	position:relative;
}
#seminar03_area .bg_block{
	width:100%;
	padding:0;
}
#seminar03_area .bg_block .copy_block .sem_block{
	display:block;
}
#seminar03_area .bg_block .copy_block .sem_block span{
	padding:0 25px 0 25px;
}

#seminar03_area .bg_block .copy_block .sem_block ul{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	
	margin-top:20px;
}

#seminar03_area .bg_block .copy_block .sem_block li{
	width:25%;
	display:block;
	padding:10px 25px 50px 25px;
	border-right:solid 1px #e5e5e5;
}
#seminar03_area .bg_block .copy_block .sem_block li:nth-child(4n){
	border-right:none;
}

#seminar03_area .bg_block .copy_block .sem_block li .title_box{
	width:100%;
	text-align:center;
	
	padding:0 0 10px 0;
	
	border-bottom:dotted 1px #e5e5e5;
}
#seminar03_area .bg_block .copy_block .sem_block li .title_box .month{
	font-family: 'Noto Serif JP', serif;
	font-size:1.846vw;
	font-weight:400;
}
#seminar03_area .bg_block .copy_block .sem_block li .title_box .month span{
	font-size:0.923vw;
	font-weight:300;
	padding:0 0 0 2px;
	
	display:initial;
}
#seminar03_area .bg_block .copy_block .sem_block li span{
	padding:10px 0 0 0;
}
#seminar03_area .bg_block .copy_block .sem_block li p{
	font-weight:400;
}
#seminar03_area .bg_block .copy_block .sem_block ul.etc_box{
	display:-webkit-box;
	display: -webkit-flex;
	display:-ms-flexbox;
	display: flex;
	-webkit-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	
	justify-content: space-between;
	
	margin-top:20px;
	
	padding: 0 25px;

}
#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li{
	font-weight:400;
	text-align:center;
	border:solid 1px #e5e5e5;
	margin-bottom:15px;
	padding:5px;
}
#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li.title{
	width:100%;
	font-size:1.231vw;
	font-weight:400;
	text-align:center;
	border:none;
}
#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li.blank{
	width:24%;
	text-align:center;
	border:none;
	padding:5px;
}
#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li.etc_box_s{
	width:24%;
}
#seminar03_area .bg_block .copy_block .sem_block ul.etc_box li.etc_box_l{
	width:49%;
}
@media screen and (max-width:767px) {
	#seminar03_area{
		margin:0 auto 30px auto;
		position:relative;
	}
	#seminar03_area .bg_block{
		width:100%;
		padding:0;
	}
	#seminar03_area .bg_block .copy_block .sem_block{
		display:block;
	}
	#seminar03_area .bg_block .copy_block .sem_block span{
		padding:0;
	}

	#seminar03_area .bg_block .copy_block .sem_block ul{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;

		margin-top:20px;
	}

	#seminar03_area .bg_block .copy_block .sem_block li{
		width:48%;
		display:block;
		padding:10px 10px 25px 0;
		border-right:solid 1px #e5e5e5;
	}
	#seminar03_area .bg_block .copy_block .sem_block li:nth-child(2n){
		border-right:none;
		padding-right:0;
	}

	#seminar03_area .bg_block .copy_block .sem_block li .title_box{
		width:100%;
		text-align:center;

		padding:0;
		margin:0;

		border-bottom:dotted 1px #e5e5e5;
	}
	#seminar03_area .bg_block .copy_block .sem_block li .title_box .month{
		font-family: 'Noto Serif JP', serif;
		font-size:15px;
		font-weight:400;
	}
	#seminar03_area .bg_block .copy_block .sem_block li .title_box .month span{
		font-size:11px;
		font-weight:300;
		padding:0 0 0 2px;

		display:initial;
	}
	#seminar03_area .bg_block .copy_block .sem_block li span{
		padding:5px 0 0 0;
		margin:0;
	}
	#seminar03_area .bg_block .copy_block .sem_block li p{
		font-weight:400;
	}
	#seminar03_area .bg_block .copy_block .sem_block ul.etc_box{
		display:-webkit-box;
		display: -webkit-flex;
		display:-ms-flexbox;
		display: flex;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;

		justify-content: space-between;

		margin-top:20px;

		padding: 0;

	}
	#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li{
		font-size:12px;
		font-weight:400;
		text-align:center;
		border:solid 1px #e5e5e5;
		margin-bottom:15px;
		padding:5px;
	}
	#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li.title{
		width:100%;
		font-size:12px;
		font-weight:400;
		text-align:center;
		border:none;
	}
	#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li.blank{
		width:24%;
		text-align:center;
		border:none;
		padding:5px;
	}
	#seminar03_area .bg_block .copy_block .sem_block  ul.etc_box li.etc_box_s{
		width:49%;
	}
	#seminar03_area .bg_block .copy_block .sem_block ul.etc_box li.etc_box_l{
		width:49%;
	}
}


/* button */
#entry_area{
	margin:0 auto 50px auto;
	position:relative;
}
#entry_area .bg_block{
	width:100%;
	padding:0;
}
#entry_area .bg_block .btn_block{
	
}
#entry_area .bg_block .btn_block a{
	width:50%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	
	background:#656565 url("/common/images/next_arrow_w.svg") no-repeat right 20px center;
	background-size:25px;
	
}
#entry_area .bg_block .btn_block a{
	font-size:1.538vw;
	color:#FFF;
	letter-spacing:0.08rem;
	transition: 0.5s;
}

#entry_area .bg_block .btn_block a:hover {
  color: #fff;
  background-color: rgba(0,0,0,1.0);
}
@media screen and (max-width:767px) {
	#entry_area{
	margin:0 auto 50px auto;
	position:relative;
	}
	#entry_area .bg_block{
	width:100%;
	padding:0;
	}
	#entry_area .bg_block .btn_block{
	
	}
	#entry_area .bg_block .btn_block a{
	width:80%;
	display:block;
	margin:0 auto;
	text-align:center;
	padding:20px 0;
	
	background:#656565 url("/common/images/next_arrow_w.svg") no-repeat right 20px center;
	background-size:20px;
	
	}
	#entry_area .bg_block .btn_block a{
	font-size:14px;
	color:#FFF;
	letter-spacing:0.08rem;
	transition: 0.5s;
	}

	#entry_area .bg_block .btn_block a:hover {
  color: #fff;
  background-color: rgba(0,0,0,1.0);
	}
}

/* ENTRY PAGE*/
#info_area{
	margin:0 auto 50px auto;
	position:relative;
}
#info_area .bg_block .title_block .line{
	width:80%;
	height:4px;
	border:solid 1px #f2e6e6;
	margin:20px auto;
}
#info_area .bg_block .box{
	width:80%;
	margin:0 auto;
}
#info_area .bg_block .box p{
	font-weight:400;
	padding-bottom:15px;
}
#info_area .bg_block .box p.thanks{
	font-weight:300;
	text-align:center;
	
	padding:20px 0 70px 0;
}
#info_area .bg_block .box span{
	display:block;
	font-size:84%;
	
	padding-top:10px;
}

#form_area{
	margin:0 auto 50px auto;
	position:relative;
}
@media screen and (max-width:767px) {
	#info_area{
		margin:100px auto 50px auto;
		position:relative;
	}
	#info_area .bg_block .title_block .line{
		width:90%;
		height:4px;
		border:solid 1px #f2e6e6;
		margin:20px auto;
	}
	#info_area .bg_block .box{
		width:90%;
		margin:0 auto;
		font-size:13px;
	}
	#info_area .bg_block .box p{
		font-weight:400;
		padding-bottom:15px;
	}
	#info_area .bg_block .box p.thanks{
		font-weight:300;
		text-align:center;

		padding:20px 0 70px 0;
	}
	#info_area .bg_block .box span{
		display:block;
		font-size:84%;

		padding-top:10px;
	}

	#form_area{
		margin:0 auto 50px auto;
		position:relative;
	}
}