@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap");

.mainvisualBackground.extra_bred{
  padding:0;
}
.breadcrumbs.extra_lp{
  margin:0;
}
em{
  font-style: normal;
}
.tc{
  text-align: center;
}


.sp,
.sp2,
.onlySP{
  display: none !important;
}
.sp3,
.onlySP{
  display: none;
}
body .middle_training {
  font-family: "Noto Sans JP", "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
  color: #3c3c3c;
  font-size: 1.6rem;
  line-height: 1.8;
}

body .middle_training * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.en {
  font-family: 'Roboto', "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
}


.fx_banner {
  position: fixed;
  bottom: -26rem;
  right: 9rem;
  z-index:99999999;
  transition: 0.8s;
}
.fx_banner a {
  width: 42.5rem;
  padding: 0 0;
  text-align: center;
  display: block;
  transition: 0.8s;
}
.fx_banner a img{
width: 42.5rem;
transition: 0.6s;
}
.fx_banner a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.fx_banner span{
  position: absolute;
  top: 0;
  right: 0.8rem;
  width: 3rem;
  height: 3rem;
  background: #FFF;
  border: solid 4px #52a34b;
  border-radius: 10rem;
  color: #52a34b;
  text-align: center;
  line-height: 2rem;
  cursor: pointer;
  z-index: 1;
}

@media screen and (max-width: 767px) {


  .fx_banner {
    position: fixed;
    bottom: -26rem;
    right: -1rem;
    z-index:99999999;
    transition: 0.8s;
}
.fx_banner p{
  margin-bottom:0;
}
.fx_banner a {
    width: 100%;
    padding: 0 0;
    text-align: center;
    display: block;
    transition: 0.8s;
}
.fx_banner a img{
  width:100%;
  transition: 0.6s;
}
.fx_banner a:hover {
    text-decoration: none;
    opacity: 0.7;
}

.fx_banner span{
    position: absolute;
    top: 0;
    right: 1rem;
    width: 3rem;
    height: 3rem;
    background: #FFF;
    border: solid 4px #52a34b;
    border-radius: 10rem;
    color: #52a34b;
    text-align: center;
    line-height: 2rem;
    cursor: pointer;
    z-index: 1;
}

  .pc2{
    display: none !important;
  }
  .sp2{
    display: block !important;
  }
  br.sp2 {
    display: initial !important;
  }
  body.middle_training.pc {
    display: block !important;
  }
  img {
    width: 100%;
    height: auto;
  }
  body .middle_training {
    font-size: 1.5rem;
    line-height: 1.8;
  }
  .sp3{
    display:inline-block;
  }
}

/*
.middle_training {
  padding-top: 1.4rem;
}
*/
.training__h1Block {
  height: 23rem;
  color:#FFF;
  background: url(../img/bg_img_03.png) center center no-repeat;
  background-size: 130rem auto;
  margin-bottom: 7rem;
    background-color:#1cbea1;
    text-align: center;
    padding: 5rem 0;
}
.training__h1Block p{
  font-size: 2.1rem;
  line-height: 1.5;
  font-weight:bold;
  letter-spacing: 0.4em;
  margin: 0;
  padding: 0;
}
.training__h1Block span{
  display:inline-block;
  position: relative;
}
.training__h1Block p span:before{
  content:"＼";
}
.training__h1Block p span:after{
  content:"／";
}
.training__h1Block h1{
  font-size: 3.6rem;
  line-height: 1.5;
  border: 4px solid #FFF;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding: 1rem 3rem 1.4rem 3rem; 
  margin: 2rem 0 0 0;
  letter-spacing: 0.08em;
}
.training__h1Block h1 span{
  color:#faffb1;
}
.middle_training {
  position: relative;
  min-width: auto;
  padding-bottom: 10rem;
  margin-bottom: 15rem;
}


.middle_traning_block_01{
  max-width: 106rem;
  margin:0 auto 0;
  display:flex;
  justify-content: space-between;
}
.middle_traning_block_01 p{
  font-size: 1.7rem;
  line-height: 1.8;
  margin:0 0 3rem 0;
}
.middle_traning_block_01 p:last-child{
  margin: 0;
}
.middle_traning_block_01 p em{
  background: linear-gradient(transparent 50%, #faffb1 0%);
  display: inline;
  font-weight:bold;
  color:#000;
  font-style: normal;
}
.middle_traning_block_01 div:nth-child(1){
  max-width: 72rem;
}
.middle_traning_block_01 div:nth-child(2){
  max-width: 34rem;
}





.middle_traning_block_02{
  background: url(../img/bg_img_04.png) left top no-repeat;
  background-size:50% 550px;
  margin: 3rem auto 0;
}
.middle_traning_block_02 .attention_area_02{
  margin: 0 auto 0;
  width: 106rem;
  padding: 15rem 0 0 0;
}
.middle_traning_block_02 .attention_area_02 h2{
  text-align:center;
  color:#000000;
  font-size: 3.6rem;
  font-weight:bold;
  position:relative;
  line-height: 1.8;
  letter-spacing: 0.08em;
}
.middle_traning_block_02 .attention_area_02 h2:before{
  content:"";
  background: url(../img/text01.png) left top no-repeat;
  background-size:13.6rem 5.9rem;
  position: absolute;
  top:-8.5rem;
  left:0;
  right:0;
  margin:auto;
  width:13.6rem;
  height:5.9rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02{
  background:#FFF;
  filter: drop-shadow(1rem 1rem 1rem rgba(62,62,62,.1));
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  padding:5rem;
  margin:5rem auto 0;
}
/*-----IE hack-----*/
@media all and (-ms-high-contrast: none) {
  .middle_traning_block_02 .attention_area_02 .white_block_02{
    box-shadow:1rem 1rem 1rem #e0e0e0;
  }
}


.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table{
  display:flex;
  justify-content: space-between;
}

.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block{
  background:#93acc5;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:22.6rem;
  position: relative;
  padding:0 1rem 1rem 1rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block .ttl,
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block .ttl{
  text-align:center;
  color:#FFF;
  font-weight:bold;
  font-size: 1.8rem;
  line-height: 1.8;
  padding: 2rem 0;
}

.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block .ttl{
  text-align:center;
  color:#FFF;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.8;
  padding: 1.5rem 0;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block .ttl span{
  background: url(../img/icon_img_01.png) left center no-repeat;
  background-size: 3.4rem 3.4rem;
  padding: 0.5rem 0 0.5rem 5rem;
  display:inline-block;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block li{
  background:#FFF;
  border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
  text-align:center;
  margin:0 0 0.7rem 0;
  padding: 2rem 0;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block li:last-child{
  margin:0 0 0 0;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block:after{
  content:"";
  background: url(../img/icon_img_04.png) left center no-repeat;
  background-size: 1.4rem 6.3rem;
  position: absolute;
  top: 17rem;
  right: -3.5rem;
  width: 1.4rem;
  height: 6.3rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block{
  background:#7ccce3;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width: 30.6rem;
  position: relative;
  padding:0 1rem 1rem 1rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block:after{
  content:"";
  background: url(../img/icon_img_06.png) left center no-repeat;
  background-size: 3.4rem 0.7rem;
  position: absolute;
  top: 20rem;
  right: -4.5rem;
  width: 3.4rem;
  height: 0.7rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block{
  background:#d87992;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:30.6rem;
  position: relative;
  padding:0 1rem 1rem 1rem;
}

.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block .white_block_03,
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block .white_block_03{
  background:#FFF;
  border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  padding: 2.1rem;
}

.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block .white_block_03 li{
  background: url(../img/icon_img_02.png) left 1.2rem no-repeat;
  background-size:1.2rem 0.3rem;
  padding:0 0 0 2rem;
  font-size: 1.4rem;
  line-height: 1.7;
  margin:0 0 1rem 0;  list-style-type:none;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block .white_block_03 li{
  background: url(../img/icon_img_03.png) left 1.2rem no-repeat;
  background-size:1.2rem 0.3rem;
  padding:0 0 0 2rem;
  font-size:1.4rem;
  line-height:1.5;
  margin:0 0 1rem 0;  list-style-type:none;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block .white_block_03 li:last-child,
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block .white_block_03 li:last-child{
  margin:0 0 0 0;
}



.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box{
  margin:3rem auto 0;
  display:flex;
  align-items: center;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box .photos{
  width:25rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box .texts{
  padding:0 0 0 4rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box .texts p{
  line-height: 2.1;
  font-size: 1.5rem;
  margin:0 0 0 0;
}












.middle_traning_block_03{
  background: url(../img/bg_img_05.png) right top no-repeat;
  background-size:50% 90rem;
  margin:8rem auto 0;
}
.middle_traning_block_03 .attention_area_03{
  margin:0 auto 0;
  width:106rem;
  padding:15rem 0 0 0;
}


.middle_traning_block_03 .attention_area_03 .area_03_box{
  display:flex;
  justify-content: space-between;
}
.middle_traning_block_03 .attention_area_03 .area_03_box div:nth-child(2){
  width:43rem;
  margin:-5rem 0 0 0;
}


.middle_traning_block_03 .attention_area_03 h2{
  text-align:left;
  color:#000000;
  font-size:3.6rem;
  font-weight:bold;
  position:relative;
  line-height:1.5;
  letter-spacing: 0.08em;
}
.middle_traning_block_03 .attention_area_03 h2:before{
  content:"";
  background: url(../img/text02.png) left top no-repeat;
  background-size:12.8rem 5.2rem;
  position: absolute;
  top:-8.5rem;
  left:0;
  width:12.8rem;
  height:5.2rem;
}
.middle_traning_block_03 .attention_area_03 .area_03_text_01{
  line-height:1.8;
  font-size:1.5rem;
  margin:4rem 0 0 0;
}


.middle_traning_block_03 .attention_area_03 .white_block_03{
  background:#FFF url(../img/bg_img_09.png) center 5rem no-repeat;
  background-size: 0.5rem auto;
  filter: drop-shadow(1rem 1rem 1rem rgba(62,62,62,.1));
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  padding:5rem;
  margin:7rem auto 0;
}
/*-----IE hack-----*/
@media all and (-ms-high-contrast: none) {
  .middle_traning_block_03 .attention_area_03 .white_block_03{
    box-shadow:1rem 1rem 1rem #e0e0e0;
  }
}

.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01{
  display: flex;
  justify-content: space-between;
  position:relative;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01:before{
  content:"";
  background: url(../img/icon_img_08.png) center center no-repeat;
  background-size:6.8rem 3.3rem;
  width:6.8rem;
  height:3.3rem;
  position: absolute;
  left:0;
  right:0;
  margin:auto;
  top:40%;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01 div{
  width:41rem;
    border-radius: 20rem;        /* CSS3草案 */  
  -webkit-border-radius: 20rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 20rem;   /* Firefox用 */
  text-align:center;
  font-weight:bold;
  font-size:2.1rem;
  color:#FFF;
  line-height:1.8;
  padding:1.5rem 0;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01 div:nth-child(1){
  background:#748bb8;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01 div:nth-child(2){
  background:#1cbea1;
}

/*-----IE hack-----*/
@media all and (-ms-high-contrast: none) {
  .middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01 div:nth-child(1){
    margin:0 13rem 0 0;
  }
}



.middle_traning_block_03 .attention_area_03 .white_block_03 h3{
  text-align:center;
  font-size:2.8rem;
  line-height:1.5;
  color:#023d32;
  padding:0 0 0 0;
  margin:4rem 0 1rem 0;
  font-weight: bold;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 h3 span{
  font-family: 'Montserrat', sans-serif;
  color:#001f2e;
  font-size:1.2rem;
  display:inline-block;
  text-align:center;
  position: relative;
  margin:0 2rem 0 0;
  vertical-align: middle;
  padding:3.5rem 0 1.5rem 0;
}

.middle_traning_block_03 .attention_area_03 .white_block_03 h3.pro01 span{
  background: url(../img/text03.png) center center no-repeat;
  background-size:6rem 7.4rem;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 h3.pro02 span{
  background: url(../img/text04.png) center center no-repeat;
  background-size:6rem 7.4rem;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 h3.pro03 span{
  background: url(../img/text05.png) center center no-repeat;
  background-size:6rem 7.4rem;
}


.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox02{
  display: flex;
  justify-content: space-between;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox02 ul{
  width:41rem;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox02 li{
  background: url(../img/icon_img_09.png) left 7px no-repeat;
  background-size:1.5rem 1.4rem;
  font-size:1.5rem;
  line-height:1.8;
  padding:0 0 0 2.8rem;
  margin: 0.5rem 0 0 0;
}
















.middle_traning_block_04{
  margin:20rem auto 0;
}
.middle_traning_block_04 .attention_area_04{
  margin:0 auto 0;
  width:110rem;
  padding:0 0 0 0;
}

.middle_traning_block_04 .attention_area_04 h2{
  text-align:center;
  color:#000000;
  font-size:3.6rem;
  font-weight:bold;
  position:relative;
  line-height:1.8;
  letter-spacing: 0.08em;
  margin:0 0 4rem 0; 
}
.middle_traning_block_04 .attention_area_04 h2:before{
  content:"";
  background: url(../img/text06.png) left top no-repeat;
  background-size:14.8rem 6.2rem;
  position: absolute;
  top:-8.5rem;
  left:0;
  right:0;
  margin:auto;
  width:14.8rem;
  height:6.2rem;
}
.middle_traning_block_04 .attention_area_04 .area_04_text_01{
  line-height:1.8;
  font-size:1.5rem;
  margin:3rem 0 0 0;
  text-align:center;
}
.middle_traning_block_04 .attention_area_04 .area_04_block_01{
  background: url(../img/photo_img_04.png) left bottom no-repeat , url(../img/photo_img_05.png) right bottom no-repeat;
  background-size:8.1rem 17.5rem , 8.1rem 17.5rem;
}


.middle_traning_block_04 .attention_area_04 .middle_corse_list{
  display: flex;
  position: relative;
  justify-content: space-between;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows{
  width:10rem;
  padding:10rem 0 0 0;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:32.3rem;
  padding:1rem;
  position: relative;
  height:45rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:41.0rem;
  padding:1rem;
  position: relative;
  height:45rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:13rem;
  padding:1rem;
  position: relative;
  height:45rem;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:11.7rem;
  padding:1rem;
  position: relative;
  height:45rem;
}
.middle_traning_block_04 .attention_area_04 .table_blocks{
  margin:4rem auto 0;
  width:auto;
  padding:0;
  position: relative;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .ttl,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .ttl,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .ttl,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04 .ttl{
  background:#1cbea1;
  text-align:center;
  font-size:1.4rem;
  line-height:1.5;
  color:#FFF;
  font-weight:bold;
  display:flex;
  justify-content: center;
  align-items: center;
  height:8rem;
    border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
}
.border_01{
  position: absolute;
  top:10rem;
  right:0;
  width:108.9rem;
  z-index:1;
}

.border_02{
  position: absolute;
  bottom:1rem;
  right:0;
  width:108.9rem;
  z-index:1;
}




.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links01{
  position:absolute;
  top:11.2rem;
  left:1rem;
  width:9.9rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 p.tls{
  text-align:center;
  font-weight:bold;
  color:#000;
  font-size:1.5rem;
  line-height:1.8;
  padding:1.2rem 0;
  margin:0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 p.txt{
  color:#757575;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0 0 1rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links01 a{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF url(../img/bg_img_06.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
    border:2px solid #98c6f1;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding:0 1rem;
   transition: all .3s ease;
}



.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links02{
  position:absolute;
  top:11.2rem;
  left:11.5rem;
  width:9.9rem;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links02 a{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF url(../img/bg_img_06.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
    border:2px solid #98c6f1;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding:0 1rem;
  transition: all .3s ease;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links03{
  position:absolute;
  top:11.2rem;
  left:21.9rem;
  width:9.9rem;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links03 a{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF url(../img/bg_img_06.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
    border:2px solid #98c6f1;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding:0 1rem;
  height: 31rem;
  transition: all .3s ease;
}



.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links04{
  position:absolute;
  top:25.2rem;
  left:1rem;
  width:9.9rem;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links04 a{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF url(../img/bg_img_07.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
    border:2px solid #ec9548;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding:0 1rem;
  transition: all .3s ease;
}



.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links01 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links02 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links03 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links05 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links06 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links07 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links08 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .links09 a:hover,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .links09B a:hover{
  border:2px solid #70abe9;
  text-decoration:underline;
  background:#FFF url(../img/bg_img_06on.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .links04 a:hover{
  border:2px solid #e36909;
  text-decoration:underline;
  background:#FFF url(../img/bg_img_07on.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04 .links10 a:hover{
  border:2px solid #d7505e;
  text-decoration:underline;
  background:#FFF url(../img/bg_img_08on.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
}



.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 p.tls{
  text-align:center;
  font-weight:bold;
  color:#000;
  font-size:1.4rem;
  line-height:1.5;
  padding:1.2rem 0;
  margin:0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 p.txt{
  color:#757575;
  font-size:1rem;
  line-height: 1.5;
  font-weight:normal;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links05 div,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links06 div,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links07 div,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links08 div{
  text-align:center;
  font-size: 1.4rem;
  line-height:1.5;
  margin:0 0 1.5rem 0;
  font-weight:bold;
  color:#000;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links05 div,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links06 div{
  margin: 1.6rem 0 2.3rem 0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links08 div{
  margin: 1.6rem 0 2.3rem 0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links05{
  position:absolute;
  top: 11.5rem;
  left: 1rem;
  width:9rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links06{
  position:absolute;
  top: 11.5rem;
  left: 11rem;
  width: 9rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links07{
  position:absolute;
  top: 11.5rem;
  left: 21rem;
  width: 9rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links08{
  position:absolute;
  top: 11.5rem;
  left: 31rem;
  width: 9rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links05 a,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links06 a,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links07 a,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links08 a{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF url(../img/bg_img_06.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
    border:2px solid #98c6f1;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding:0 0.5rem;
  height:24.4rem;
  transition: all .3s ease;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links08 .nolinks{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF/* url(../img/bg_img_06.png) right bottom no-repeat*/;
  background-size:3.6rem 3.6rem; 
    border:2px solid #98c6f1;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding: 0 0.5rem;
  height: 24.4rem;
  transition: all .3s ease;
  margin:0;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links05 p.tls{
  padding:1.9rem 0 1.9rem 0;
  margin:0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links06 p.tls{
  padding:3.1rem 0 3.1rem 0;
  margin:0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links07 p.tls{
  padding:1.2rem 0 1.1rem 0;
  margin:0;
  font-size:1.2rem;
  line-height:1.5;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .links08 p.tls{
  padding:1.9rem 0 1.9rem 0;
  margin:0;
}



.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .links09 a,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .links09B a{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF url(../img/bg_img_06.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
    border:2px solid #98c6f1;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding:0 0.5rem;
  transition: all .3s ease;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .links09{
  position:absolute;
  top:11rem;
  left:1rem;
  width:11rem;
  height: 15rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .links09B{
  position:absolute;
  top:27rem;
  left:1rem;
  width:11rem;
  height: 15rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 p.tls{
  text-align:center;
  font-weight:bold;
  color:#000;
  font-size:1.4rem;
  line-height:1.5;
  padding:1.2rem 0;
  margin:0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 p.txt{
  color:#757575;
  font-size:1rem;
  line-height:1.5;
  margin:0 0 1rem 0;
}





.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04 .links10 a{
  display:inline-block;
  width:100%;
  height:100%;
  background:#FFF url(../img/bg_img_08.png) right bottom no-repeat;
  background-size:3.6rem 3.6rem; 
    border:2px solid #e5828e;
  display:inline-block;
    border-radius: 1rem;        /* CSS3草案 */  
  -webkit-border-radius: 1rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 1rem;   /* Firefox用 */
  padding:0 0;
transition: all .3s ease;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04 .links10{
  position:absolute;
  top:11rem;
  left:1rem;
  width:9.5rem;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04 p.tls{
  text-align:center;
  font-weight:bold;
  color:#000;
  font-size:1.4rem;
  line-height:1.5;
  padding:1.2rem 0;
  margin:0;
  display: flex;
    justify-content: center;
    align-items: center;
      height:30.8rem;
}


.link_block {
    text-align: center;
    margin:5rem auto 0;
}
.link_block a {
    display: inline-block;
    background: #f17a3c;
    color: #FFF;
    font-size: 2.1rem;
    line-height: 1.8;
    font-weight: bold;
    padding: 2rem 9rem 2.4rem 9rem;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    text-decoration: none;
    box-shadow: 0.5rem 0.5rem 1rem #b3b3b3;
    transition: 0.3s;
}
.link_block a span {
    background: url(../img/icon_img_next.png) 98% center no-repeat;
    background-size: 2.8rem 1rem;
    padding: 0 5rem 0 5rem;
    display: inline-block;
    transition: 0.3s;
}
.link_block a:hover {
    background: #d05b1d;
}
.link_block a:hover span {
    background: url(../img/icon_img_next.png) right center no-repeat;
    background-size: 2.8rem 1rem;
}






.middle_traning_block_05{
  max-width:106rem;
  margin:8rem auto 0;
  background:#f5f5f5;
  padding:7rem;
    border-radius: 2rem;        /* CSS3草案 */  
  -webkit-border-radius: 2rem;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 2rem;   /* Firefox用 */
}
.middle_traning_block_05 h3{
  font-size:2.8rem;
  line-height:1.8;
  text-align:center;
  margin:0 0 4rem 0;
  color:#000000;
}

.middle_traning_block_05 .att_area_05_box{
  display:flex;

}
.middle_traning_block_05 .att_area_05_box .box_05{
  width:50%;
}
.middle_traning_block_05 .att_area_05_box .box_05 a{
  display: flex;
  justify-content: space-between;
  width: 100%;
  /*
  align-items: center;
  */
}
.middle_traning_block_05 .att_area_05_box .box_05 a .lefts {
    max-width: 20rem;
    width: 45%;
    overflow: hidden;
    background: #000;
    height: 100%;
}
.middle_traning_block_05 .att_area_05_box .box_05 a .lefts img {
    width: 20rem;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.middle_traning_block_05 .att_area_05_box .box_05 a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}

.middle_traning_block_05 .att_area_05_box .box_05 a p{
    width: 55%;
    padding: 0 5% 0 4%;
    margin: 0 0 2rem 0;
    color: #141563;
    font-size: 1.5rem;
    line-height: 1.4;
    font-weight: bold;
}
.middle_traning_block_05 .att_area_05_box .box_05 a:hover p{
  text-decoration:underline;
}











.middle_traning_block_06{
  max-width:106rem;
  margin:8rem auto 0;
}
.middle_traning_block_06 h3{
  font-size:2.8rem;
  line-height:1.8;
  text-align:center;
  margin:0 0 4rem 0;
  font-weight: bold;
  color:#000000;
}

.middle_traning_block_06 .att_area_06_box{
  display:flex;
  justify-content: space-between;
}
.middle_traning_block_06 .att_area_06_box .box_06{
  width:24%;
  max-width:23.5rem;
}
.middle_traning_block_06 .att_area_06_box .box_06 a{
  width: 100%;
  /*
  align-items: center;
  */
}
.middle_traning_block_06 .att_area_06_box .box_06 a .lefts {
    max-width: 23.5rem;
    width: 100%;
    overflow: hidden;
    background: #000;
    margin:0 0 2rem 0;
}
.middle_traning_block_06 .att_area_06_box .box_06 a .lefts img {
    width: 23.5rem;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.middle_traning_block_06 .att_area_06_box .box_06 a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}
.middle_traning_block_06 .att_area_06_box .box_06 a div.tll{
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.5;
  color:#4c4c4c;
}
.middle_traning_block_06 .att_area_06_box .box_06 a p{
    margin: 1.5rem 0 0 0;
    color: #141563;
    font-size: 1.6rem;
    line-height: 1.8;
    font-weight: bold;
}
.middle_traning_block_06 .att_area_06_box .box_06 a:hover p{
  text-decoration:underline;
}



































@media screen and (max-width: 767px) {

  .sp,
  .onlySP{
    display: block !important;
  }
  .onlyPC{
    display: none !important;
  }

  .middle_training{
    padding:0;
}  
  .training__h1Block {
    height:auto;
    background: url(../img/bg_img_01.png) left top no-repeat ,  url(../img/bg_img_02.png) right top no-repeat;
    background-size:contain , contain ;
    margin-bottom: 4rem;
      background-color:#1cbea1;
      padding:2.5rem 0;
  }
  .training__h1Block p{
    font-size:1.4rem;
    line-height:1.5;
    letter-spacing:0.4em;
  }

  .training__h1Block h1{
    font-size:2.1rem;
    line-height:1.8;
    border:2px solid #FFF;
    padding:1.2rem 2rem 1.4rem 2rem; 
    margin:1.5rem 0 0 0;
    background:rgba(28,190,161,0.8);
  }
  .training__h1Block h1 span{
    color:#faffb1;
  }
  .middle_training {
    min-width: inherit;
    padding-bottom: 5rem;
    margin-bottom: 5rem;
  }





.middle_traning_block_01{
  max-width:auto;
  margin:0 2rem;
  display:block;
}
.middle_traning_block_01 p{
  font-size:1.5rem;
  line-height: 1.8;
  margin:0 0 2rem 0;
}
.middle_traning_block_01 p:last-child{
  margin:0;
}




.middle_traning_block_02{
  background: url(../img/bg_img_04.png) left top no-repeat;
  background-size:50% 550px;
  margin:5rem auto 0;
}
.middle_traning_block_02 .attention_area_02{
  margin:0 auto 0;
  width:auto;
  padding:12rem 0 0 0;
}
.middle_traning_block_02 .attention_area_02 h2{
  font-size:2.1rem;
  position:relative;
  line-height:1.8;
  letter-spacing: 0.08em;
}
.middle_traning_block_02 .attention_area_02 h2:before{
  content:"";
  background: url(../img/text01.png) left top no-repeat;
  background-size:10rem 4.3rem;
  position: absolute;
  top:-6.5rem;
  left:0;
  right:0;
  margin:auto;
  width:10rem;
  height:4.3rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02{
  filter: drop-shadow(1rem 1rem 1rem rgba(62,62,62,.1));
  border-radius: 2rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 2rem;
  padding:2.5rem;
  margin:3rem 2rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .icons1{
  text-align:center;
  max-width:6.3rem;
  margin:1rem auto 1rem;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .icons2{
  text-align:center;
  max-width:0.7rem;
  margin:1rem auto 1rem;
}


.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table{
  display:block;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block{
  width:100%;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block .ttl,
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block .ttl{
  font-size:1.6rem;
  line-height:1.5;
  padding:1.5rem 0;
}

.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block .ttl{
  text-align:center;
  color:#FFF;
  font-weight:bold;
  font-size:1.6rem;
  line-height:1.8;
  padding:1.5rem 0;
}

.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .first_block:after{
  content:none;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block{
  width:100%;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .second_block:after{
  content:none;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_table .third_block{
  width:100%;
}


.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box{
  margin:2rem auto 0;
  display:block;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box .photos{
  width:60%;
  margin:auto;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box .texts{
  padding:2rem 0 0 0;
}
.middle_traning_block_02 .attention_area_02 .white_block_02 .attention_area_box .texts p{
  line-height:1.8;
  font-size:1.5rem;
}










.middle_traning_block_03{
  margin:5rem auto 0;
}
.middle_traning_block_03 .attention_area_03{
  width:auto;
  padding:12rem 0 0 0;
}


.middle_traning_block_03 .attention_area_03 .area_03_box{
  display:block;
}
.middle_traning_block_03 .attention_area_03 .area_03_box div:nth-child(2){
  width:70%;
  margin:3rem auto 0;
}


.middle_traning_block_03 .attention_area_03 h2{
  font-size:2.1rem;
  position:relative;
  line-height:1.8;
  letter-spacing: 0.08em;
  text-align:center;
}
.middle_traning_block_03 .attention_area_03 h2:before{
  content:"";
  background: url(../img/text02.png) left top no-repeat;
  background-size:10rem 4.1rem;
  position: absolute;
  top:-6.5rem;
  left:0;
  right:0;
  margin:auto;
  width:10rem;
  height:4.1rem;
}
.middle_traning_block_03 .attention_area_03 .area_03_text_01{
  line-height:1.8;
  font-size:1.5rem;
  margin:3rem 2rem 0 2rem;
}
.middle_traning_block_03 .attention_area_03 .icons01{
  width:80%;
  margin:3rem auto 0;
}

.middle_traning_block_03 .attention_area_03 .white_block_03{
  background:#FFF url(../img/bg_img_09.png) center 5rem repeat-y;
  background-size: 0.2rem auto;
  filter: drop-shadow(0px 0px 10px rgba(62,62,62,.1));
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  padding:3rem 2rem;
  margin: 4rem auto 0;
}



.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01:before{
  content:"";
  background: url(../img/icon_img_08.png) center center no-repeat;
  background-size:5rem 2.4rem;
  width:5rem;
  height:2.4rem;
  position: absolute;
  left:0;
  right:0;
  margin:auto;
  top:36%;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox01 div{
  width:46%;
  font-size:1.4rem;
  line-height:1.5;
  padding:1.2rem 0;
border-radius: 2rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
}






.middle_traning_block_03 .attention_area_03 .white_block_03 h3{
  font-size:1.8rem;
  line-height:1.8;
  padding:0 0 0 0;
  margin:3rem 0 1rem 0;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 h3 span{
  font-family: 'Montserrat', sans-serif;
  color:#001f2e;
  font-size:1.2rem;
  display:block;
  margin:0 0 1rem 0;
  vertical-align:auto;
  padding:1.8rem 0 1.8rem 0;
}

.middle_traning_block_03 .attention_area_03 .white_block_03 h3.pro01 span{
  background: url(../img/text03.png) center center no-repeat;
  background-size:6rem 7.4rem;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 h3.pro02 span{
  background: url(../img/text04.png) center center no-repeat;
  background-size:6rem 7.4rem;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 h3.pro03 span{
  background: url(../img/text05.png) center center no-repeat;
  background-size:6rem 7.4rem;
}


.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox02{
  display: flex;
  justify-content: space-between;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox02 ul{
  width:45%;
}
.middle_traning_block_03 .attention_area_03 .white_block_03 .white_block_03_fbox02 li{
  background: url(../img/icon_img_09.png) left 7px no-repeat;
  background-size:15px 14px;
  font-size:1.4rem;
  line-height:1.5;
  padding:0 0 0 2.8rem;
  margin:1rem 0 0 0;
}














.middle_traning_block_04{
  margin:17rem auto 0;
}
.middle_traning_block_04 .attention_area_04{
  margin:0 auto 0;
  width:auto;
  padding:0 0 0 0;
}

.middle_traning_block_04 .attention_area_04 h2{
  font-size:2.1rem;
  line-height:1.8;
  margin:0 0 3rem 0; 
}
.middle_traning_block_04 .attention_area_04 h2:before{
  content:"";
  background: url(../img/text06.png) left top no-repeat;
  background-size:11rem 4.6rem;
  position: absolute;
  top:-6.5rem;
  left:0;
  right:0;
  margin:auto;
  width:11rem;
  height:4.6rem;
}
.middle_traning_block_04 .attention_area_04 .area_04_text_01{
  line-height: 1.8;
  font-size: 1.5rem;
  margin: 2rem 2rem 0 2rem;
  text-align:center;
}
.middle_traning_block_04 .attention_area_04 .area_04_block_01{
  background:none;
}


.middle_traning_block_04 .attention_area_04 .middle_corse_list{
  display: flex;
  justify-content: space-between;
}
.middle_traning_block_04 .attention_area_04 .flows{
  width:10rem;
  padding:10rem 0 0 0;
  z-index: 1;
}

.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:35.8rem;
  padding:1rem;
  position: relative;
  height:45rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:43.5rem;
  padding:1rem;
  position: relative;
  height:45rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:13.6rem;
  padding:1rem;
  position: relative;
  height:45rem;
}
.border_01 img{
  width:120rem;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04{
  background:#e0f7f3;
    border-radius: 1rem;
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  width:12.6rem;
  padding:1rem;
  position: relative;
  height:45rem;
}
.middle_traning_block_04 .attention_area_04 .table_blocks{
  margin:4rem 2rem 0 2rem;
  width:auto;
  padding:0;
  position: relative;
  padding:0;
}
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_01 .ttl,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_02 .ttl,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_03 .ttl,
.middle_traning_block_04 .attention_area_04 .middle_corse_list .flows_04 .ttl{
  background:#1cbea1;
  text-align:center;
  font-size:1.4rem;
  line-height:1.5;
  color:#FFF;
  font-weight:bold;
  display:flex;
  justify-content: center;
  align-items: center;
  height:8rem;
    border-radius: 0.8rem;
  -webkit-border-radius: 0.8rem;
  -moz-border-radius: 0.8rem;
}








.link_block {
    text-align: center;
    margin:3rem auto 0;
}
.link_block a {
    display: inline-block;
    background: #f17a3c;
    color: #FFF;
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: bold;
    padding: 1.8rem 4rem 2rem 4rem;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    text-decoration: none;
    box-shadow: 0.5rem 0.5rem 1rem #b3b3b3;
    transition: 0.3s;
}
.link_block a span {
    background: url(../img/icon_img_next.png) 98% center no-repeat;
    background-size: 1.7rem 0.6rem;
    padding: 0 3rem 0 3rem;
    display: inline-block;
    transition: 0.3s;
}
.link_block a:hover {
    background: #d05b1d;
}
.link_block a:hover span {
    background: url(../img/icon_img_next.png) right center no-repeat;
    background-size: 1.7rem 0.6rem;
}









.middle_traning_block_05{
  max-width:auto;
  margin:6rem 2rem 0 2rem;
  padding:3rem 2rem 3rem 2rem;
}
.middle_traning_block_05 h3{
  font-size:2.1rem;
  line-height:1.8;
  margin:0 0 2rem 0;
}

.middle_traning_block_05 .att_area_05_box{
  display:flex;
  justify-content: space-between;
}
.middle_traning_block_05 .att_area_05_box .box_05{
  width:48%;
}
.middle_traning_block_05 .att_area_05_box .box_05 a{
  display:block;
  width: 100%;
  /*
  align-items: center;
  */
}
.middle_traning_block_05 .att_area_05_box .box_05 a .lefts {
    max-width:100%
    ;
    width: 100%;
    overflow: hidden;
    background: #000;
    height: 100%;
}
.middle_traning_block_05 .att_area_05_box .box_05 a .lefts img {
    width: 100%;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.middle_traning_block_05 .att_area_05_box .box_05 a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}

.middle_traning_block_05 .att_area_05_box .box_05 a p{
    width: 100%;
    padding: 0 0% 0 0%;
    margin: 1.5rem 0 0 0;
    color: #141563;
    font-size: 1.5rem;
    line-height: 1.8;
    font-weight: bold;
}
.middle_traning_block_05 .att_area_05_box .box_05 a:hover p{
  text-decoration:underline;
}






.middle_traning_block_06{
  max-width:auto;
  margin:6rem 2rem 0 2rem;
}
.middle_traning_block_06 h3{
  font-size:2.1rem;
  line-height:1.8;
  margin:0 0 3rem 0;
}

.middle_traning_block_06 .att_area_06_box{
  display:flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.middle_traning_block_06 .att_area_06_box .box_06{
  width:48%;
  max-width:100%;
}
.middle_traning_block_06 .att_area_06_box .box_06:nth-of-type(1),
.middle_traning_block_06 .att_area_06_box .box_06:nth-of-type(2){
  margin:0 0 3rem 0;
 }

.middle_traning_block_06 .att_area_06_box .box_06 a{
  width: 100%;
  /*
  align-items: center;
  */
}

.middle_traning_block_06 .att_area_06_box .box_06 a .lefts {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    margin:0 0 1.5rem 0;
}
.middle_traning_block_06 .att_area_06_box .box_06 a .lefts img {
    width: 100%;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.middle_traning_block_06 .att_area_06_box .box_06 a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}
.middle_traning_block_06 .att_area_06_box .box_06 a div.tll{
  font-size:1.2rem;
  line-height:1.5;
}
.middle_traning_block_06 .att_area_06_box .box_06 a p{
    margin: 0.5rem 0 0 0;
    font-size: 1.6rem;
    line-height: 1.8;
}
.middle_traning_block_06 .att_area_06_box .box_06 a:hover p{
  text-decoration:underline;
}


.table_blocks{
  margin: 3rem auto 0;
  width:auto;
  padding:0 2.5rem;
}
.table_blocks .middle_corse_list{
  width:120rem;
}










}