@charset 'UTF-8';

#seminars-r2{
  font-family: "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "游ゴシック体","ヒラギノ角ゴ Pro W3", "メイリオ","sans-serif";
  margin: 0;
  width: 100%;
  background-color: #fff;
}

@font-face {
	font-family: 'Bahnschrift';
	src: url("/seminars/font/bahnschrift.ttf") format("truetype");
}





img {
    max-width: 100%;
    height: auto;
}

.mceContentBody h3{
  font-size: unset;
}

.mceContentBody h3::before{
  background: unset;
  margin: unset;
  width: unset;
  height: unset;
  content: unset;
}

.mceContentBody a{
  color: unset;
  text-decoration: unset;
}

#seminars-r2 h1 {
  line-height: 0;
}

h1{
  width: 100%;
  max-width: 850px;
  height: auto;
  margin: 0 auto;
}

h1 img{
  width: 100%;
  max-width: 850px;;
  height: auto;
  /*min-height: 427px;*/
  margin: 0 auto;
}

#top{
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  height: 100%;
  min-height: 995px;
  background: linear-gradient(to right, #036eb6, #005792);
    background: -moz-linear-gradient(left, #036eb6, #005792);
    background: -webkit-linear-gradient(left, #036eb6, #005792);
}

.top_contents_bk {
    background-image: url("https://tottori-iyashitabi.com/seminars/images/back01.png");
    min-height: 1000px;
    background-repeat: no-repeat;
}

.top_head p{
  width: 100%;
  max-width: 685px;
  margin: 3% auto;
  letter-spacing: 0.2em;
  font-size: 15px;
  text-align: justify;
  line-height: 27px;
  font-weight: bold;
}

.top_head{
  width: 100%;
  max-width: 680px;
  margin: 0 auto;
  padding-top: 10%;
}


#feature{
  position: relative;
  width: 100%;
  max-width: 850px;
  height: 100%;
  min-height: 2600px;
  margin: 0 auto;
  z-index: 0;
  overflow: hidden;
  background: linear-gradient(to right, #036eb6, #005792);
  background: -moz-linear-gradient(left, #036eb6, #005792);
  background: -webkit-linear-gradient(left, #036eb6, #005792);
}


#feature h2{
  margin:0 auto;
  padding-top: 5%;
  color: #fff;
  font-size: 1.8rem;
  text-align: center;
  letter-spacing: 0.2rem;
}

.feature_box{
  position: relative;
  margin-top: 5%;
}

.f01{
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 300px;
  margin: 10% auto;
}

.f01 .f_left img{
  position: absolute;
  top: 0;
  left: 10%;
  z-index: 10;
}

.f01 .f_right img{
  position: absolute;
  top:0;
  right: 8%;
  z-index: 20;
}

.f01 .f_right h3{
  position: absolute;
  top: 24%;
  right: 16%;
  z-index: 30;
  font-size: 1.5rem;
  font-weight: bolder;
  letter-spacing: 0.1rem;
  padding-bottom: 1%;
}

.f01 .f_right h3::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.5rem;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
  background: repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
}

.f01 .f_right p{
  position: absolute;
  right: 9%;
  top: 53%;
  width: 40%;
  /*max-width: 330px;*/
  font-size: 0.8rem;
  z-index: 40;
}

.f02{
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 300px;
  margin: 10% auto;
}

.f02 .f_left img{
  position: absolute;
  top: 0;
  left: 10%;
  z-index: 10;
}

.f02 .f_right img{
  position: absolute;
  top:0;
  right: 8%;
  z-index: 5;
}

.f02 .f_left h3{
  position: absolute;
  top: 34%;
  left: 13%;
  z-index: 30;
  font-size: 1.5rem;
  font-weight: bolder;
  letter-spacing: 0.1rem;
  padding-bottom: 1%;
}

.f02 .f_left h3::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.5rem;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
  background: repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
}

.f02 .f_left p{
  position: absolute;
  left: 13%;
  top: 65%;
  width: 40%;
  /*max-width: 330px;*/
  font-size: 0.8rem;
  z-index: 40;
} 

.f03{
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 300px;
  margin: 10% auto;
}

.f03 .f_left img{
  position: absolute;
  top: 0;
  left: 10%;
  z-index: 5;
}

.f03 .f_right img{
  position: absolute;
  top:0;
  right: 8%;
  z-index: 10;
}

.f03 .f_right h3{
  position: absolute;
  top: 34%;
  right: 15%;
  z-index: 30;
  font-size: 1.5rem;
  font-weight: bolder;
  letter-spacing: 0.1rem;
  padding-bottom: 1%;
}

.f03 .f_right h3::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.5rem;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
  background: repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
}

.f03 .f_right p{
  position: absolute;
  right: 11%;
  top: 64%;
  width: 40%;
  /*max-width: 330px;*/
  font-size: 0.8rem;
  z-index: 40;
}

.f04{
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
  min-height: 300px;
  margin: 10% auto;
}

.f04 .f_left img{
  position: absolute;
  top: 0;
  left: 10%;
  z-index: 10;
}

.f04 .f_right img{
  position: absolute;
  top:0;
  right: 8%;
  z-index: 5;
}

.f04 .f_left h3{
  position: absolute;
  top: 38%;
  left: 13%;
  z-index: 80;
  font-size: 1.5rem;
  font-weight: bolder;
  letter-spacing: 0.1rem;
  padding-bottom: 1%;
}

.f04 .f_left h3::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 2.5rem;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
  background: repeating-linear-gradient(-45deg, #fff, #036EB6 1px, #fff 2px, #036EB6 2px);
}

.f04 .f_left p{
  position: absolute;
  left: 12%;
  top: 65%;
  width: 40%;
  /*max-width: 330px;*/
  font-size: 0.8rem;
  z-index: 60;
} 

#feature:after{
  content: '';
  display: block;
  height: 100%;
  min-height: 800px;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #D5F1DF;
  transform-origin: bottom right;
  transform: skewY(-30deg);
  z-index: -5;
}

#recommend{
  background-color: #D5F1DF;
  margin: 0 auto -90%;
  position: relative;
  z-index: 3;
  width: 100%;
  max-width: 850px;
  height: 100%;
}

#recommend h2 {
  position: absolute;
  top: -29%;
  left: 19%;
  color: #00903A;
  font-size: 36px;
  text-align: center;
  letter-spacing: 11px;
}


.rec_box{
  width: 80%;
  max-width: 650px;
  display: flex;
  justify-content: space-around;
  margin: -80% auto 0;
  z-index: 100;
}

#training{
  position: relative;
  margin-top: 107%;
  background-color: white;
  padding: 10% 0 0 0;
}

.training01_wrap h2{
  color: #036EB6;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin: 3% auto;
  letter-spacing: 11px;
}

.training01_wrap p{
  width: 100%;
  max-width: 685px;
  margin: 5% auto;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.training01_box{
  margin: 10% auto;
  border: #474ed6 solid 15px;
  border-image: url(/seminars/images/shimashima.png) 27 21 26 32 round;
  width: 100%;
  padding: 30px;
  max-width: 760px;
}

.training01_box_inner{
  position: relative;
  display: flex;
  background: white;
  width: 100%;
  max-width: 820px;
  margin: 0 auto 0;
  z-index: 1;
}

.v_line_fix {
  margin-top: 20px;
  margin-right: 100px;
  width: 1px;
  height: 80px;
  background-color: #036EB6;
}


.t_left{
  width: 38%;
    text-align: left;
    border-right: solid 1px #036EB6;
    margin: 0 20px 0 0;
}

.day{
  font-family: 'Bahnschrift';
  line-height: 2.5rem;
}

.training01_box_inner p{
  margin-top: 3%;
  margin-left: 2%;
}

.year{
  font-size: 1rem;
  font-weight: bold;
}

.month{
  font-size: 4rem;
  font-weight: bold;
}

.day1{
  font-size: 5rem;
  font-weight: bold;
}

.day2{
  font-size: 1.2rem;
  font-weight: bold;
  letter-spacing: 0;
}

.d_week{
  font-size: 0.8rem;
  font-weight: lighter;
  letter-spacing: 0;
}

.num{
  font-weight: bold;
  font-size: 1rem;
  margin-left: 2%;
  margin-top: 3%;
  margin-bottom: 3%;
}

.tpm{
  margin-top: 10%;
  margin-left: 0;
  font-weight: bold;
}

.tpm img{
  vertical-align: bottom;
  margin-left: 1%;
  padding-right: 2%;
}

.tpm p{
 letter-spacing: 0em;
 font-size:1.0rem;
}

.mceContentBody ul li::before{
  background: unset;
}

/*.tpm ul{
  padding-left: 10%;
}*/

.tpm ul li{
  list-style: none;
  font-size: 1rem;
}

.v_line_fix {
  margin-left: 100px;
  width: 5px;
  height: 150px;
  background-color: #036EB6;
}

.t_right{
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.right_box_top{
  display: flex;
}

.teacher{
  margin: 3% 0;
}

p.t_number{
position: relative;
 color:#F09017;
 font-family: 'Times New Roman', Times, serif;
 font-style: italic;
 font-weight: bold;
 font-size: 3.3rem;
 width: 100%;
 max-width: 64px;
 text-align: end;
 margin: 0;
}

p.t_number_nophoto{
  position: relative;
   color:#F09017;
   font-family: 'Times New Roman', Times, serif;
   font-style: italic;
   font-weight: bold;
   font-size: 3rem;
   width: 100%;
   max-width: 48px;
   text-align: start;
   padding-top: 2%;
   margin: 0;
  }

.t_title {
  margin: 0 0 0 5%;
}

.t_box {
  display: flex;
}

.t_title p{
  margin: 5% 0 0;
}

.t_title_nophoto {
  margin: 0;
}

.t_title_nophoto p {
  margin: 5% 0 0;
}

p.dis_nophoto {
  margin: 0;
  width: 100%;
  max-width: 532px;
  font-size: 0.8rem;
}

p.sub{
  color: #F05A24;
  font-size: 0.6rem;
  width: 100%;
  max-width: 400px;
  text-align: justify;
}

#training h4{
  color: #036EB6;
  font-size: 1.35rem;
  font-weight: bold;
  margin: 0 0 5% 0;
  letter-spacing: 0;
}

p.dis{
  flex-direction: column;
  font-size: 0.8rem;
  width: 100%;
  max-width: 400px;
  margin: 0;
  text-align: justify;
}

.right_box_btm{
  display: flex;
  flex-wrap: wrap;
  vertical-align: top;
  width: 100%;
}

.h_teacher{
  margin: 8% 0;
}

.h_teacher_mul{
  margin: 6% 0;
}

.right_box_btm_mul{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 0 0 5% 0;
}

.teacher_bk{
  background: #036EB6;
  color: #fff;
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0.5em;
  margin-top: 2%;
  letter-spacing: 2px;
}

.teacher_name{
  margin: 6% 0 6% 2%;
}


p.belong{
  font-size: 0.8rem;
  width: 100%;
  max-width: 450px;
  margin: 2% 2% 0;
  letter-spacing: 1.5px;
  text-align: justify;
}

p.name{
  font-size: 1.2rem;
  width: 100%;
  max-width: 450px;
  margin: 2% 2% 5%;
  font-weight: bold;
}

.teacher_name_p{
  position: relative;
  display: flex;
  width: 50%;
  max-width: 450px;
  margin: 0;
}

.teacher_p{
  width: 100%;
  max-width: 65px;
}

.teacher_name_mul{
  width: 100%;
  flex-wrap: wrap;
  padding: 0 0 0 3%;
}

.teacher_name_mul .belong p{
  font-size: 0.6rem;
  width: 50%;
  max-width: 450px;
  margin: 0;
}

.t_bottom{
  background-color: #fff;
  width: 100%;
  max-width: 820px;
  height: 99%;
  margin: 0 auto;
  text-align: center;
  padding: 5% 0 0 0;
}

.t_bottom a:hover{
  opacity: 0.5;
}


/*後期*/



#training02 h4{
  color: #B40461;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}

.training02_wrap h2{
  color: #B40461;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  margin: 3% auto;
  letter-spacing: 11px;
}

.training02_wrap p{
  margin: 5% 0 0 0 !important;
  font-weight: bold;
  letter-spacing: 0.2em;
}

.training02_box{
  margin: 10% auto;
    border: #474ed6 solid 15px;
    border-image: url(/seminars/images/shimashima2.png) 27 21 26 32 round;
    width: 100%;
    padding: 30px;
    max-width: 760px;
}

/*.v_line_fix02 {
  margin-top: 20px;
  margin-right: 100px;
  width: 1px;
  height: 80px;
  background-color: #B40461;
}*/


.training02_box_inner{
  position: relative;
  display: flex;
  background: white;
  width: 100%;
  max-width: 820px;
  margin: 0 auto;
  z-index: 1;
}

.t02_left{
  width: 38%;
  text-align: left;
  border-right: solid 1px #B40461;
  margin: 0 20px 0 0;
}

.plan p{
  margin: 0;
  line-height:1.2rem ;
}

p.year .plan{
  width: 100%;
  margin-left: auto;
}

.training02_box_inner{
  position: relative;
  display: flex;
  background: white;
  width: 100%;
  max-width: 820px;
  margin: 0 auto 0;
  z-index: 1;
}

.training02_box_inner p{
  margin: 0;
}

.t02_left p.year{
  font-size: 1rem;
  font-weight: bold;
  padding-left: 3rem;
  margin-top: 5%;
}

.t02_left p.month {
  font-family: 'Bahnschrift';
  font-size: 4rem; 
  font-weight: bold;
  letter-spacing: 0.2rem;
}

p.txt{
  font-family: '源ノ角ゴシック Code JP','Source Han Code JP';
font-size: 1.6rem;
letter-spacing: 0rem;
line-height: 2rem;
font-weight: bold;
text-align: right;
padding-right: 35%;
}

.num02{
  font-family: '源ノ角ゴシック Code JP','Source Han Code JP';
  font-size: 1.2rem;
  font-weight: bold;
  padding-left: 35%;
  padding-top: 20%;
}

.t02_right{
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.t_box_left02{
  margin: 3% 0 0 3%;
}

.t_box_left03{
  margin: 1.5% 0 0 3%;
}

p.t02_number{
position: relative;
 color:#F09017;
 font-family: 'Times New Roman', Times, serif;
 font-style: italic;
 font-weight: bold;
 font-size: 3rem;
 letter-spacing: 0rem;
 width: 100%;
 max-width: 64px;
 text-align: end;
 margin: 0;
}


p.t02_title {
  margin: 5% 0 0;
}

#training02 h4{
  color: #B40461;
  font-size: 1.2rem;
  font-weight: bold;
  margin: 0;
}

.teacher02_bk{
  background: #B40461;
  color: #fff;
  font-weight: bold;
  font-size: 0.8rem;
  padding: 0.5em;
  margin-top: 2%;
}

p.t_dis{
  flex-direction: column;
  font-size: 0.8rem;
  width: 100%;
  max-width: 400px;
}

.teacher_name_p02{
  position: relative;
  display: flex;
  width: 100%;
  max-width: 262px;
  margin: 0;
  padding: 2% 0.5%;
}

.t02_ico {
  margin: 0 0 0 3%;
}


.t02_bottom{
  background-color: #fff;
  width: 100%;
  max-width: 820px;
  height: 99%;
  margin: 0 auto;
  padding-top: 5%;
  text-align: center;
}

#overview{
    background-color: #2F7FA9;
    max-width: 850px;
    display: flow-root;
}

#overview h2{
    text-align: center;
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    font-family: 'Bahnschrift';
    font-style: Bold Condensed;
    padding-top: 10%;
}

.ov_box{
    width: 100%;
    max-width: 759px;
    margin: 10% auto;
    padding:6% 3%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
  }
  
  .ov_box p a:link{
    color: #2F7FA9;
  }
  
  .ov_h{
    width: 20%;
  }

  h4.ov_h{
    font-size: 1rem;
    letter-spacing: 0;
    margin-top: 1em;
    margin-top: 3%;
    margin-left: 8%;
  }

  .ov_cont{
    width: 65%;
    margin-bottom: 2%;
  }

  .hr {
    content: "";
    margin: 2% auto;
    width: 100%;
    max-width: 640px;
    height: 1px;
    background-color: #000;
  }

  .notice{
    padding-left: 8%;
  }
  .notice h4{
    font-size: 1rem;
    letter-spacing: 0;
  }
  
  .ov_cont2{
    width: 90%;
  }

/* 追加　*/

p.name02 {
  width: 100%;
  max-width: 450px;
  font-size: 1.1rem;
  letter-spacing: -1px;
  margin: 0;
}

p.belong02 {
    font-size: 0.8rem;
    width: 100%;
    max-width: 450px;
    margin: 2% 2% 0;
    letter-spacing: 0 !important;
    line-height: 16px;
}

.month02 {
  letter-spacing: 3px;
  font-size: 2rem;
}

.training02_wrap p.dis {
  flex-direction: column;
    font-size: 0.8rem;
    width: 100%;
    max-width: 400px;
    margin: 0 !important;
}

.training02_wrap p.dis_nophoto {
  flex-direction: column;
    font-size: 0.8rem;
    width: 100%;
    max-width: 532px;
    margin: 0 !important;
}

span.month02_span {
  font-size: 1.4rem; 
  letter-spacing: 0rem; 
  font-weight: bold;
  letter-spacing: 3px;
}


@media screen and (max-width: 1024px) {

.training01_box {
    border: #474ed6 solid 8px;
    border-image: url(/seminars/images/shimashima.png) 27 21 26 32 round;
    width: 94%;
    padding: 10px;
}

.month {
    font-size: 3rem;
}

.day1 {
    font-size: 4.5rem;
}

.training02_box {
    border: #474ed6 solid 8px;
    border-image: url(/seminars/images/shimashima2.png) 27 21 26 32 round;
    width: 94%;
    padding: 10px;
}

.ov_box {
    max-width: 650px;
    margin: 10% auto 10% auto;
    padding: 6% 3%;
}

}





@media only screen and (max-width: 480px) {

div.section {
    padding: 0;
}

.top_head {
    width: 100%;
    max-width: 335px;
    margin: 0 auto;
    padding: 10% 10px;
}

#feature {
    min-height: 2395px;
}

.feature_box {
  transform: skewY(-30deg);
  background: linear-gradient(to right, #036eb6, #005792);
    background: -moz-linear-gradient(left, #036eb6, #005792);
    background: -webkit-linear-gradient(left, #036eb6, #005792);
}

.feature_box > * {
  transform: skewY(30deg);
}

.f01, .f02, .f03, .f04 {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 500px;
    margin: 10% auto;
}

.f01 .f_left img, .f03 .f_left img {
    top: 50%;
    left: 0;
    z-index: 40;
}

.f01 .f_right img, .f03 .f_right img {
    top: 0;
    right: 0%;
    z-index: 20;
    width: 100%;
}

.f01 .f_right h3, .f03 .f_right h3 {
    top: 14%;
    right: 15%;
    font-size: 1.4rem;
    padding-bottom: 1%;
}

.f03 .f_right h3 {
    top: 16%;
    right: 9%;
    font-size: 1.4rem;
    padding-bottom: 1%;
}

.f01 .f_right p, .f03 .f_right p {
    right: 5%;
    top: 30%;
    width: 81%;
    max-width: 400px;
    font-size: 10px;
    text-align: justify;
}

.f03 .f_right p {
    right: 9%;
    top: 34%;
    width: 77%;
    max-width: 400px;
    font-size: 10px;
    text-align: justify;
}

.f02 .f_left img, .f04 .f_left img {
    left: 0;
}

.f02 .f_right img, .f04 .f_right img {
    top: 50%;
    right: 8%;
    z-index: 10;
}

.f02 .f_left h3, .f04 .f_left h3 {
    top: 16%;
    left: 3%;
    font-size: 1.4rem;
}

.f02 .f_left p, .f04 .f_left p {
    left: 3%;
    top: 34%;
    width: 81%;
    max-width: 400px;
    font-size: 10px;
}

#recommend {
    margin: 0 auto;
    position: relative;
    padding: 0 0 20% 0;
}

#recommend h2 {
    position: unset;
    top: 0;
    left: 0;
    font-size: 26px;
    margin: 0 0 10% 0;
    letter-spacing: 0;
}

.rec_box {
    width: 100%;
    max-width: 210px;
    display: block;
    margin: 0 auto 0;
    z-index: 100;
    padding: 5% 0;
}

.rec_box img {
    padding: 20% 0;
}

#training {
    position: relative;
    margin-top: 0;
    background-color: white;
    padding: 10% 10px 0 10px;
}

.training01_wrap h2 {
    color: #036EB6;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin: 3% auto;
    letter-spacing: 0;
}

.training01_wrap p {
    width: 100%;
    max-width: 685px;
    margin: 5% auto;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 24px;
}

.training01_box {
    margin: 10% auto;
    border: #474ed6 solid 5px;
    border-image: url(/seminars/images/shimashima.png) 27 21 26 32 round;
    width: 100%;
    padding: 10px;
    max-width: 326px;
}

.training01_box_inner {
    position: relative;
    display: block;
    background: white;
    width: 100%;
    max-width: 820px;
    margin: 0 auto 0;
    z-index: 1;
}

.t_title {
    margin: 0 auto;
}

.t_left, .t02_left {
    width: 100%;
    text-align: left;
    border-right: none;
    margin: 0 20px 0 0;
    display: block;
}

.num {
    font-weight: bold;
    font-size: 1rem;
    margin-left: 2%;
    margin-top: 3%;
    margin-bottom: 3%;
    float: left;
}

.tpm {
    margin-top: -25%;
    margin-left: 0;
    font-weight: bold;
    display: block;
    float: right;
    width: 139px;
}

.t_right, .t02_right {
    position: relative;
    display: block;
    flex-direction: column;
    width: 100%;
    clear: both;
    padding: 5% 0 0 0;
}

.right_box_top {
    display: block;
}

.teacher {
    margin: 3% 22%;
    width: 300px;
    height: auto;
}

.h_teacher {
    margin: 8% 0 0 0;
}

.teacher img {
    width: 60%;
}

.teacher_name {
    margin: 0 0 6% 2%;
}

p.sub {
    font-size: 0.7rem;
    margin: 0 !important;
}

.year {
    font-size: 0.8rem;
}

.month {
    font-size: 2.5rem;
}

.month02 {
    font-size: 1.3rem;
}

p.time {
  font-size: 14px !important;
  letter-spacing: 0;
}

p.place {
  font-size: 14px !important;
}

p.money {
  font-size: 14px !important;
}

p.name {
    font-size: 1.1rem;
    width: 100%;
    max-width: 450px;
    margin: 7% 2% 5%;
    font-weight: bold;
}

p.belong {
    font-size: 0.8rem;
    line-height: 20px !important;
}

.right_box_btm {
    display: block;
}

.teacher_name_p {
    width: 100%;
}


.training02_box {
    margin: 10% auto;
    border: #474ed6 solid 5px;
    border-image: url(/seminars/images/shimashima2.png) 27 21 26 32 round;
    width: 100%;
    padding: 20px;
    max-width: 309px;
}

.training02_box_inner {
    position: relative;
    display: block;
    background: white;
    width: 100%;
    max-width: 820px;
    margin: 0 auto 0;
    z-index: 1;
}

.training02_wrap h2 {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    margin: 3% auto;
    letter-spacing: 0;
}

.num02 {
    padding: 0;
}

.t_box_left02 {
    margin: 7% 0 0 3%;
}

.t_box_left03 {
    margin: 5.5% 0 0 3%;
}

.ov_box {
    width: 100%;
    max-width: 329px;
}

h4.ov_h {
    margin: 3% 6% 3% 3%;
}

span.month02_span {
    font-size: 0.8rem;
}

}