@charset "utf-8";

/*====================================================================================================

  マウスガード

====================================================================================================*/

.jspo {
  border:2px dotted #f8a828;
  border-radius:10px;
  padding:1.25em;
}

.jspo b {
  display:inline-block;
  margin-bottom:0.25em;
}

@media print,screen and (min-width:641px) {
  .jspo {
    max-width:800px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:80px;
  }
}

@media screen and (max-width:640px) {
  .jspo {
    margin-bottom:2.5em;
    text-align:left;
  }
}


/*----------------------------------------------------------------------------------------------------

  マウスガードについて
  
----------------------------------------------------------------------------------------------------*/

.about-txt p:not(:first-child) {
  padding-top:1em;
}

.about-txt p b {
  margin-left:0.5rem;
  margin-right:0.5rem;
}

.about-txt p:last-child b {
  margin-left:0;
}

@media screen and (max-width:640px) {
  .about-txt {
    padding-top:1.5em;
  }
  
  .about-txt .pc-view {
    display:none;
  }
}


/*----------------------------------------------------------------------------------------------------

  特徴
  
----------------------------------------------------------------------------------------------------*/

.tokucho {
  background-color:#fff;
  text-align:left;
}

.tokucho-photo img {
  border-radius:5px;
}

@media print,screen and (min-width:641px) {
  .tokucho-cnt {
    padding-top:80px;
    padding-bottom:80px;
  }
  
  .tokucho {
    border-radius:10px;
    padding:48px;
  }

  .tokucho {
    display:grid;
    display:-ms-grid;
    grid-template-columns:calc(100% - 420px) 420px;
    grid-template-rows:auto auto;
    -ms-grid-columns:-webkit-calc(100% - 420px) 420px;
    -ms-grid-columns:calc(100% - 420px) 420px;
    -ms-grid-rows:auto auto;
  }
  
  .tokucho-ttl {
    grid-column:1 / 2;
    grid-row:1;
    -ms-grid-column:1;
    -ms-grid-row:1;
    text-align:left;
  }
  
  .tokucho-txt {
    grid-column:1 / 2;
    grid-row:2;
    -ms-grid-column:1;
    -ms-grid-row:2;
    text-align:left;
    padding-top:0.8em;
  }
  
  .tokucho-photo {
    grid-column:2 / 3;
    grid-row:1 / 4;
    -ms-grid-column:2;
    -ms-grid-row:1;
    -ms-grid-row-span:3;
    padding-left:48px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:end;
    -ms-flex-align:end;
    align-items:flex-end;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  
  .tokucho-photo img {
    width:100%;
  }
}

@media screen and (max-width:640px) {
  .tokucho-cnt {
    padding-top:2.5em;
    padding-bottom:2.5em;
  }
  
  .tokucho {
    padding-top:2em;
    padding-bottom:2.5em;
  }
  
  .tokucho-ttl {
    text-align:center;
    padding-bottom:2rem;
  }

  .tokucho-txt {
    padding-top:1.5em;
  }
  
  .tokucho-photo {
    text-align:center;
  }
  
  .tokucho-photo img {
    max-width:360px;
    width:100%;
  }
}


/*----------------------------------------------------------------------------------------------------

  作成
  
----------------------------------------------------------------------------------------------------*/

.made-txt p:not(:first-child) {
  padding-top:1em;
}

.made-txt p b {
  margin-left:0.5rem;
  margin-right:0.5rem;
}

@media print,screen and (min-width:641px) {
  .made {
    padding-bottom:96px;
  }
}

@media screen and (max-width:640px) {
  .made {
    padding-bottom:2.5em;
  }
  
  .made-txt {
    padding-top:1.5em;
  }
  
  .made-txt .pc-view {
    display:none;
  }
}