@charset "utf-8";

/* mobile----------------------------------------------------*/
@media screen and (max-width: 480px) {

.cover{width: 90%; margin: 0 auto;}

.seminar_box {width: 90%; margin: 40px auto 20px; border:1px solid #ccc; padding: 4%; position: relative;}
.midashi_mon{position: absolute; top:-18px; left: -18px;}
.midashi_womon{position: absolute; top:-18px; left: -18px;}

.day_box{width: 100%; margin: 20px auto;}
.day_shikaku {width: 66%;height: 66%; border:4px solid #0071BC;text-align: center;margin: 0 auto;
	color: #0071BC;padding: 2%;}
.day{font-weight: bold; font-size: 1.6em; margin: 4px auto 10px;}
.day_shikaku_w {width: 66%;height: 66%; border:4px solid #FF7676;text-align: center;color: #FF7676;
	margin: 0 auto;padding: 2%;}

.text_box{width: 100%;font-size: 1.1em;}
.text_box p{margin: 5px auto;}
.seminar_title{font-weight: bold;font-size: 1.4em;}

.spre {display: flex;flex-direction: column-reverse;}

.schedule_button{margin: 10px auto 0;text-align: center;}

.button_s {text-decoration: none;background-image: linear-gradient(#fff,#f5f8fa);border: 1px solid #e6ecf0;
border-radius: 4px;color: #393e42;cursor: pointer;display: inline-block;
font-size: 14px; font-weight: bold;padding: 6px 20px; position: relative;margin: 20px auto;}
.button_s .fa-file-alt{color: #1da1f3;}
.button_s:hover{ background-color: #e6ecf0; background-image: linear-gradient(#fff,#e6ecf0); 
	border-color: #e6ecf0;}
	
.koushi_box{width: 100%;text-align: center;margin-bottom: 20px;}
.koushi_photo {width: 60%; height: 60%; margin: 20px auto;}
.koushi_photo img{border-radius: 50%;width: 100%; height: 100%;box-shadow: 0 0 8px gray;}
.koushi_box p{margin: 16px auto 0;}
.name{font-weight: bold; font-size: 1.4em;}

.seminar_iframe{width: 100%; min-height: 100%; margin: 0 auto;overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;}
.seminar_iframe iframe{margin: 0 auto; width:100%;
  height:100%;
  border:none;
  display:block; overflow-x: hidden;}
.text_box dl{width: 100%; display: flex;}
.text_box dt{width: 24%; margin-right: 1%;}
.text_box dd{width: 75%; }
.ss{font-size: 0.8em;}
  .center{text-align: center;}
}/* Tablet---------------------------------------------------*/
@media (min-width: 481px) and (max-width: 768px) {

  
.cover{width: 98%; margin: 0 auto;}

.seminar_box {width: 90%; margin: 40px auto 20px; border:1px solid #ccc; padding: 4%; position: relative;}
.midashi_mon{position: absolute; top:-18px; left: -18px;}
.midashi_womon{position: absolute; top:-18px; left: -18px;}

.day_box{width: 100%; margin: 20px auto;}
.day_shikaku {width: 66%;height: 66%; border:4px solid #0071BC;text-align: center;margin: 0 auto;
  color: #0071BC;padding: 2%;}
.day{font-weight: bold; font-size: 1.6em; margin: 4px auto 10px;}
.day_shikaku_w {width: 66%;height: 66%; border:4px solid #FF7676;text-align: center;color: #FF7676;
  margin: 0 auto;padding: 2%;}

.text_box{width: 100%;font-size: 1.1em;}
.text_box p{margin: 5px auto;}
.seminar_title{font-weight: bold;font-size: 1.4em;}

.spre {display: flex;flex-direction: column-reverse;}

.schedule_button{margin: 10px auto 0;text-align: center;}

.button_s {text-decoration: none;background-image: linear-gradient(#fff,#f5f8fa);border: 1px solid #e6ecf0;
border-radius: 4px;color: #393e42;cursor: pointer;display: inline-block;
font-size: 14px; font-weight: bold;padding: 6px 20px; position: relative;margin: 20px auto;}
.button_s .fa-file-alt{color: #1da1f3;}
.button_s:hover{ background-color: #e6ecf0; background-image: linear-gradient(#fff,#e6ecf0); 
  border-color: #e6ecf0;}
  
.koushi_box{width: 100%;text-align: center;margin-bottom: 20px;}
.koushi_photo {width: 60%; height: 60%; margin: 20px auto;}
.koushi_photo img{border-radius: 50%;width: 100%; height: 100%;box-shadow: 0 0 8px gray;}
.koushi_box p{margin: 16px auto 0;}
.name{font-weight: bold; font-size: 1.4em;}

.seminar_iframe{width: 100%; min-height: 100%; margin: 0 auto;overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;}
.seminar_iframe iframe{margin: 0 auto; width:100%;
  height:100%;
  border:none;
  display:block; overflow-x: hidden;}
.text_box dl{width: 100%; display: flex;}
.text_box dt{width: 24%; margin-right: 1%;}
.text_box dd{width: 75%; }
.ss{font-size: 0.8em;}
  .center{text-align: center;}

}/* PC-------------------------------------------------------*/
@media screen and (min-width: 769px) {

.cover{width: 1080px; margin: 0;}

.seminar_box {width: 86%; margin: 40px 0 0 20px; border:1px solid #ccc; padding: 40px; position: relative;
	display: flex;}
.midashi_mon{position: absolute; top:-18px; left: -18px;}
.midashi_womon{position: absolute; top:-18px; left: -18px;}

.day_box{width: 18%;}
.day_shikaku {width: 66%;height:auto; border:4px solid #0071BC;text-align: center;color: #0071BC;padding: 6%;}
.day{font-weight: bold; font-size: 1.6em; margin: 4px auto 10px;}
.day_shikaku_w {width: 66%;height: auto; border:4px solid #FF7676;text-align: center;color: #FF7676;padding: 6%;}

.text_box{width: 58%;font-size: 1.1em;margin-left: 6%;}
.text_box p{margin: 5px auto;}
.seminar_title{font-weight: bold;font-size: 1.4em;}

.schedule_button{margin: 10px auto 0 200px;}
.spre {display: flex; justify-content: space-between;width: 100%;}
.button_s {text-decoration: none;background-image: linear-gradient(#fff,#f5f8fa);border: 1px solid #e6ecf0;
border-radius: 4px;color: #393e42;cursor: pointer;display: inline-block;
font-size: 14px; font-weight: bold;padding: 6px 20px; position: relative;}
.button_s .fa-file-alt{color: #1da1f3;}
.button_s:hover{ background-color: #e6ecf0; background-image: linear-gradient(#fff,#e6ecf0); border-color: #e6ecf0;}
	
.koushi_box{width: 18%;}
.koushi_photo {width: 130px; height: 130px;}
.koushi_photo img{border-radius: 50%;width: 100%; height: 100%;box-shadow: 0 0 8px gray;}
.koushi_box p{margin: 16px auto 0;}
.name{font-weight: bold; font-size: 1.4em;margin-left: 20px;}

.seminar_iframe{width: 100%; height: 500px; margin: 0 auto;overflow:auto;
  -webkit-overflow-scrolling:touch;
  display: inline-block;}
.seminar_iframe iframe{margin: 0 auto; width:100%;
  height:100%;
  border:none;
  display:block; overflow-x: hidden;}


.text_box dl{width: 100%; display: flex;}
.text_box dt{width: 24%; margin-right: 1%;}
.text_box dd{width: 75%; }
.ss{font-size: 0.8em;}

.center{text-align: center;}

.lead a{color: #29ABE2 !important; font-weight: bold; font-size: 1.1em;}
.lead a:hover{border-bottom: thin solid #29ABE2 !important; font-weight: bold;}


}