@charset "utf-8";


/*デバイス別表示の調整*/
/* PCのみ表示 */
@media screen and (max-width: 991px) {
    .text_pc_only {
        display: none; 
    }
}
 
/* スマホ・タブレットのみ表示 */
@media screen and (min-width: 992px) { 
    .text_sptab_only {
        display: none; 
    }
}
 
/* スマホのみで表示 */
@media screen and (min-width: 768px) {
    .text_sp_only {
        display: none;
    }
}



img {
	max-width: 100%;	
	vertical-align: bottom;
	line-height: 1.0em;
}


.bg_blue{
background-color:#EFF8FF;
}


.bg_yellow{
background-color:#FFFCD1;
}

.bg_pink{
background-color:#FFEAEA;
}





.text{
width: 750px;
text-align:left;
line-height:2;
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}



.text_sp{
width: 90%;
text-align:left;
line-height:2;
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: #565656;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}

}
.text p {
    margin: 0; 
    padding: 0;
}


.btn,
a.btn,
button.btn {

  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding:0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}



.btn_sp,
a.btn_sp,
button.btn_sp {
  width:90%;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding:0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}







.btn--orange,
a.btn--orange {
  color: #fff;
  background-color: #eb6100;

}

.btn--orange:hover,
a.btn--orange:hover {
  color: #fff;
  background: #f56500;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 1rem;
}