@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;
}

.sp2,
.onlySP{
  display: none !important;
}
.sp3,
.onlySP{
  display: none;
}
.beginner_staff img{
  width:100%;
}
li{
  list-style-type:none;
}
ul{
  margin:0;
  padding:0;
}

body .beginner_staff {
  font-family: "Noto Sans JP", "メイリオ", "ヒラギノ角ゴ Pro W3", sans-serif;
  color: #3c3c3c;
  font-size: 1.6rem;
  line-height: 1.8;
}

body .beginner_staff * {
  -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: 1.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) {
  .pc2,
  .onlyPC{
    display: none !important;
  }
  .sp2,
  .onlySP{
    display: block !important;
  }
  br.sp2,
  br.onlySP {
    display: initial !important;
  }
  body.beginner_staff.pc {
    display: block !important;
  }
  img {
    width: 100%;
    height: auto;
  }
  body .beginner_staff {
    font-size: 1.5rem;
    line-height: 1.8;
  }
  .sp3{
    display:inline-block;
  }
}

/*
.beginner_staff {
  padding-top: 1.4rem;
}
*/
.beginner_staff__h1Block {
  height: 14rem;
  color:#FFF;
  background: url(../img/bg_img_001.png);
  background-size: 0.4rem 0.4rem;
    text-align:center;
    padding: 1.5rem 0 0 0;
}
.beginner_staff__h1Block p{
  font-size: 2.5rem;
  line-height: 1.5;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-shadow: 0.1rem 0.1rem 0 #20b0cf;
  letter-spacing: 0.05em;
}
.beginner_staff__h1Block span{
  display:inline-block;
  position: relative;
}
/*
.beginner_staff__h1Block p span:before{
  content:"";
  background: url(../img/icon_img_001.png) left top no-repeat;
  background-size:53px 39px;
  position: absolute;
  left:-70px;
  top:-8px;
  width:53px;
  height:39px;
}
.beginner_staff__h1Block p span:after{
  content:"";
  background: url(../img/icon_img_002.png) left top no-repeat;
  background-size:53px 39px;
  position: absolute;
  right:-70px;
  top:-8px;
  width:53px;
  height:39px;
}
*/
.beginner_staff__h1Block h1{
  font-size: 4rem;
  line-height: 1.5;
  margin: 0 0 0 0;
  letter-spacing: 0.08em;
  text-shadow: 0.1rem 0.1rem 0 #20b0cf;
  position: relative;
  display: inline-block;
  font-weight: bold;
}
.beginner_staff__h1Block h1 em{
  color:#fbff84;
  font-style:normal;
}
.beginner_staff {
  position: relative;
  min-width: auto;
  padding-bottom: 10rem;
  margin-bottom: 15rem;
}

.beginner_staff__h1Block h1:before{
  content:"";
  background: url(../img/icon_img_003.png) left top no-repeat;
  background-size: 15.4rem 15.4rem;
  position: absolute;
  left: -19rem;
  top: -0.8rem;
  width: 15.4rem;
  height: 15.4rem;
}

.beginner_staff__h1Block h1:after{
  content:"";
  background: url(../img/icon_img_004.png) left top no-repeat;
  background-size: 19rem 14rem;
  position: absolute;
  right: -20rem;
  top: -0.5rem;
  width: 19rem;
  height: 14rem;
}




.fx_nv{
  width: 100%;
  background:#f4f4f4;
  transition: all .3s ease;
}
.fx_nv ul{
  min-width: 90rem;
  max-width: 90rem;
  margin: auto;
  display:flex;
  justify-content: space-between;
}
.fx_nv ul li:nth-child(1){width:30%;text-align:center;}
.fx_nv ul li:nth-child(2){width:15%;text-align:center;}
.fx_nv ul li:nth-child(3){width:28%;text-align:center;}
.fx_nv ul li:nth-child(4){width:29%;text-align:center;}

.fx_nv.is-fixed {
  position: fixed;
  top: 0;
  left: 11.5rem;
  right:0;
  margin:auto;
  z-index: 2;
  width: 100%;
}
.fx_nv.is-fixed {
  background:#FFF;
  border-bottom: 1px solid #666;
}
.fx_nv ul li a{
  display:inline-block;
  text-decoration:underline;
  color:#004e81;
  width: 100%;
  font-size: 1.5rem;
  line-height: 1.8;
  padding: 1.3rem 0 1.5rem 0;
}
.fx_nv ul li a span{
  background: url(../img/icon_img_005.png) right 0.9rem no-repeat;
  background-size: 1.6rem 0.6rem;
  padding: 0 2rem 0 0;
     transition: all .3s ease;
}
.fx_nv ul li a:hover{
  text-decoration:none;
}
.fx_nv ul li a:hover span{
  background: url(../img/icon_img_005.png) right 1.2rem no-repeat;
  background-size: 1.6rem 0.6rem;
}

.fx_nv.is-fixed li a{
  padding: 0.7rem 0 1rem 0;
  font-size: 1.4rem;
  line-height: 1.7;
}
















.beginner_staff_block_01{
  max-width: 100rem;
  margin: 6rem auto 6rem;
  display: flex;
  justify-content: space-between;
}
.beginner_staff_block_01 p{
  font-size: 1.6rem;
  line-height: 1.8;
  margin:0 0 3rem 0;
}
.beginner_staff_block_01 p:last-child{
  margin: 0;
}
.beginner_staff_block_01 p em{
  background: linear-gradient(transparent 50%, #fbff84 0%);
  display: inline;
  font-weight: bold;
  color:#19bde0;
  font-style: normal;
}
.beginner_staff_block_01 div:nth-child(1){
  max-width: 60rem;
}
.beginner_staff_block_01 div:nth-child(2){
  max-width: 37rem;
  padding: 1.5rem 0 0 0;
}
.beginner_staff_block_01 div:nth-child(2) img{
  width:100%;
}





















/*-----IE hack-----*/
@media all and (-ms-high-contrast: none) {

}




.beginner_staff_block_02{
  background:#e8fbff;
  margin: 0 auto 0;
  border-top: 0.2rem solid #19a7c6;
  padding: 8rem 0 10rem 0;
  position: relative;
}
.beginner_staff_block_02 h2{
  font-size: 4.2rem;
  font-weight: bold;
  text-align:center;
  color:#19a7c6;
  line-height: 1.5;
  background: url(../img/icon_img_008.png) left center no-repeat;
  background-size: 3.6rem 5rem;
  display: inline-block;
  padding:0 0 0 6rem;
  margin:0 0 2rem 0;
}
.beginner_staff_block_02 .icon_ttl{
  position: absolute;
  top: -3.5rem;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 25.3rem;
  width: 100%;
}
.beginner_staff_block_02 .icon_ttl img{
  width: 100%;
}
.beginner_staff_block_02 .tr{
  text-align:center;
}
.beginner_staff_block_02 .text01{
  color:#3c3c3c;
  font-size: 1.6rem;
  line-height: 1.8;
}

.beginner_staff_block_02 .white_blocks{
  background:#FFF;
  padding: 7rem;
  margin: 5rem auto 0;
  max-width: 110rem;
}
.beginner_staff_block_02 .white_blocks .in_area{
  max-width: 110rem;
  margin: 0 auto 0;
  display: flex;
  justify-content: space-between;
}
.beginner_staff_block_02 .white_blocks .in_area .lefts{
  max-width: 37rem;
}
.beginner_staff_block_02 .white_blocks .in_area .rights{
  max-width: 54rem;
}

.beginner_staff_block_02 .white_blocks .in_area .lefts img{
  width: 100%;
 box-shadow: 2rem 2rem 2rem rgba(52,59,61,0.10);
}
.beginner_staff_block_02 .white_blocks .in_area .rights .sub_ttl{
  font-size: 1.5rem;
  line-height: 1.8;
  color:#39cded;
  position: relative;
  display:inline-block;
  font-weight:bold;
}
.beginner_staff_block_02 .white_blocks .in_area .rights .sub_ttl:after{
  content:"";
  background:#39cded;
  width: 5rem;
  height: 0.1rem;
  position: absolute;
  right: -7rem;
  top: 49%;
}
.beginner_staff_block_02 .white_blocks .in_area .rights p{
  font-size: 1.5rem;
  line-height: 1.8;
}
.beginner_staff_block_02 .white_blocks .in_area .rights h3{
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1.5;
  color:#000;
  background: url(../img/icon_img_009.png) left center no-repeat;
  background-size: 6.8rem 8.2rem;
  padding: 0 0 0 9rem;
  margin: 1.5rem 0 3rem 0;
}


.beginner_staff_block_02 .trend_area{
background: url(../img/1.png) 24% 4rem no-repeat , url(../img/bg1.png) center 4rem  no-repeat , url(../img/2.png) 70% 11.5rem no-repeat;
background-size: 14rem 13.5rem , 25.5rem 7rem , 8rem 6.5rem;
margin: 5rem auto 0;
border-radius: 1rem;
padding: 7rem 4rem 4rem 4rem;
background-color:#83d7a6;
}

.beginner_staff_block_02 .trend_area .ttl{
	text-align:center;
	font-size: 2.1rem;
	line-height: 2.4rem;
	color:#000;
font-weight: bold;
}
.beginner_staff_block_02 .trend_area .ttl_sub{
	display:inline-block;
	margin: 3.5rem auto 0;
	background:#49b577;
	padding: 0.6rem 3.5rem 0.8rem 3.5rem;
	font-size: 2.5rem;
	font-weight:bold;
	line-height: 1.5;
	color:#FFF;
border-radius: 10rem;
}
.beginner_staff_block_02 .trend_area p{
	color:#000;
	margin: 2rem auto 0;
text-align:center;
font-size: 1.6rem;
line-height: 1.8;
}


.beginner_staff_block_02 .trend_area .in_area22 ul{
	background:#FFF;
padding: 2.5rem 3.5rem;
border-radius: 0.6rem;
margin: 2rem auto 0;

}
.beginner_staff_block_02 .trend_area .in_area22 li {
    margin: 1rem 0;
}
.beginner_staff_block_02 .trend_area .in_area22 li span {
    background: #49b577;
    color: #FFF;
    font-weight: bold;
    font-size: 1.3rem;
    line-height: 1.5;
    height: 3.2rem;
    width: 9rem;
    margin: 0 1.5rem 0 0;
    text-align: center;
    display: inline-block;
    border-radius: 20rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 20rem;
    vertical-align: middle;
    padding: 0.7rem 0 0 0;
    letter-spacing: 0.3em;
}
.beginner_staff_block_02 .trend_area .in_area22 li a {
    vertical-align: middle;
    text-decoration: none;
    background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 1rem center;
    transition: all .3s ease;
    padding: 0 3rem 0 0;
    font-size: 1.5rem;
    line-height: 1.8;
}

.beginner_staff_block_02 .trend_area .in_area22 li a:hover {
    text-decoration: underline;
    background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0.5rem center;
}


.beginner_staff_block_02 .in_area2{
  max-width: 100rem;
  margin: 0 auto 0;
  background: url(../img/bg_img_002.png) left top no-repeat;
  background-size: 25.5rem 7rem;
  padding: 5rem 0 0 0;
}
.beginner_staff_block_02 .in_area2 .ttl{
  background: url(../img/bg_img_002.png) center top no-repeat;
  background-size: 32rem 8.8rem;
  text-align:center;
  font-size: 2.8rem;
  line-height: 1.8;
  color:#000000;
  padding: 6rem 0 0 0;
  font-weight:bold;
  margin: 0 0 4.5rem 0;
}
.beginner_staff_block_02 .in_area2 ul{
  background: url(../img/photo_img_003.png) right top no-repeat;
  background-size: 20rem 35.5rem;
}
.beginner_staff_block_02 .in_area2 li{
  margin: 1rem 0;
}
.beginner_staff_block_02 .in_area2 li a{
  vertical-align: middle;
  text-decoration: none;
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 1rem center;
   transition: all .3s ease;
   padding: 0 3rem 0 0;
   font-size: 1.5rem;
   line-height: 1.8;
}
.beginner_staff_block_02 .in_area2 li span{
  background:#c3c3c3;
  color:#FFF;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.3;
  height: 3.2rem;
  width: 9rem;
  margin: 0 1.5rem 0 0;
  text-align: center;
  display: inline-block;
  border-radius: 20rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 20rem;
  vertical-align: middle;
  padding: 0.7rem 0 0 0;
  letter-spacing: 0.3em;
}
.beginner_staff_block_02 .in_area2 li a:hover{
  text-decoration:underline;
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0.5rem center;
}




.beginner_staff_block_02 .white_blocks2{
  background:#FFF;
  padding: 7rem 0 0 0;
  margin: 2rem auto 0;
  max-width: 110rem;
}
.beginner_staff_block_02 .white_blocks2 .in_area{
  max-width: 110rem;
  margin: 0 auto 0;
  display: flex;
  justify-content: space-between;
}
.beginner_staff_block_02 .white_blocks2 .in_area .lefts{
  max-width: 37rem;
  order: 2;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights{
  max-width: 54rem;
  order: 1;
}

.beginner_staff_block_02 .white_blocks2 .in_area .lefts img{
  width: 100%;
 box-shadow: 2rem 2rem 2rem rgba(52,59,61,0.10);
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights .sub_ttl{
  font-size: 1.5rem;
  line-height: 1.8;
  color:#39cded;
  position: relative;
  display:inline-block;
  font-weight:bold;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights .sub_ttl:after{
  content:"";
  background:#39cded;
  width: 5rem;
  height: 0.1rem;
  position: absolute;
  right: -7rem;
  top: 49%;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights p{
  font-size: 1.5rem;
  line-height: 1.8;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights h3{
  font-size: 3.6rem;
  line-height: 1.8;
  color:#000;
  background: url(../img/icon_img_011.png) left center no-repeat;
  background-size: 7.4rem 7.4rem;
  padding: 1.5rem 0 1.5rem 10rem;
  margin: 1.5rem 0 3rem 0;
}





.beginner_staff_block_02 .in_area3{
  max-width: 110rem;
  margin: 3rem auto 0;
  background: url(../img/bg_img_003.png) right top no-repeat;
  background-size: 33.4rem 7rem;
  padding: 6rem 0 0 0;
}
.beginner_staff_block_02 .in_area3 .ttl{
  background: url(../img/bg_img_003.png) center top no-repeat;
  background-size: 42rem 8.8rem;
  text-align:center;
  font-size: 2.8rem;
  line-height: 1.8;
  color:#000000;
  padding: 6rem 0 0 0;
  font-weight: bold;
  margin: 0 0 5rem 0;
}

.beginner_staff_block_02 .att_area_06_box{
  display: flex;
  justify-content: space-between;
}
.beginner_staff_block_02 .att_area_06_box .box_06{
  width: 24%;
  max-width: 22rem;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a{
  width: 100%;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a .lefts {
    max-width: 22rem;
    width: 100%;
    overflow: hidden;
    background: #000;
    margin:0 0 2rem 0;
    filter: drop-shadow(1rem 1rem 1.2rem rgba(52,59,61,0.15));
}
.beginner_staff_block_02 .att_area_06_box .box_06 a .lefts img {
    width: 22rem;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a{
  text-decoration:none;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll{
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.8;
  color:#004e81;
  font-weight: bold;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll.extra{
  padding: 0 0 3rem 0;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll span{
  position: relative;
  display: inline;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right bottom -0.2rem;
   transition: all .3s ease;
   padding:0 0 0 0.5rem;
   width: 1.5rem;
   height: 1.5rem;
   display: inline-block;
   box-sizing: unset;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a p{
    margin: 1.5rem 0 0 0;
    color: #3c3c3c;
    font-size: 1.4rem;
    line-height: 1.8;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a:hover .tll{
  text-decoration:underline;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a:hover div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0 bottom -0.2rem;
   padding:0 0 0 1rem;
   width: 1.5rem;
   height: 1.5rem;
   display: inline-block;
}



.grd_link_01{
  text-align: center;
  position: relative;
}
.grd_link_01 a {
    padding: 2rem 5rem;
    font-size: 1.6rem;
    line-height: 1.8;
    color: #004e81;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    margin: 5rem auto 0;
    transition: .3s;
    display: inline-block;
    border: 2px solid #004e81;
    font-weight: bold;
    background:#FFF;
}

.grd_link_01 a span {
    background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 5px center;
    padding: 0 3rem;
    width: 100%;
    display: inline-block;
    transition: 0.3s;
}
.grd_link_01 a:hover span {
    background-position: right 0px center;
    text-decoration:underline;
}


.beginner_staff_block_02 .in_area4{
  max-width:110rem;
  margin:6rem auto 0;
  border:0.5rem solid #FFF;
  display:flex;
  justify-content: space-between;
  padding:5rem 4rem;
}
.beginner_staff_block_02 .in_area4 .leftss{
  max-width:49rem;
  width:100%;
}
.beginner_staff_block_02 .in_area4 .rightss{
  max-width:49rem;
  width:100%;
}
.beginner_staff_block_02 .in_area4 .leftss a,
.beginner_staff_block_02 .in_area4 .rightss a{
  display:flex;
  justify-content: space-between;
  width:49rem;
}
.beginner_staff_block_02 .in_area4 .leftss .lefts,
.beginner_staff_block_02 .in_area4 .rightss .lefts{
    max-width: 20rem;
    width: 100%;
    overflow: hidden;
    background: #000;
    margin:0 0 0px 0;
    filter: drop-shadow(1rem 1rem 1.2rem rgba(52,59,61,0.15));
}

.beginner_staff_block_02 .in_area4 .leftss a .lefts img,
.beginner_staff_block_02 .in_area4 .rightss a .lefts img{
    width: 20rem;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.beginner_staff_block_02 .in_area4 .leftss a:hover .lefts img,
.beginner_staff_block_02 .in_area4 .rightss a:hover .lefts img{
    transform: scale(1.1,1.1);
    opacity: 0.8;
}

.beginner_staff_block_02 .in_area4 .rs{
  max-width:26rem;
}




.beginner_staff_block_02 .in_area4 a{
  text-decoration:none;
}
.beginner_staff_block_02 .in_area4 a .tll{
  display: flex;
  align-items: center;
  font-size: 2.1rem;
  line-height: 1.5;
  color:#004e81;
  font-weight: bold;
}
.beginner_staff_block_02 .in_area4 a .tll span{
  position: relative;
  display:inline;
}
.beginner_staff_block_02 .in_area4 a .tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0 bottom;
   transition: all .3s ease;
   padding:0 0 0 0.5rem;
   width: 1.5rem;
   height: 1.5rem;
   display: inline-block;
   box-sizing: unset;
}
.beginner_staff_block_02 .in_area4 a p{
    margin: 1rem 0 0 0;
    color: #3c3c3c;
    font-size: 1.4rem;
    line-height: 1.8;
}
.beginner_staff_block_02 .in_area4 a:hover .tll{
  text-decoration:underline;
}
.beginner_staff_block_02 .in_area4 a:hover div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0 bottom;
   padding:0 0 0 1rem;
   width: 1.5rem;
   height: 1.5rem;
   display:inline-block;
}

.com_area{
  padding: 4rem 0;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  margin: 7rem auto 5rem;
  position: relative;
}
.link_block.extra{
  margin: 0 auto 0;
}
.link_block {
    text-align: center;
    margin: 2rem auto 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.link_block p{
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -2rem;
  margin: auto;
}
.link_block em{
  font-weight: bold;
  font-style: normal;
  color: #000;
  font-size: 2.4rem;
  line-height: 1.5;
  margin:0 0 1.5rem 0;
  position: relative;
  display:inline-block;
  padding: 0 4.5rem;
  background:#FFF;
}
.link_block div{
  width: 100%;
  text-align:center;
}
.link_block p em:before{
  content:"";
  background: url(../img/left_icon_line.png) left bottom no-repeat;
  background-size: 3rem 3rem;
  left: 0;
  bottom: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  position: absolute;
}
.link_block p em:after{
  content:"";
  background: url(../img/right_icon_line.png)  bottom no-repeat;
  background-size: 3rem 3rem;
  position: absolute;
  right: 0;
  bottom: 0;
  display: block;
  width: 3rem;
  height: 3rem;
  position: absolute;
}

.link_block a {
    display: inline-block;
    background: #f17a3c;
    color: #FFF;
    font-size: 2.1rem;
    line-height: 1.8;
    font-weight: bold;
    padding: 2rem 6rem 2.4rem 6rem;
    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;
}










.beginner_staff_block_03{
  background:#d5fff0;
  margin: 0px auto 0;
  border-top: 2px solid #49b478;
  border-bottom: 2px solid #49b478;
  padding: 8rem 0 8rem 0;
  position: relative;
}
.beginner_staff_block_03 h2{
  font-size: 4.2rem;
  font-weight: bold;
  text-align: center;
  color:#49b478;
  line-height: 1.8;
  background: url(../img/icon_img_012.png) left center no-repeat;
  background-size: 3.6rem 5.5rem;
  display: inline-block;
  padding:0 0 0 6rem;
  margin:0 0 2rem 0;
}
.beginner_staff_block_03 .icon_ttl{
  position: absolute;
  top: -3.5rem;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 25.3rem;
  width: 100%;
}
.beginner_staff_block_03 .text01{
  font-size: 1.6rem;
 line-height: 1.8;
}
.beginner_staff_block_03 .text01 em {
    background: linear-gradient(transparent 50%, #fbff84 0%);
    display: inline;
    font-weight: bold;
    font-style: normal;
}
.beginner_staff_block_03 .tr{
  text-align:center;
}
.beginner_staff_block_03 .white_block{
  max-width: 110rem;
  margin: 5rem auto 0;
  padding: 5rem;
  background:#FFF;
}
.beginner_staff_block_03 .white_block a{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.beginner_staff_block_03 .block03_area{
  margin: 0 0 4rem 0;
}
.beginner_staff_block_03 .block03_area.lst{
  margin: 0;
}
.beginner_staff_block_03 .white_block a{
  width: 100%;
}
.beginner_staff_block_03 .white_block a .lefts {
    max-width: 26.5rem;
    width: 100%;
    overflow: hidden;
    background: #000;
    margin:0 0 0 0;
    filter: drop-shadow(1rem 1rem 1.2rem rgba(52,59,61,0.15));
}
.beginner_staff_block_03 .white_block a .lefts img {
    width: 26.5rem;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.beginner_staff_block_03 .white_block a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}

.beginner_staff_block_03 .white_block a .rights{
  max-width: 67.5rem;
  width: 100%;
}
.beginner_staff_block_03 .white_block a{
  text-decoration:none;
}
.beginner_staff_block_03 .white_block a .tll{
  display: flex;
  align-items: center;
  font-size: 2.8rem;
  line-height: 1.8;
  color:#004e81;
  font-weight: bold;
}
.beginner_staff_block_03 .white_block a .tll span{
  position: relative;
  display:inline;
}
.beginner_staff_block_03 .white_block a .tll em{
  display:inline-block;
  background:#004e81;
  color:#FFF;
  font-size: 1.3rem;
  line-height: 1.2;
  font-style: normal;
  padding: 1rem 2.5rem;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    margin:0 2rem 0 0;
    vertical-align: middle;
    font-weight: normal;
}
.beginner_staff_block_03 .white_block a .tll span:after{
  content:"";
  background-image: url(../img/icon_img_013.png);
    background-repeat: no-repeat;
    background-size: 2.2rem 2.2rem;
    background-position: right 0 bottom;
   transition: all .3s ease;
   padding:0 0 0 1.5rem;
   width: 2.2rem;
   height: 2.2rem;
   display: inline-block;
   box-sizing: unset;
}
.beginner_staff_block_03 .white_block a p{
    margin: 1.5rem 0 0 0;
    color: #3c3c3c;
    font-size: 1.5rem;
    line-height: 1.8;
}
.beginner_staff_block_03 .white_block a:hover .tll{
  text-decoration:underline;
}
.beginner_staff_block_03 .white_block a:hover div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_013.png);
    background-repeat: no-repeat;
    background-size: 2.2rem 2.2rem;
    background-position: right 0 bottom;
   padding:0 0 0 2rem;
   width: 2.2rem;
   height: 2.2rem;
   display: inline-block;
   box-sizing: unset;
}

#report{
  padding: 5rem 0 0 0;
}

.mail_block{
  padding: 5rem;
  background:#e9f6ff;
    margin: 5rem auto 0;
}
.mail_area{
  text-align:center;
  font-size: 1.6rem;
    line-height: 1.8;
    font-weight: bold;
    color:#004e81;
}


@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;
}

  .mail_block {
    padding: 3rem 2rem 3rem 2rem;
    background: #e9f6ff;
    margin: 3rem auto 0;
}
.mail_area{
  font-size: 1.5rem;
    line-height: 1.8;
}


.fx_nv.is-fixed {
    background: #f4f4f4;;
    border-bottom:none;
}
  .fx_nv.is-fixed li a{
display: inline-block;
    text-decoration: underline;
    color: #004e81;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 1.2rem 1rem 1.2rem 2rem;
}
  .fx_nv.is-fixed li:nth-child(2) a, .fx_nv.is-fixed li:nth-child(4) a {
    padding: 1.2rem 0 1.2rem 2rem;
}


#report{
  padding:0px 0 0 0;
}

  .fx_nv.is-fixed {
    position: relative;
    top: auto;
    right:auto;
    left: auto;
    z-index: auto;
    width: 100%;
  }
.beginner_staff__h1Block{
  margin-top:0 !important;
}
  .beginner_staff{
    padding:0;
}  
  .beginner_staff__h1Block {
  background: url(../img/bg_img_001.png);
  background-size: 0.4rem 0.4rem;
  margin-bottom: 0px;
    background-color:#1cbea1;
    text-align:center;
    padding: 1.5rem;
    height:auto;
  }
  .beginner_staff__h1Block h1{
    font-size: 2.1rem;
    line-height: 2.3rem;
    padding: 0; 
    margin: 0 0 0 0;
    letter-spacing: 0.05em;
  }
  .beginner_staff__h1Block h1 span{
    color:#faffb1;
  }
  .beginner_staff {
    min-width: inherit;
    padding-bottom: 5rem;
    margin-bottom: 5rem;
  }
  .beginner_staff__h1Block h1:before {
      content: "";
      background: url(../img/icon_img_003.png) left top no-repeat;
      background-size: 5.4rem 5.4rem;
      position: absolute;
      left: -6rem;
      top: auto;
     bottom: -1.7rem;
      width: 5.4rem;
      height: 5.4rem;
    }

  .beginner_staff__h1Block h1:after {
      content: "";
      background: url(../img/icon_img_004.png) left top no-repeat;
      background-size: 6rem 4.4rem;
      position: absolute;
      right: -6rem;
      top: auto;
      bottom: -1.7rem;
      width: 6rem;
      height: 4.4rem;
  }


  .fx_nv ul {
    min-width:100%;
      width:100%;
      max-width: auto;
      margin: auto;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      align-items: center;
  }
.fx_nv ul li:nth-child(1),
.fx_nv ul li:nth-child(3){
    width: 100%;
    text-align: left;
    border-right:none;
}
.fx_nv ul li:nth-child(2),
.fx_nv ul li:nth-child(4){
    width: 100%;
    text-align: left;
}
.fx_nv ul li a {
    display: inline-block;
    text-decoration: underline;
    color: #004e81;
    width: 100%;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 1.2rem 1rem 1.2rem 2rem;
}
.fx_nv ul li:nth-child(2) a,
.fx_nv ul li:nth-child(4) a{
  padding: 1.2rem 0 1.2rem 2rem;
}
.fx_nv ul li a span {
    background: url(../img/icon_img_005.png) right 0.9rem no-repeat;
    background-size: 1rem 0.4rem;
    padding: 0 1.5rem 0 0;
}
.fx_nv ul li:nth-child(1),
.fx_nv ul li:nth-child(2),
.fx_nv ul li:nth-child(3),
.fx_nv ul li:nth-child(4){
  border-bottom: 1px solid #FFF;
}

.fx_nv ul li a:hover span {
    background: url(../img/icon_img_005.png) right 0.9rem no-repeat;
    background-size: 1rem 0.4rem;
    padding: 0 1.5rem 0 0;
}















.beginner_staff_block_01{
  max-width:auto;
  margin: 4rem auto 4rem;
  display: block;
  padding: 0 2rem;
}
.beginner_staff_block_01 p{
  font-size: 1.5rem;
  line-height: 1.8;
  margin:0 0 2rem 0;
}
.beginner_staff_block_01 p:last-child{
  margin: 0;
}
.beginner_staff_block_01 p em{
  background: linear-gradient(transparent 50%, #fbff84 0%);
  display: inline;
  font-weight:bold;
  color:#19bde0;
  font-style:normal;
}
.beginner_staff_block_01 div:nth-child(1){
  max-width:100%;
}
.beginner_staff_block_01 div:nth-child(2){
  max-width:100%;
  padding: 2rem 0 0 0;
}
.beginner_staff_block_01 div:nth-child(2) img{
  width:100%;
}









.beginner_staff_block_02{
  background:#dbf9ff;
  margin: 7rem auto 0;
  border-top: 2px solid #19a7c6;
  padding: 5rem 2rem 5rem 2rem;
  position: relative;
}
.beginner_staff_block_02 h2{
  font-size: 2.1rem;
  text-align:center;
  color:#19a7c6;
  line-height: 1.8;
  background: url(../img/icon_img_008.png) center top no-repeat;
  background-size: 3.6rem 5rem;
  display: inline-block;
  padding: 6rem 0 0 0;
  margin: 0 0 2rem 0;
}
.beginner_staff_block_02 .icon_ttl{
  position: absolute;
  top: -1.5rem;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 15rem;
}
.beginner_staff_block_02 .icon_ttl img{
  width: 100%;
}
.beginner_staff_block_02 .tr{
  text-align:center;
}
.beginner_staff_block_02 .text01{
  color:#3c3c3c;
  font-size: 1.5rem;
  line-height: 1.8;
  margin: 0 2rem;
}

.beginner_staff_block_02 .white_blocks{
  background:#FFF;
  padding: 2rem 0;
  margin: 2rem 0 0 0;
}
.beginner_staff_block_02 .white_blocks .in_area{
  max-width: auto;
  margin: 0 auto 0;
  display: block;
  padding: 0 2rem;
}
.beginner_staff_block_02 .white_blocks .in_area .lefts{
  max-width: 100%;
  width: 100%;
}
.beginner_staff_block_02 .white_blocks .in_area .rights{
  max-width: 100%;
  width: 100%;
}

.beginner_staff_block_02 .white_blocks .in_area .lefts img{
  width: 100%;
  /*
 box-shadow: 20px 20px 20px rgba(52,59,61,0.15);
  */
  box-shadow:none;
}
.beginner_staff_block_02 .white_blocks .in_area .rights .sub_ttl{
  font-size: 1.4rem;
  line-height: 1.5;
  color:#39cded;
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin: 4rem 0 0 0;
}
.beginner_staff_block_02 .white_blocks .in_area .rights .sub_ttl:after{
  content:"";
  background:#39cded;
  width: 5rem;
  height: 0.1rem;
  position: absolute;
  right:-7rem;
  top: 49%;
}
.beginner_staff_block_02 .white_blocks .in_area .rights p{
  font-size: 1.5rem;
  line-height: 1.8;
}
.beginner_staff_block_02 .white_blocks .in_area .rights h3{
  font-size: 2.1rem;
  line-height: 1.8;
  color:#000;
  background: url(../img/icon_img_009.png) left center no-repeat;
  background-size: 5rem 6rem;
  padding:0 0 0 6rem;
  margin: 1.5rem 0 3rem 0;
}


.beginner_staff_block_02 .in_area2{
  max-width:auto;
  margin: 3rem auto 0;
  padding: 4rem 2rem 2rem 2rem;
  background: url(../img/bg_img_002.png) 2rem top no-repeat;
  background-size: 25.5rem 7rem;
}
.beginner_staff_block_02 .in_area2 .ttl{
  background: url(../img/bg_img_002.png) center top no-repeat;
  background-size: 24rem 6.6rem;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.8;
  color:#000000;
  padding: 4rem 0 0 0;
  font-weight: bold;
  margin:0 0 3rem 0;
}
.beginner_staff_block_02 .in_area2 ul{
  /*
  background: url(../img/photo_img_003.png) right top no-repeat;
  background-size:200px 355px;
  */
  background: url(../img/photo_img_003sp.png) right top no-repeat;
  background-size: 20rem 35.5rem;
}
.beginner_staff_block_02 .in_area2 li{
  margin: 1.5rem 0;
}
.beginner_staff_block_02 .in_area2 li a{
  vertical-align:middle;
  text-decoration:none;
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 1rem center;
   transition: all .3s ease;
   padding:0 3rem 0 0;
   font-size: 1.4rem;
   line-height: 1.2;
}
.beginner_staff_block_02 .in_area2 li span{
  background:#c3c3c3;
  color:#FFF;
  font-weight:bold;
  font-size: 1.1rem;
  line-height: 1;
  height: 2.4rem;
  width: 7rem;
  margin: 0 1.5rem 0 0;
  text-align: center;
  display: inline-block;
  border-radius: 20rem;
  -webkit-border-radius: 2rem;
  -moz-border-radius: 20rem;
  vertical-align: middle;
  padding: 0.4rem 0 0 0;
  letter-spacing: 0.3em;
}
.beginner_staff_block_02 .in_area2 li a:hover{
  text-decoration: underline;
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0.5rem center;
}




.beginner_staff_block_02 .white_blocks2{
  background:#FFF;
  padding: 2rem 0 0 0;
  margin: 2rem 0 0 0;
}
.beginner_staff_block_02 .white_blocks2 .in_area{
  max-width: auto;
  margin: 0 auto 0;
  display: block;
  padding: 0 2rem;
}
.beginner_staff_block_02 .white_blocks2 .in_area .lefts{
  max-width: 100%;
  order: auto;
  width: 100%;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights{
  max-width: 100%;
  order: auto;
  width: 100%;
}

.beginner_staff_block_02 .white_blocks2 .in_area .lefts img{
  width: 100%;
  /*
 box-shadow: 20px 20px 20px rgba(52,59,61,0.15);
 */
 box-shadow: none;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights .sub_ttl{
  font-size: 1.4rem;
  line-height: 1.5;
  color:#39cded;
  position: relative;
  display:inline-block;
  font-weight:bold;
  margin: 4rem 0 0 0;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights .sub_ttl:after{
  content:"";
  background:#39cded;
  width: 5rem;
  height: 0.1rem;
  position: absolute;
  right:-7rem;
  top:49%;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights p{
  font-size:1.5rem;
  line-height:1.5;
}
.beginner_staff_block_02 .white_blocks2 .in_area .rights h3{
font-size: 2.1rem;
    line-height: 1.5;
  color:#000;
  background: url(../img/icon_img_011.png) left center no-repeat;
  background-size:5rem 5rem;
  padding: 1rem 0 1rem 7rem;
  margin: 1.5rem 0 2rem 0;
}





.beginner_staff_block_02 .in_area3{
  max-width:auto;
  margin:3rem auto 0;
}
.beginner_staff_block_02 .in_area3 .ttl{
  background: url(../img/bg_img_003.png) center top no-repeat;
  background-size:31.5rem 6.6rem;
  text-align:center;
  font-size:1.8rem;
  line-height:1.8;
  color:#000000;
  padding: 4rem 0 0 0;
    font-weight: bold;
    margin: 0 0 3rem 0;
}

.beginner_staff_block_02 .att_area_06_box{
  display:block;
  padding:0 2rem;
}
.beginner_staff_block_02 .att_area_06_box .box_06{
  width:100%;
  max-width:100%;
  margin:0 0 4rem 0;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a{
  width: 100%;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a .lefts {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    margin:0 0 2rem 0;
    /*
    filter: drop-shadow(15px 15px 20px rgba(52,59,61,0.15));
    */
    filter: drop-shadow(0px 0px 0px rgba(52,59,61,0));
}
.beginner_staff_block_02 .att_area_06_box .box_06 a .lefts img {
    width: 100%;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a{
  text-decoration:none;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll{
  display: flex;
  align-items: center;
  font-size:1.8rem;
  line-height:1.8;
  color:#004e81;
  font-weight: bold;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll.extra{
  padding:0px 0 0px 0;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll span{
  position: relative;
  display:inline;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0px bottom;
   transition: all .3s ease;
   padding:0 0 0 0.5rem;
   width: 1.5rem;
   height: 1.5rem;
   display:inline-block;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a p{
    margin: 1rem 0 0 0;
    color: #3c3c3c;
    font-size: 1.4rem;
    line-height: 1.2;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a:hover .tll{
  text-decoration:underline;
}
.beginner_staff_block_02 .att_area_06_box .box_06 a:hover div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0 bottom;
   padding:0 0 0 1rem;
   width:1.5rem;
   height:1.5rem;
   display:inline-block;
}



.grd_link_01{
  text-align: center;
  position: relative;
  margin:0 2rem;
}
.grd_link_01 a {
    padding: 1.5rem 3rem;
    font-size: 1.5rem;
    line-height: 1.5;
    color: #004e81;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    margin: 0 auto 0;
    transition: .3s;
    display: inline-block;
    border:2px solid #004e81;
    font-weight:bold;
    background:#FFF;
}

.grd_link_01 a span {
    background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0.5rem center;
    padding: 0 3rem;
    width: 100%;
    display: inline-block;
    transition: 0.3s;
}
.grd_link_01 a:hover span {
    background-position: right 0 center;
    text-decoration:underline;
}


.beginner_staff_block_02 .in_area4{
  max-width:110rem;
  margin:3rem auto 0;
  background:#FFF;
  display:block;
  padding:3rem 2rem;
}
.beginner_staff_block_02 .in_area4 .leftss{
  max-width:47rem;
  width:100%;
}
.beginner_staff_block_02 .in_area4 .rightss{
  max-width:47rem;
  width:100%;
}
.beginner_staff_block_02 .in_area4 .leftss a,
.beginner_staff_block_02 .in_area4 .rightss a{
  display:block;
  width:100%;
  margin:0 0 3rem 0;
}
.beginner_staff_block_02 .in_area4 .leftss .lefts,
.beginner_staff_block_02 .in_area4 .rightss .lefts{
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    background: #FFF;
    margin:0 0 2rem 0;
    filter: drop-shadow(0px 0px 0px rgba(52,59,61,0));
}

.beginner_staff_block_02 .in_area4 .leftss a .lefts img,
.beginner_staff_block_02 .in_area4 .rightss a .lefts img{
    width:100%;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.beginner_staff_block_02 .in_area4 .leftss a:hover .lefts img,
.beginner_staff_block_02 .in_area4 .rightss a:hover .lefts img{
    transform: scale(1.1,1.1);
    opacity: 0.8;
}

.beginner_staff_block_02 .in_area4 .rs{
  max-width:100%;
}




.beginner_staff_block_02 .in_area4 a{
  text-decoration:none;
}
.beginner_staff_block_02 .in_area4 a .tll{
  display: flex;
  align-items: center;
  font-size:1.8rem;
  line-height:1.5;
  color:#004e81;
  font-weight: bold;
  margin:0px 0 0 0;
}
.beginner_staff_block_02 .in_area4 a .tll span{
  position: relative;
  display:inline;
}
.beginner_staff_block_02 .in_area4 a .tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0px bottom;
   transition: all .3s ease;
   padding:0 0px 0 0.5rem;
   width: 1.5rem;
   height: 1.5rem;
   display:inline-block;
}
.beginner_staff_block_02 .in_area4 a p{
    margin: 1rem 0 0 0;
    color: #3c3c3c;
    font-size: 1.4rem;
    line-height: 1.5;
}
.beginner_staff_block_02 .in_area4 a:hover .tll{
  text-decoration: underline;
}
.beginner_staff_block_02 .in_area4 a:hover div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0 bottom;
   padding:0 0 0 1rem;
   width:1.5rem;
   height:1.5rem;
   display:inline-block;
}





.link_block {
    text-align: center;
    margin:2rem auto 0;
}
.link_block a {
    display: inline-block;
    background: #f17a3c;
    color: #FFF;
    font-size: 1.5rem;
    line-height: 1.2;
    font-weight: bold;
    padding: 1.8rem 3rem 2rem 3rem;
    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;
}







.beginner_staff_block_03{
  background:#d5fff0;
  margin:0px auto 0;
  border-top:2px solid #49b478;
  border-bottom:2px solid #49b478;
  padding:5rem 2rem 5rem 2rem;
  position: relative;
}
.beginner_staff_block_03 h2{
  font-size:2.1rem;
  text-align:center;
  color:#49b478;
  line-height:1.5;
  background: url(../img/icon_img_012.png) center top no-repeat;
  background-size: 3.6rem 5.5rem;
  display: inline-block;
  padding: 6.5rem 0 0 0;
  margin:0 0 2rem 0;
}
.beginner_staff_block_03 .icon_ttl{
  position: absolute;
    top: -1.5rem;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 15rem;
}
.beginner_staff_block_03 .text01{
color: #3c3c3c;
    font-size: 1.5rem;
    line-height: 1.2;
    margin: 0;
}
.beginner_staff_block_03 .tr{
  text-align: center;
}
.beginner_staff_block_03 .white_block{
  max-width: 110rem;
  margin: 3rem auto 0;
  padding: 3rem 2rem;
  background:#FFF;
}
.beginner_staff_block_03 .white_block a{
  display: block;
  align-items: center;
}

.beginner_staff_block_03 .block03_area{
  margin: 0 0 4rem 0;
}
.beginner_staff_block_03 .block03_area.lst{
  margin: 0;
}
.beginner_staff_block_03 .white_block a{
  width: 100%;
}
.beginner_staff_block_03 .white_block a .lefts {
    max-width: 100%;
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin: 0 0 2rem 0;
    filter: drop-shadow(0px 0px 0px rgba(52,59,61,0));
}
.beginner_staff_block_03 .white_block a .lefts img {
    width: 100%;
    display: block;
    transition: 0.6s;
    margin: 0;
}
.beginner_staff_block_03 .white_block a:hover .lefts img {
    transform: scale(1.1,1.1);
    opacity: 0.8;
}

.beginner_staff_block_03 .white_block a .rights{
  max-width: 100%;
  width:100%;
}
.beginner_staff_block_03 .white_block a{
  text-decoration:none;
}
.beginner_staff_block_03 .white_block a .tll{
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  line-height: 1.8;
  color:#004e81;
  font-weight: bold;
}
.beginner_staff_block_03 .white_block a .tll span{
  position: relative;
  display:inline;
}
.beginner_staff_block_03 .white_block a .tll em{
  display:block;
  background:#004e81;
  color:#FFF;
  font-size:1.2rem;
  line-height:1;
  font-style:normal;
  padding: 0.8rem 2rem;
    border-radius: 10rem;
    -webkit-border-radius: 10rem;
    -moz-border-radius: 10rem;
    margin:0 2rem 0 0;
    vertical-align:middle;
    font-weight:normal;
    text-align:center;
}
.beginner_staff_block_03 .white_block a .tll span:after{
  content:"";
  background-image: url(../img/icon_img_013.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0 bottom;
   transition: all .3s ease;
   padding:0 0 0 1rem;
   width:1.5rem;
   height:1.5rem;
   display:inline-block;
}
.beginner_staff_block_03 .white_block a p{
    margin: 1rem 0 0 0;
    color: #3c3c3c;
    font-size: 1.4rem;
    line-height: 1.2;
}
.beginner_staff_block_03 .white_block a:hover .tll{
  text-decoration:underline;
}
.beginner_staff_block_03 .white_block a:hover div.tll span:after{
  content:"";
  background-image: url(../img/icon_img_013.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0 bottom;
   padding:0 0 0 1rem;
   width: 1.5rem;
   height: 1.5rem;
   display: inline-block;
}





.beginner_staff_block_02 .trend_area{
background: url(../img/1.png) 10% 3rem no-repeat , url(../img/2.png) 90% 6.8rem no-repeat , url(../img/bg1.png) center 2rem  no-repeat;
background-size: 9rem 8.7rem , 5rem 4.1rem , 25.5rem 7rem;
margin: 2rem 0 0 0;
border-radius: 0px;
padding: 6rem 2rem 2rem 2rem;
background-color:#83d7a6;
}

.beginner_staff_block_02 .trend_area .ttl{
	text-align:center;
	font-size: 1.4rem;
	line-height: 1.5;
	color:#000;
font-weight:bold;
}
.beginner_staff_block_02 .trend_area .ttl_sub{
	display: inline-block;
	margin: 2rem auto 0;
	background:#49b577;
	padding: 0.6rem 3.5rem 0.8rem 3.5rem;
	font-size: 2.1rem;
	font-weight:bold;
	line-height: 1.5;
	color:#FFF;
border-radius: 10rem;
}
.beginner_staff_block_02 .trend_area p{
	color:#000;
	margin: 2rem auto 0;
text-align: center;
font-size: 1.4rem;
line-height: 1.8;
padding: 0 0;
}


.beginner_staff_block_02 .trend_area .in_area22 ul{
	background:#FFF;
padding: 1rem 2rem;
border-radius: 0.6rem;
margin: 2rem auto 0;

}
.beginner_staff_block_02 .trend_area .in_area22 li {
    margin: 1rem 0;
}
.beginner_staff_block_02 .trend_area .in_area22 li span {
    background: #49b577;
	color: #FFF;
    font-weight: bold;
    font-size: 1.1rem;
    line-height: 1;
    height: 2.4rem;
    width: 7rem;
    margin: 0 1.5rem 0.2rem 0;
    text-align: center;
    display: inline-block;
    border-radius: 20rem;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 20rem;
    vertical-align: middle;
    padding: 0.4rem 0 0 0;
    letter-spacing: 0.3em;
}
.beginner_staff_block_02 .trend_area .in_area22 li a {
vertical-align: middle;
    text-decoration: none;
    background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 1rem center;
    transition: all .3s ease;
    padding: 0 3rem 0 0;
    font-size: 1.4rem;
    line-height: 1.2;
}

.beginner_staff_block_02 .trend_area .in_area22 li a:hover {
    text-decoration: underline;
    background-image: url(../img/icon_img_010.png);
    background-repeat: no-repeat;
    background-size: 1.5rem 1.5rem;
    background-position: right 0.5rem center;
}


.com_area{
  padding:2rem 0;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
  margin:7rem auto 3rem;
  position: relative;
}
.link_block.extra{
  margin:0 auto 0;
}
.link_block {
    text-align: center;
    margin:2rem auto 0;
    display:flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}
.link_block p{
  display:block;
  position: absolute;
  left:0;
  right:0;
  top:-2rem;
  margin: auto;
}
.link_block em{
  font-weight:bold;
  color:#000;
  font-size: 1.8rem;
  line-height: 1.8;
  margin:0 0 1rem 0;
  position: relative;
  display:inline-block;
  padding:0 4.5rem;
  background:#FFF;
}
.link_block div{
  width:100%;
  text-align:center;
}
.link_block p em:before{
  content:"";
  background: url(../img/left_icon_line.png) left bottom no-repeat;
  background-size: 3rem 3rem;
  left:0;
  bottom:0;
  display:block;
  width:3rem;
  height:3rem;
  position:absolute;
}
.link_block p em:after{
  content:"";
  background: url(../img/right_icon_line.png)  bottom no-repeat;
  background-size: 3rem 3rem;
  position:absolute;
  right:0;
  bottom:0;
  display:block;
  width:3rem;
  height:3rem;
  position:absolute;
}
.com_area.extra{
  margin:10rem auto 3rem;
  padding: 2rem 0 2rem 0;
}
.ttl_extra2 p{
  top:-5rem;
}


}