@media screen and (min-width: 961px) {
  .pc-none {
    display: none !important;
  }
}

@media (max-width: 960px) and (min-width: 751px) {
  .tb-none {
    display: none !important;
  }
}

@media screen and (max-width: 750px) {
  .sp-none {
    display: none !important;
  }
}

@media (max-width: 750px) {
  .pc {
    display: none !important;
  }
}

@media (min-width: 751px) {
  .sp {
    display: none !important;
  }
}

.tb-over {
  display: none;
}
@media screen and (min-width: 959px) {
  .tb-over {
    display: block;
  }
}

.tb-under {
  display: none;
}
@media screen and (max-width: 959px) {
  .tb-under {
    display: block;
  }
}



/*フローティング*/
.floating {
    display: none;/*最初は隠す*/
}


/*ふわっと表示--------------------------------------------*/

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.fadeUpTrigger{
    opacity: 0;
}


/* その場で */
.fadeIn{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 上から */

.fadeDown{
animation-name:fadeDownAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
  transform: translateY(-100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* 左から */

.fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
  transform: translateX(-100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}

/* 右から */

.fadeRight{
animation-name:fadeRightAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
  transform: translateX(100px);
  }

  to {
    opacity: 1;
  transform: translateX(0);
  }
}



/* reset font style
-----------------------------------------------------------------*/

ul, ol {
  list-style-type: none;
   font-size: max(0.9vw, 0.9rem);	
}

a {
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
}

em, strong {
  font-style: normal;
  font-weight: inherit;
}


/*p {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 5px;
    letter-spacing: 1px;
}*/

/*img {
    width: 100%;
    height: auto;
}*/

p.text {
    font-size: max(0.9vw, 0.9rem);
	letter-spacing: 0.04em;
    /*color: #727171;*/
    color: #333333;
	letter-spacing: 1px;
    line-height: 1.9;	
}
.text-center {
    text-align: center;
}

@media screen and (max-width: 750px) {
ul, ol {
  list-style-type: none;
   font-size: max(0.8vw, 0.8rem);	
}
}



.mgt0{
	 margin-top: 0px!important;
}
.mgt10{
	 margin-top: 10px!important;
}
.mgt20{
	 margin-top: 20px!important;
}
.mgt30{
	 margin-top: 30px!important;
}
.mgt40{
	 margin-top: 40px!important;
}
.mgt50{
	 margin-top: 50px!important;
}
.mgt60{
	 margin-top: 60px!important;
}
.mgt70{
	 margin-top: 70px!important;
}
.mgt80{
	 margin-top: 80px!important;
}
.mgt90{
	 margin-top: 90px!important;
}
.mgt100{
	 margin-top: 100px!important;
}
.mgt150{
	 margin-top: 150px!important;
}
.mgt200{
	 margin-top: 200px!important;
}


.mgb0{
	 margin-bottom: 0px!important;
}
.mgb10{
	 margin-bottom: 10px!important;
}
.mgb20{
	 margin-bottom: 20px!important;
}
.mgb30{
	 margin-bottom: 30px!important;
}
.mgb40{
	 margin-bottom: 40px!important;
}
.mgb50{
	 margin-bottom: 50px!important;
}
.mgb60{
	 margin-bottom: 60px!important;
}
.mgb70{
	 margin-bottom: 70px!important;
}
.mgb80{
	 margin-bottom: 80px!important;
}
.mgb90{
	 margin-bottom: 90px!important;
}
.mgb100{
	 margin-bottom: 100px!important;
}
.mgb150{
	 margin-bottom: 150px!important;
}
.mgb200{
	 margin-bottom: 200px!important;
}



.mgr0{
	 margin-right: 0px!important;
}
.mgr10{
	 margin-right: 10px!important;
}
.mgr20{
	 margin-right: 20px!important;
}
.mgr30{
	 margin-right: 30px!important;
}
.mgr40{
	 margin-right: 40px!important;
}
.mgr50{
	 margin-right: 50px!important;
}
.mgr60{
	 margin-right: 60px!important;
}
.mgt70{
	 margin-top: 70px!important;
}
.mgt80{
	 margin-top: 80px!important;
}
.mgt90{
	 margin-top: 90px!important;
}
.mgr100{
	margin-right: 100px!important;
}
.mgr150{
	 margin-right: 150px!important;
}
.mgr200{
	 margin-right: 200px!important;
}


.mgl0{
	 margin-left: 0px!important;
}
.mgl10{
	 margin-left: 10px!important;
}
.mgl20{
	 margin-left: 20px!important;
}
.mgl30{
	 margin-left: 30px!important;
}
.mgl40{
	 margin-left: 40px!important;
}
.mgl50{
	 margin-left: 50px!important;
}
.mgl60{
	 margin-left: 60px!important;
}
.mgl70{
	 margin-left: 70px!important;
}
.mgl80{
	 margin-left: 80px!important;
}
.mgl90{
	 margin-left: 90px!important;
}
.mgl100{
	margin-left: 100px!important;
}
.mgl150{
	 margin-left: 150px!important;
}
.mgl200{
	 margin-left: 200px!important;
}

.pd05{
    padding: 0px 5px;
}

@media screen and (max-width: 750px) {
.mgt0{
	 margin-top: 0px!important;
}	
.mgt10{
	 margin-top: 5px!important;
}	
.mgt20{
	 margin-top: 10px!important;
}	
.mgt30{
	 margin-top: 15px!important;
}
.mgt40{
	 margin-top: 20px!important;
}
.mgt50{
	 margin-top: 25px!important;
}	
.mgt60{
	 margin-top: 30px!important;
}
.mgt70{
	 margin-top: 35px!important;
}
.mgt80{
	 margin-top: 40px!important;
}
.mgt90{
	 margin-top: 45px!important;
}	
.mgt100{
	 margin-top: 50px!important;
}
.mgt150{
	 margin-top: 90px!important;
}
.mgt200{
	 margin-top: 100px!important;
}
	
.mgb0{
	 margin-bottom: 0px!important;
}		
.mgb10{
	 margin-bottom: 5px!important;
}	
.mgb20{
	 margin-bottom: 10px!important;
}	
.mgb30{
	 margin-bottom: 15px!important;
}	
.mgb40{
	 margin-bottom: 20px!important;
}
.mgb50{
	 margin-bottom: 25px!important;
}	
.mgb60{
	 margin-bottom: 30px!important;
}
.mgb70{
	 margin-bottom: 35px!important;
}
.mgb80{
	 margin-bottom: 40px!important;
}	
.mgb90{
	 margin-bottom: 45px!important;
}	
.mgb100{
	 margin-bottom: 50px!important;
}
.mgb150{
	 margin-bottom: 90px!important;
}
.mgb200{
	 margin-bottom: 100px!important;
}

	
.mgr0{
	 margin-right: px!important;
}
.mgr10{
	 margin-right: 5px!important;
}
.mgr20{
	 margin-right: 10px!important;
}
.mgr30{
	 margin-right: 20px!important;
}
.mgr40{
	 margin-right: 20px!important;
}
.mgr50{
	 margin-right: 25px!important;
}
.mgr60{
	 margin-right: 30px!important;
}
.mgr70{
	 margin-right: 35px!important;
}
.mgr80{
	 margin-right: 40px!important;
}
.mgr90{
	 margin-right: 45px!important;
}	
.mgr100{
	 margin-right: 50px!important;
}
.mgr150{
	 margin-right: 90px!important;
}
.mgr200{
	 margin-right: 100px!important;
}


.mgl0{
	 margin-left: 0px!important;
}	
.mgl10{
	 margin-left: 5px!important;
}
.mgl20{
	 margin-left: 10px!important;
}
.mgl30{
	 margin-left: 20px!important;
}
.mgl40{
	 margin-left: 20px!important;
}
.mgl50{
	 margin-left: 25px!important;
}
.mgl60{
	 margin-left: 30px!important;
}
.mgl70{
	 margin-left: 35px!important;
}
.mgl80{
	 margin-left: 40px!important;
}
.mgl90{
	 margin-left: 45px!important;
}	
.mgl100{
	margin-left: 50px!important;
}
.mgl150{
	 margin-left: 90px!important;
}
.mgl200{
	 margin-left: 100px!important;
}
	
/*スマホのみ*/
.sp_mgt0{
	 margin-top: 0px!important;
}	
.sp_mgt10{
	 margin-top: 5px!important;
}	
.sp_mgt20{
	 margin-top: 10px!important;
}	
.sp_mgt30{
	 margin-top: 15px!important;
}
.sp_mgt40{
	 margin-top: 20px!important;
}
.sp_mgt50{
	 margin-top: 25px!important;
}	
.sp_mgt60{
	 margin-top: 30px!important;
}
.sp_mgt70{
	 margin-top: 35px!important;
}
.sp_mgt80{
	 margin-top: 40px!important;
}
.sp_mgt90{
	 margin-top: 45px!important;
}		
.sp_mgt100{
	 margin-top: 50px!important;
}
.sp_mgt150{
	 margin-top: 90px!important;
}
.sp_mgt200{
	 margin-top: 100px!important;
}
	
.sp_mgb0{
	 margin-bottom: 0px!important;
}		
.sp_mgb10{
	 margin-bottom: 5px!important;
}	
.sp_mgb20{
	 margin-bottom: 10px!important;
}	
.sp_mgb30{
	 margin-bottom: 15px!important;
}	
.sp_mgb40{
	 margin-bottom: 20px!important;
}
.sp_mgb50{
	 margin-bottom: 25px!important;
}	
.sp_mgb60{
	 margin-bottom: 30px!important;
}
.sp_mgb70{
	 margin-bottom: 35px!important;
}
.sp_mgb80{
	 margin-bottom: 40px!important;
}	
.sp_mgb90{
	 margin-bottom: 45px!important;
}	
.sp_mgb100{
	 margin-bottom: 50px!important;
}
.sp_mgb150{
	 margin-bottom: 90px!important;
}
.sp_mgb200{
	 margin-bottom: 100px!important;
}

.sp_mgr0{
	 margin-right: 0px!important;
}
.sp_mgr10{
	 margin-right: 5px!important;
}
.sp_mgr20{
	 margin-right: 10px!important;
}
.sp_mgr30{
	 margin-right: 20px!important;
}
.sp_mgr40{
	 margin-right: 20px!important;
}
.sp_mgr50{
	 margin-right: 25px!important;
}
.sp_mgr60{
	 margin-right: 30px!important;
}
.sp_mgr70{
	 margin-right: 35px!important;
}
.sp_mgr80{
	 margin-right: 40px!important;
}
.sp_mgr90{
	 margin-right: 45px!important;
}	
.sp_mgr100{
	 margin-right: 50px!important;
}
.sp_mgr150{
	 margin-right: 90px!important;
}
.sp_mgr200{
	 margin-right: 100px!important;
}

.sp_mgl0{
	 margin-left: 0px!important;
}	
.sp_mgl10{
	 margin-left: 5px!important;
}
.sp_mgl20{
	 margin-left: 10px!important;
}
.sp_mgl30{
	 margin-left: 20px!important;
}
.sp_mgl40{
	 margin-left: 20px!important;
}
.sp_mgl50{
	 margin-left: 25px!important;
}
.sp_mgl60{
	 margin-left: 30px!important;
}
.sp_mgl70{
	 margin-left: 35px!important;
}
.sp_mgl80{
	 margin-left: 40px!important;
}
.sp_mgl90{
	 margin-left: 45px!important;
}	
.sp_mgl100{
	margin-left: 50px!important;
}
.sp_mgl150{
	 margin-left: 90px!important;
}
.sp_mgl200{
	 margin-left: 100px!important;
}	
}


/*padiing*/

.pdt0{
	 padding-top: 0px!important;
}
.pdt10{
	 padding-top: 10px!important;
}
.pdt20{
	 padding-top: 20px!important;
}
.pdt30{
	 padding-top: 30px!important;
}
.pdt40{
	 padding-top: 40px!important;
}
.pdt50{
	 padding-top: 50px!important;
}
.pdt60{
	 padding-top: 60px!important;
}
.pdt70{
	 padding-top: 70px!important;
}
.pdt80{
	 padding-top: 80px!important;
}
.pdt90{
	 padding-top: 90px!important;
}
.pdt100{
	 padding-top: 100px!important;
}
.pdt150{
	 padding-top: 150px!important;
}
.pdt200{
	 padding-top: 200px!important;
}


.pdb0{
	 padding-bottom: 0px!important;
}
.pdb10{
	 padding-bottom: 10px!important;
}
.pdb20{
	 padding-bottom: 20px!important;
}
.pdb30{
	 padding-bottom: 30px!important;
}
.pdb40{
	 padding-bottom: 40px!important;
}
.pdb50{
	 padding-bottom: 50px!important;
}
.pdb60{
	 padding-bottom: 60px!important;
}
.pdb70{
	 padding-bottom: 70px!important;
}
.pdb80{
	 padding-bottom: 80px!important;
}
.pdb90{
	 padding-bottom: 90px!important;
}
.pdb100{
	 padding-bottom: 100px!important;
}
.pdb150{
	 padding-bottom: 150px!important;
}
.pdb200{
	 padding-bottom: 200px!important;
}



.pdr0{
	 padding-right: 0px!important;
}
.pdr10{
	 padding-right: 10px!important;
}
.pdr20{
	 padding-right: 20px!important;
}
.pdr30{
	 padding-right: 30px!important;
}
.pdr40{
	 padding-right: 40px!important;
}
.pdr50{
	 padding-right: 50px!important;
}
.pdr60{
	 padding-right: 60px!important;
}
.pdr70{
	 padding-right: 70px!important;
}
.pdr80{
	 padding-right: 80px!important;
}
.pdr90{
	 padding-right: 90px!important;
}
.pdr100{
	padding-right: 100px!important;
}
.pdr150{
	 padding-right: 150px!important;
}
.pdr200{
	 padding-right: 200px!important;
}


.pdl0{
	 padding-left: 0px!important;
}
.pdl10{
	 padding-left: 10px!important;
}
.pdl20{
	 padding-left: 20px!important;
}
.pdl30{
	 padding-left: 30px!important;
}
.pdl40{
	 padding-left: 40px!important;
}
.pdl50{
	 padding-left: 50px!important;
}
.pdl60{
	 padding-left: 60px!important;
}
.pdl70{
	 padding-left: 70px!important;
}
.pdl80{
	 padding-left: 80px!important;
}
.pdl90{
	 padding-left: 90px!important;
}
.pdl100{
	padding-left: 100px!important;
}
.pdl150{
	 padding-left: 150px!important;
}
.pdl200{
	 padding-left: 200px!important;
}

.pd05{
    padding: 0px 5px;
}

@media screen and (max-width: 750px) {
.pdt0{
	 padding-top: 0px!important;
}	
.pdt10{
	 padding-top: 5px!important;
}	
.pdt20{
	 padding-top: 10px!important;
}	
.pdt30{
	 padding-top: 15px!important;
}
.pdt40{
	 padding-top: 20px!important;
}
.pdt50{
	 padding-top: 25px!important;
}	
.pdt60{
	 padding-top: 30px!important;
}
.pdt70{
	 padding-top: 35px!important;
}
.pdt80{
	 padding-top: 40px!important;
}	
.pdt90{
	 padding-top: 45px!important;
}	
.pdt100{
	 padding-top: 50px!important;
}
.pdt150{
	 padding-top: 90px!important;
}
.pdt200{
	 padding-top: 100px!important;
}
	
.pdb0{
	 padding-bottom: 0px!important;
}		
.pdb10{
	 padding-bottom: 5px!important;
}	
.pdb20{
	 padding-bottom: 10px!important;
}	
.pdb30{
	 padding-bottom: 15px!important;
}	
.pdb40{
	 padding-bottom: 20px!important;
}
.pdb50{
	 padding-bottom: 25px!important;
}	
.pdb60{
	 padding-bottom: 30px!important;
}
.pdb70{
	 padding-bottom: 35px!important;
}	
.pdb80{
	 padding-bottom: 40px!important;
}
.pdb90{
	 padding-bottom: 45px!important;
}	
.pdb100{
	 padding-bottom: 50px!important;
}
.pdb150{
	 padding-bottom: 90px!important;
}
.pdb200{
	 padding-bottom: 100px!important;
}

	
.pdr0{
	 padding-right: px!important;
}
.pdr10{
	 padding-right: 5px!important;
}
.pdr20{
	 padding-right: 10px!important;
}
.pdr30{
	 padding-right: 20px!important;
}
.pdr40{
	 padding-right: 20px!important;
}
.pdr50{
	 padding-right: 25px!important;
}
.pdr60{
	 padding-right: 30px!important;
}
.pdr70{
	 padding-right: 35px!important;
}
.pdr80{
	 padding-right: 40px!important;
}
.pdr90{
	 padding-right: 45px!important;
}	
.pdr100{
	 padding-right: 50px!important;
}
.pdr150{
	 padding-right: 90px!important;
}
.pdr200{
	 padding-right: 100px!important;
}


.pdl0{
	 padding-left: 0px!important;
}	
.pdl10{
	 padding-left: 5px!important;
}
.pdl20{
	 padding-left: 10px!important;
}
.pdl30{
	 padding-left: 20px!important;
}
.pdl40{
	 padding-left: 20px!important;
}
.pdl50{
	 padding-left: 25px!important;
}
.pdl60{
	 padding-left: 30px!important;
}
.pdl70{
	 padding-left: 35px!important;
}
.pdl80{
	 padding-left: 40px!important;
}
.pdl90{
	 padding-left: 45px!important;
}	
.pdl100{
	padding-left: 50px!important;
}
.pdl150{
	 padding-left: 90px!important;
}
.pdl200{
	 padding-left: 100px!important;
}	
}

.wid100 {
    width: 100% !important;
}	
.tac {
    text-align: center!important;
}
.tar {
    text-align: right!important;
}
.tal {
    text-align: left!important;
}

.jcc {
    justify-content: center!important;
}
.jcsa {
	justify-content: space-around !important;
}
.aic{
	align-items: center!important;
}
.aif{
	align-items: flex-end!important;
}

.flex {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.flex.rgt {
   justify-content: flex-start;
}
.flex.lft {
    justify-content: flex-end;
}
.mga {
    margin: 0 auto;
}

@media screen and (max-width: 767px) {
.fdc {
    display: flex;
    flex-direction: column-reverse!important;
}	
}	


.two-column {
    display: flex;
    justify-content: space-between;	
}
.three-colum {
    display: flex;
    justify-content: space-between;
}

.home-content .three-colum {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

.colum20 {
	width: 17%;
}
.colum30 {
    width: 27%;
}
.home-content .colum33 {
    width: 29%;
    margin-bottom: 6vw;	
    position: relative;	
    margin-right: 3%;	
}
.home-content .colum50 {
    width: 45%;
    margin-bottom: 6vw;	
    position: relative;		
}
.column10 {
    width: 7%;
}
.column20 {
    width: 17%;
}
.column30 {
    width: 27%;
}
.column40 {
    width: 37%;
}
.column50 {
    width: 47%;
}
.column60 {
    width: 57%;
}
.column70 {
    width: 67%;
}
.column80 {
    width: 77%;
}


@media screen and (max-width: 900px) {
.home-content .column33 {
    width: 46%;
    margin-bottom: 6vw;	
    position: relative;	
    margin-right: 0%;	
}
.home-content .column50 {
    width: 90%;
    margin-bottom: 6vw;	
    position: relative;	
    margin-right: 0%;	
}	
}


@media screen and (max-width: 767px) {
.two-column {
    display: flex;
	flex-direction: column;
    gap: 20px;	
}
.three-column {
    display: flex;
	flex-wrap: wrap;
}	
.column20 {
    width: 100%;
}
.column30 {
    width: 100%;
}
.column40 {
    width: 100%;
}
.column50 {
    width: 100%;
}
.column60 {
    width: 100%;
}
.column70 {
    width: 100%;
}
.column80 {
    width: 100%;
}
}


span.red {
    color: #d92424;
}
span.bk-y {
    background: #fff78b;
    font-weight: 500;
}

span.blue{
	color: #0000ff;
}

.bk-gr {
    background: #f9f9f9;
}

.content {
    padding: 4vw 0 3vw;
}

.font-g p {
    font-family: "Zen Kaku Gothic New", sans-serif !important;
}
p.font-g{
    font-family: "Zen Kaku Gothic New", sans-serif !important;
}
p.small {
    font-size: max(0.7vw, 0.7rem);
    color: #8a8a8a;
}


span.red {
    color: #d92424;
}
span.bk-y {
    background: #fff78b;
    font-weight: 500;
}


.c-inner {
  max-width: 1300px;
  margin: 0 auto;
}
.c-inner1000 {
  max-width: 1000px;
  margin: 0 auto;
}
@media (max-width: 1399px) {
  .c-inner {
    width: 90%;
  }
  .c-inner1000 {
    width: 90%;
  }	
}
@media screen and (max-width: 750px) {
  .c-inner {
    width: 100%;
    padding: 0 15px;
  }
  .c-inner1000 {
    width: 100%;
    padding: 0 15px;
  }	
}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 400px;
}

/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*.po-r{
	position:relative!important;
}

.r_img,.l_img {
	position:relative!important;
}

.r_img,.l_img:before {
    position: absolute;
    content: "";
    width: 530px;
    height: 340px;
    left:-10px;
    bottom: 0;
    margin: auto;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    z-index: 1;
}

.r_img:before {
    border-left: none;
    border-right: 1px solid #333;
    right: -10px;
    left: auto;
}

.l_img:before {
    border-left: 1px solid #333;
    border-right: none;
    right:-10px;
    left: auto;
}*/
