/*=====================================================
* 01.全体

* 100.共通
========================================================*/


/*----------------------
* 01.全体
----------------------*/

html,
h1,
h2,
h3,
h4,
h5 {
  font-size: 62.5%;
}

body {
  font-size: 1.6em;
  line-height: 1.8;
  position: relative;
  padding-bottom: 80px;
  /* フッターの高さを指定 */
}



/*電話リンク無効*/

a[href^="tel:"] {
  cursor: default;
  color: #434343;
  text-decoration: none;
}

img.width-m {
  width: 50%;
}

/*----------------------
 * 05.レイアウト
----------------------*/

.wrapper{ width: 80%; margin: auto;}
.logo{ display: flex;justify-content:center;align-items: center;margin: auto;padding: 50px 0;}
.logo img{ width: 500px;}
.logo a{ display: block;}

.h1_ttl{ font-size: 3em;text-align: center;}
.h2_catch{font-size: 1.5em;text-align: center;}


/*----------------------
 * 100.common
----------------------*/
.dsp-no-pc {
  display: none;
  visibility: hidden;
}

.size-xs {
  font-size: 0.8em;
}

.size-s {
  font-size: 0.9em;
}

.size-m {
  font-size: 1em;
}

.size-l {
  font-size: 1.2em;
}

.size-xl {
  font-size: 1.4em;
}

.size-xxl {
  font-size: 1.6em;
}

.pt-l {
  padding-top: 40px;
}

.pt-xl {
  padding-top: 60px;
}

.pb-l {
  padding-bottom: 40px;
}

.mt-s {
  margin-top: 10px;
}

.mt-m {
  margin-top: 20px;
}

.mt-l {
  margin-top: 50px;
}

.mt-xl {
  margin-top: 80px;
}

.mb-s {
  margin-bottom: 10px;
}

.mb-m {
  margin-bottom: 30px;
}

.mb-l {
  margin-bottom: 50px;
}

.mb-xl {
  margin-bottom: 60px;
}

.mb-xxl {
  margin-bottom: 100px;
}

.mr-m {
  margin-right: 20px;
}

.mr-l {
  margin-left: 20px;
}

.pl-s {
  padding-left: 10px;
}

.pt-l {
  padding-top: 50px;
}

.br-pc {
  display: block;
}

.br-sp {
  display: none;
}