@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src:url(../font/NotoSansCJKjp-Regular.otf) format('opentype'),
    url(../font/NotoSansCJKjp-Regular.ttf)  format('truetype'),
    url(../font/NotoSansCJKjp-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 500;
  src:url("../font/NotoSansCJKjp-Medium.otf") format('opentype'),
    url("../font/NotoSansCJKjp-Medium.ttf")  format('truetype'),
    url("../font/NotoSansCJKjp-Medium.woff") format('woff');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: bold;
  font-weight: 700;
  src:url(../font/NotoSansCJKjp-Bold.otf) format('opentype'),
    url(../font/NotoSansCJKjp-Bold.ttf)  format('truetype'),
    url(../font/NotoSansCJKjp-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Noto Sans Japanese';
  font-weight: 900;
  src:url("../font/NotoSansCJKjp-Black.otf") format('opentype'),
    url("../font/NotoSansCJKjp-Black.ttf")  format('truetype'),
    url("../font/NotoSansCJKjp-Black.woff") format('woff');
}
@font-face {
  font-family: 'Noto Serif JP';
  font-style: bold;
  font-weight: 700;
  src:url("../font/NotoSerifJP-Bold.otf") format('opentype'),
    url("../font/NotoSerifJP-Bold.ttf")  format('truetype'),
    url("../font/NotoSerifJP-Bold.woff") format('woff');
}
body{
  font-family: YakuHanJP, 'Noto Sans Japanese';
  line-height: 1.5;/*android用*/
  -webkit-text-size-adjust: 100%;
}
body.open{
  height: 100%;
  overflow: hidden;
}
a{
  text-decoration: none;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
.lom_overwrap{
  width: 100%;
  max-width: 1200px;
  margin: auto;
}
.lom_wrap{
  width: 100%;
  max-width: 1000px;
  margin: auto;
}
.lom_innerwrap{
  width: 100%;
  max-width: 880px;
  margin: auto;
}
input{-webkit-tap-highlight-color:rgba(0,0,0,0);}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
  border-radius: 0;
}
input[type="number"] {-moz-appearance:textfield;}
button,
select,
textarea{
  font-family: YakuHanJP, "Noto Sans Japanese", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-size: 1rem;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
a:focus,
input:focus,
button:focus,
textarea:focus,
select:focus{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  outline: 0;
}


.zoomanim{animation: fadezoom 20s linear forwards;}
@keyframes fadezoom{
  0%{transform: scale(1);}
  100%{transform: scale(1.2);}
}


.lom_br{display: block;}



.lom_header{
  position: fixed;
  width: 100%;
  height: 72px;
  left: 0;
  top: 0;
  background-color: rgba(46,182,170,0.70);
  z-index: 1000;
}
.lom_header.active{
  height: 88px;
  border-bottom: 16px solid #F69D00;
}
.lom_header .lom_wrap{
  position: relative;
  padding-top: 24px;
}
.lom_header .lom_wrap>p,
.lom_header .lom_wrap>h1{
  position: absolute;
  width: 170px;
  height: 170px;
  left: 0;
  top: 32px;
}
.lom_header.active .lom_wrap>p,
.lom_header.active .lom_wrap>h1{
  width: 70px;
  height: 70px;
  top: 8px;
}
.lom_header .lom_wrap>p a,
.lom_header .lom_wrap>h1 a{
  display: block;
  padding: 9px 16px;
  background-color: #FFFFFF;
  border-radius: 3px;
}
.lom_header.active .lom_wrap>p a,
.lom_header.active .lom_wrap>h1 a{
  padding: 3px 6px;
}
.lom_header .lom_wrap>p a img,
.lom_header .lom_wrap>h1 a img{max-width: 100%;}
.lom_header nav{
  display: flex;
  justify-content: flex-end;
}
.lom_nav{
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
  margin-right: 16px;
}
.lom_nav li{
  min-width: 88px;
  margin-right: 8px;
}
.lom_nav li a{
  display: block;
  padding: 0 10px;
  text-align: center;
  color: #FFFFFF;
}
.lom_nav li.nolink a{
  pointer-events: none;
  color: #A0CCB4;
}
.lom_namesns{
  display: flex;
  align-items: flex-end;
}
.lom_namesns div{font-size: 0.75rem;}
.lom_namesns div a{color: #000000;}
.lom_namesns div p{font-size: 0.875rem;}
.lom_snsnav{
  display: flex;
  align-items: center;
}
.lom_snsnav li{margin-left: 8px;}
.lom_snsnav li:nth-of-type(1) img{width: 32px;}
.lom_snsnav li:nth-of-type(2) img{width: 28px;}
.lom_snsnav li:nth-of-type(3) img{width: 26px;}
.lom_snsnav li:nth-of-type(4) img{width: 28px;}
.lom_snsnav li img:last-of-type{display: none;}


.lom_header_sp{
  position: fixed;
  display: none;
  justify-content: space-between;
  align-items: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 68px;
  padding: 0 8px 0 20px;
  background-color: #2EB6AA;
  z-index: 6000;
}
.lom_header_sp h1 img,
.lom_header_sp>p img{width: 236px;}
.lom_spmenubtn{
  position: relative;
  width: 44px;
  height: 44px;
}
.lom_spmenubtn span{
  position: absolute;
  display: block;
  width: 16px;
  height: 2px;
  left: 14px;
  background-color: #FFFFFF;
  transition: all linear 0.3s;
}
.lom_spmenubtn span:nth-of-type(1){top: 14px;}
.lom_spmenubtn span:nth-of-type(2){top: 20px;}
.lom_spmenubtn span:nth-of-type(3){top: 26px;}
.lom_spmenubtn.active span:nth-of-type(1){
  top: 20px;
  transform: rotate(135deg);
}
.lom_spmenubtn.active span:nth-of-type(2){opacity: 0;}
.lom_spmenubtn.active span:nth-of-type(3){
  top: 20px;
  transform: rotate(-135deg);
}

.lom_spnav{
  position: fixed;
  left: 100%;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 128px 48px 32px;
  background-color: #FFFFFF;
  opacity: 0;
  transition: all ease-out 0.3s;
  z-index: 5000;
}
.lom_spnav.active{
  left: 0;
  opacity: 1;
}
.lom_academylink{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 20px;
}
.lom_academylink p{
  text-align: right;
  font-size: 0.875rem;
}
.lom_academylink p img{width: 160px;}
.lom_academylink p a{pointer-events: none;}
.lom_spnavlinklist{margin-bottom: 16px;}
.lom_spnavlinklist li{border-top: 1px solid #2EB6AA;}
.lom_spnavlinklist li:last-of-type{border-bottom: 1px solid #2EB6AA;}
.lom_spnavlinklist li a{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;
  color: #000000;
}
.lom_spnavlinklist li a p:nth-of-type(1){width: 88px;}
.lom_spnavlinklist li a p:nth-of-type(2){
  width: 136px;
  font-size: 0.875rem;
}
.lom_spnavlinklist li a p:nth-of-type(3){
  width: 60px;
  padding-right: 8px;
  text-align: right;
}

.lom_snsnav_sp{
  display: flex;
  justify-content: space-around;
  align-content: center;
  margin-bottom: 16px;
}
.lom_snsnav_sp li:nth-of-type(1) img{width: 30px;}
.lom_snsnav_sp li:nth-of-type(2) img{width: 28px;}
.lom_snsnav_sp li:nth-of-type(3) img{width: 26px;}
.lom_snsnav_sp li:nth-of-type(4) img{width: 28px;}

.lom_spmenulogo{text-align: center;}
.lom_spmenulogo img{width: 46px;}



.lom_topph{
  height: 72px;
  background: url("../img/common/ph_lowerheadbg.jpg") center top no-repeat;
}
.lom_pan{
  display: flex;
  margin-top: 8px;
  font-size: 0.875rem;
}
.lom_pan li{padding: 0 4px;}
.lom_pan a{color: #000000;}





.lom_gotop{
  position: fixed;
  display: none;
  right: 35px;
  bottom: 35px;
  z-index: 10;
}
.lom_gotop a{
  position: relative;
  display: block;
  border-radius: 100%;
  transition: all 0.2s linear;
}
.lom_gotop a img{
  width: 75px;
  height: 75px;
}
.lom_gotop a img:nth-of-type(2){display: none;}
.lom_gotop a img:last-of-type{display: none;}





.lom_footer{
  padding: 72px 0 104px;
  background-color: #2EB6AA;
}
.lom_footer .lom_innerwrap{
  display: flex;
  justify-content: space-between;
}
.lom_footer .lom_innerwrap div{width: 440px;}
.lom_comname{
  margin-bottom: 24px;
  font-size: 1.125rem;
  color: #FFFFFF;
}
.lom_address{
  margin-bottom: 14px;
  letter-spacing: -0.02em;
  color: #FFFFFF;
}
.lom_address a{color: #FFFFFF;}
.lom_cprt{
  font-size: 0.875rem;
  letter-spacing: 0.05em;
  color: #FFFFFF;
}
.lom_footer .lom_innerwrap ul{
  display: flex;
  flex-wrap: wrap;
  width: 440px;
}
.lom_footer .lom_innerwrap ul li{
  width: 50%;
  margin-bottom: 24px;
}
.lom_footer .lom_innerwrap ul li:first-of-type{width: 100%;}
.lom_footer .lom_innerwrap ul li p{
  display: inline-block;
  margin-left: 24px;
  vertical-align: middle;
  color: #FFFFFF;
}
.lom_footer .lom_innerwrap ul li a{
  display: inline-block;
  vertical-align: middle;
  color: #FFFFFF;
}
.lom_footer .lom_innerwrap ul li.nolink a{pointer-events: none;}
.lom_footer .lom_innerwrap ul li img{width: 33px;}
.lom_footer .lom_innerwrap ul li:first-of-type img{width: 204px;}
.lom_footer .lom_innerwrap ul li img:last-of-type{display: none;}
.lom_footer .lom_innerwrap ul li span{
  display: inline-block;
  margin-left: 12px;
  vertical-align: middle;
  border-bottom: 1px solid #FFFFFF;
}





@media screen and (min-width:841px){
  .lom_header .lom_wrap>p a:hover,
  .lom_header .lom_wrap>h1 a:hover{background-color: rgba(255,218,119,0.3);}

  .lom_nav li a:hover{color: #000000;}
  .lom_namesns div a:hover{color: #275CC3;}
  .lom_snsnav li a:hover img:first-of-type{display: none;}
  .lom_snsnav li a:hover img:last-of-type{display: inline;}

  .lom_pan a:hover{text-decoration: underline;}


  .lom_footer .lom_innerwrap div a:hover{opacity: 0.7;}
  .lom_footer .lom_innerwrap ul li a:hover img:first-of-type{display: none;}
  .lom_footer .lom_innerwrap ul li a:hover img:last-of-type{display: inline;}
  .lom_footer .lom_innerwrap ul li a:hover span{
    color: #FFDA77;
    border-bottom: 1px solid #FFDA77;
  }
  .lom_gotop a:hover img:first-of-type{display: none;}
  .lom_gotop a:hover img:nth-of-type(2){display: inline;}
}







/*-----------------------------------------*/
/*--------------レスポンシブ-------------*/
/*-----------------------------------------*/
@media screen and (max-width:840px){
  .lom_spbr{display: block;}
  .lom_br{display: inline;}


  .lom_header{display: none;}
  .lom_header_sp{display: flex;}




  .lom_topph{
    height: 68px;
    background: none;
  }
  .lom_pan{
    padding: 0 24px;
    font-size: 0.75rem;
  }



  .lom_footer{padding: 32px 36px;}
  .lom_footer .lom_innerwrap{flex-wrap: wrap;}
  .lom_footer .lom_innerwrap div{
    width: 100%;
    order: 2;
  }
  .lom_footer .lom_innerwrap div>p:first-of-type{padding: 0 36px;}
  .lom_footer .lom_innerwrap div>p:first-of-type img{max-width: 100%;}
  .lom_comname{
    text-align: center;
    font-size: 0.875rem;
  }
  .lom_address{display: none;}
  .lom_cprt{
    text-align: center;
    font-size: 0.625rem;
  }
  .lom_footer .lom_innerwrap ul{
    justify-content: space-between;
    align-content: flex-start;
    margin-bottom: 32px;
    padding: 0 36px;
    order: 1;
  }
  .lom_footer .lom_innerwrap ul li{width: auto;}
  .lom_footer .lom_innerwrap ul li:first-of-type{text-align: center;}
  .lom_footer .lom_innerwrap ul li p{margin-left: 0;}
  .lom_footer .lom_innerwrap ul li span{display: none;}


  .lom_gotop a img:first-of-type{display: none;}
  .lom_gotop a img:last-of-type{display: inline;}
  .lom_gotop a img{width: 56px;}
}
@media screen and (max-width:420px){}
@media screen and (max-width:375px){}
@media screen and (max-width:360px){}
@media screen and (max-width:320px){}