@charset "utf-8";
/*  style　[  Smart Phone ]
=================================================================== */
/* ～767px(xs) ____________________________________________________ */
@media screen and (max-width: 767px) {
    .xs-block {
    display: block;
  }
  .xs-space {
    margin-left: 1em;
  }
  
  .table-xs th {
    display: block;
    width: 100%;
  }
  .table-xs td {
    display: block;
    width: 100%;
  }
  .hidden-xs {
    display: none;
  }
  
/*----------------------------------------------
   header
---------------------------------------------*/

h1 img {
	height: 40px;
	margin: 10px 0 0 5px;
}

.header-right {
  display: flex;
  justify-content: flex-end;
  width: 50%;
}

.item-phone {
  width: 50px;
  height: 50px;
  background-color: rgba(255,255,255,0.9);
  position: fixed;
  top: 0;
  right: 55px;
  z-index: 999;
  border: #f75065 1px solid;  
  border-radius: 50%;
  margin: 5px 5px 0 0;
  text-align: center;
  line-height: 45px;
}
.bi-telephone {
  font-size: 1.5em;
}

.item-nav {
  width: 50px;
}


.menu-en {
  display: block;
  text-align: center;
  font-family: "Caveat", cursive;
  font-size: 1em;
  font-weight: 400;
  font-style: normal;
  color: #F33;
  line-height: 1;
}

/*  main image */
.main-img {
  height: 250px;
}
/*----------------------------------------------
   main
---------------------------------------------*/
.page-bg {
  background: url(../images/bg-line01.svg) no-repeat 5% top;
  background-size: 70%;
}

.bgc-gray {
  padding: 20px;
  margin: 10px;
}
.bgc-white {
  padding: 20px;
}





/*----------------------------------------------
   見出し
---------------------------------------------*/
h2.underline {
  font-size: 1.2em;
  position: relative;
  padding: 15px;
  text-align: center;
  margin-bottom: 2em;
}

h2.underline span.en {
  font-size: 2em;
  display: block;
  color: #f75065;
}

h2.underline:before {
  position: absolute;
  bottom: -5px;
  left: calc(50% - 15px);
  width: 30px;
  height: 3px;
  content: '';
  border-radius: 3px;
  background: #f75065;
}

h4 {
  font-size: 1.2em;
}



}

 @media only screen and (max-width: 599px) {
    html {
      font-size: 50%;
    }
	
	/* h3 */
.ttl-h3 {
  font-size: 1.1em;
}


 }



/*----------------------------------------------
   480px以下
  ---------------------------------------------*/
@media screen and (max-width: 480px) {



}