@charset "utf-8";

/*-----common-------------*/

.main_contents{
	max-width: 950px;
	margin:50px auto;
	line-height: 2;
}

.main_contents p,
.main_contents th,
.main_contents td{
	font-size: 1.5rem;
	line-height: 2;
	letter-spacing: 0.1em;
}

.main_contents img{
	width: 100%;
	height: auto;
}

.pcOnly {
  display: block;
}
.spOnly {
  display: none;
}
.w1200 {
  max-width: 1200px;
  margin: 0 auto;
}
.w960 {
  max-width: 960px;
  margin: 0 auto;
}
.w800 {
  max-width: 800px;
  margin: 0 auto;
}
.w700 {
  max-width: 700px;
  margin: 0 auto;
}
.w600 {
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .pcOnly {
    display: none;
  }
  .spOnly {
    display: block;
  }
  .w1200, .w960, .w800, .w700, .w600 {
    width: 95%;
  }
}

/*-----------------------------
      #mv
------------------------------*/

#mv{
	margin-bottom:50px;
}

/*-----------------------------
      #seminar_contents
------------------------------*/

#seminar_contents{
	/*max-width: 600px;
	margin:0px auto;*/
}

#seminar_contents h3{
	font-size: 2.5rem;
	text-align: center;
	margin-bottom:30px;
	line-height: 1.5em;
}

#seminar_contents h4{
	margin:50px auto 30px;
	font-size: 2rem;
	text-align: center;
}

#seminar_contents h5{
	font-size: 1.7rem;
	margin:10px 0;
}


/*----.button-4--------------------*/

.button-4 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 250px;
    margin:50px auto;
    padding: .9em 2em;
    border: none;
    border-bottom: solid 5px #0255a2;
    border-radius: 5px;
    background-color: #3285d2;
    color: #fff;
    font-weight: 600;
    font-size: 1.5rem;
    transition: .5s ease;
}

.button-4::after {
    transform: rotate(45deg);
    width: 5px;
    height: 5px;
    margin-left: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    content: '';
}

.button-4:hover {
    transform: translateY(3px);
    border-bottom-width: 2px;
}

/*----.property_tour--------------------*/

.wrap_tour{
	background-color:#EEF0F7;
	border:#A3A1B0 1px solid;
	padding-left: 2%;
	padding-right: 2%;
	padding-bottom: 20px;
}

.property_tour{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	border-bottom:1px dotted #000000;
	margin:30px auto;
}

.property_tour li{
	width: 31%;
	margin:20px auto;	
}

.property_tour li img{
	width: 100%;
	height: 150px;
	object-fit: cover;
}

.property_tour li p{
	line-height: 1.5em;
}

#seminar_contents .property_tour li h4{
	font-size: 1.8rem;
	margin-top: 10px;
	margin-bottom: 10px;
	height: 40px;
}

#seminar_contents .wrap_tour h5{
	font-size: 1.5rem;
	color: #3285d2;
}

.property_tour li h6{
	font-size: 1.8rem;
}

.property_tour a{
	text-decoration: underline;
	font-weight: bold;
}


/*スマホ表示*/
@media (max-width: 767px) {
.property_tour li{
	width: 100%;
	}
	
#seminar_contents .property_tour li h4{
	height: 30px;
	}
	
}



/*----.seminar_outline--------------------*/

.seminar_outline {
  /*max-width: 960px;
  margin: 0 auto;*/
}
.seminar_outline table {
  box-sizing: border-box;
  border-collapse: collapse;
  width: 100%;
}
.seminar_outline table th, .seminar_outline table td {
  border-block-end: 1px solid #DDDAD1;
  padding-inline-start: 8px;
  margin-block-start: 5px;
  vertical-align: middle;
  font-style: normal;
  height: 2.8em;
  text-align: justify;
}
.seminar_outline table th {
  width: 20%;
  /*font-weight: normal;*/
}

.seminar_outline .box_map{
	max-width: 400px;
}

.seminar_outline a{
	text-decoration: underline;
	font-weight: bold;
}

/*スマホ表示*/
@media (max-width: 767px) {
  .seminar_outline {
    padding-left: 10px;
    padding-right: 10px;
  }
  .seminar_outline table {
    width: 100%;
  }
  .seminar_outline table th, .seminar_outline table td {
    display: block;
    width: 100%;
    height: auto;
    border-block-end: 0px;
    padding: 3px 10px;
  }
  .seminar_outline table th {
    background-color: #DCDDE1;
  }
}

/*---------.timeline------------------------*/

.timeline{
	max-width: 400px;
	margin: 0 auto 50px auto;
}

.timeline ul{
	margin:15px;
}

.timeline ul li{
	font-weight: bold;
	font-size:1.6rem; 
}

/*---------.seminar_syacho------------------------*/

.seminar_syacho{
	margin: 0 auto 100px auto;
}

#seminar_contents .seminar_syacho h5{
	margin-bottom:30px;
}

.seminar_syacho ul{
	margin:15px;
}

.seminar_syacho ul li{
	font-weight: bold;
	font-size:1.6rem; 
}


/*-----------------------------
      #seminar_speaker
------------------------------*/

#seminar_speaker{
	background-color: #DCDDE1;
	padding-top:50px;
	margin-bottom:50px;
}

#seminar_speaker h3{
	font-size: 2rem;
	margin-bottom:50px;
}

#seminar_speaker h4{
	font-size: 1.6rem;
	line-height: 1.8em;
	margin-bottom: 50px;
}

#seminar_speaker h4 span{
	font-size: 2.5rem;
	line-height: 2em;
}

.name_speaker{
	display: flex;
	justify-content: space-between;
	margin-bottom:30px;
}

.name_speaker div{
	width:50%; 
	height: auto;
}

#seminar_speaker p{
	margin-bottom:30px;
}

#seminar_speaker p img{
	margin-bottom: 50px;
}

/*---------.member------------------------*/

.member{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 30px;
}

.member li{
	width: 40%;
	margin: 10px 0; 
}

.member li h6{
	font-size: 1.8rem;
}

.member li h6 span{
	display: block;
	font-size: 1.2rem;
	margin-top:20px;
}

.member li img{
	width: 50%;
	margin-right: 10%;
	border-radius: 50%;
}

.member li figure{
	display: flex;
	align-items: center;
}

@media (max-width: 767px) {
	.member li img{
		width: 60px;
	}
}