@charset "UTF-8";

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent}@media screen and (min-width:768px){html{font-size:75%}}@media screen and (max-width:767px){html{font-size:62.5%}}body{color:#000;line-height:1.8;font-size:1.7rem;font-smoothing:antialiased;font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;padding:0;vertical-align:baseline;text-decoration:none;color:inherit;outline:0}ins{text-decoration:none}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}img{vertical-align:middle;width:100%;max-width:100%;height:auto;font-style:italic;shape-margin:0.75rem;background-repeat: no-repeat;background-size: cover;}button,img{line-height:1}button{background-color:transparent;border:0;cursor:pointer;padding:0;appearance:none}:focus,button{outline:0}*{box-sizing:border-box}
*{
	min-height:0;
	min-width : 0;
}
body {
  line-height: 1.8;
  color: #000;
  font-size: 1.6rem;
  font-family: "Noto Sans JP", sans-serif;
}

/*
font-family: "Noto Serif JP", serif;
*/

html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}

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

a{
  transition: ease .3s;
}

a[href^="tel:"] {
	pointer-events: none;
}

.display_sp{ display: none!important;}

.inner{
  display: block;
  width: min(100%, 1200px);
  margin: 0 auto;
}

@media screen and (max-width: 767px) {
  .display_sp{ display: block!important;}
  .display_pc{ display: none!important;}
  img{
    max-width: 100%!important;
    height: auto!important;
    display: block;
    margin: 0 auto;
  }
  a[href^="tel"] {
    pointer-events: auto;
    cursor: pointer;
  }
}

/**********************************/
#hybrid_training_program_lp{

}

.title{
  position: relative;
}

.title .btn_soudan{
  width: 40%;
  position: absolute;
  bottom: 7%;
  left: 50%;
  transform: translateX(-50%);
}

.btn_soudan a{
  display: block;
}

.btn_soudan a:hover{
  filter: brightness(1.2);
}

@media (max-width: 767px){
  .title .btn_soudan{
    width: 100%;
    bottom: 12vw;
    left: 0;
    transform: translateX(0%);
  }
}

.bg, .bg2{
  padding: 150px 20px;
}

.bg{
  background: url(../img/bg.webp) no-repeat center top / cover;
}

.bg2{
  background: url(../img/bg2.webp) no-repeat center top / cover;
}

@media (max-width: 767px){
  .bg, .bg2{
    padding: 50px 15px;
  }
  .bg{
    background-image: url(../img/bg_sp.webp);
  }
  .bg2{
    background-image: url(../img/bg2_sp.webp);
  }
}

.osusume_wrap .btn_soudan{
  width: min(100%, 744px);
  margin: 50px auto 0 auto;
}

@media (max-width: 767px){
  .osusume_wrap .btn_soudan{
    margin-top: 25px;
  }
}

.present{
  padding: 130px 20px 100px 20px;
  background: url(../img/present_bg.webp) no-repeat center top / cover;
}

.present img{
  width: auto;
}

.present .btn_soudan{
  width: 522px;
  margin-top: 55px;
}

@media (max-width: 767px){
  .present{
    padding: 10vw 30px 54vw 30px;
    background-image: url(../img/present_bg_sp.webp);
  }
  .present img{
    width: 100%;
  }
  .present .btn_soudan{
    width: 100%;
    margin-top: 8vw;
  }
}