@charset "utf-8";
/* CSS Document */



.soft-dashed {
  display: inline-block;
  background:
    repeating-linear-gradient(
      to right,
      #d8cec3 0 6px,      /* 破線の棒の長さを短く */
      transparent 6px 10px /* 隙間も狭く */
    ) bottom / 100% 1.5px no-repeat;  /* 線の高さを1.5pxに細く */
  padding-bottom: 5px;  /* 下線との距離を少し広めに */    margin-top: 9px;
}

main.mainin {
  font-family: "M PLUS Rounded 1c", sans-serif!important;
  font-weight: 500;
  font-style: normal;
  color:#736357;	
}
.top_txt{text-align: center;font-size: 1.8rem;background-color: #fffcf8;padding: 10px 0;}


.interview{background: url(../img/bg.png) center top;background-size: 100% auto;}

/*dt{margin: 0 auto;text-align: center;display: block;background-color:#ffdede;font-size: 1.8rem;padding: 1rem 0;}
dd{margin: 0 auto;text-align: center;display: block;font-size: 1.8rem;max-width: 656px;}
dt p{padding:1rem 0;text-align: left;display: inline-block;}
dd p{padding:2rem 0;text-align: left;display: inline-block;}*/


/*dt p::before {
    content: "Ｑ：";
    color: #eb1e79;
    display: inline-block;
    width: 2em;
}

dt p {
    display: block;
    text-indent: 0;
    margin: 0;
    padding: 1rem 0;
}


dd p {
    display: block;
    margin: 0;
    padding: 2rem 0;
    text-indent: 0; 
}*/

/* Q */
dt{background-color:#ffe1e1; }
.dt_q {
  margin: 0 auto;
  padding: 1rem 0;
  font-size: 1.78rem;
  box-sizing: border-box; /* paddingやborderを含めて幅を計算 */
  /*max-width: 680px;*/
	width: 86.5%;
  padding-left: 2em;
  text-indent: -2em;text-align:justify;	
}

dt .label {
 /* color: #eb1e79;*/
  display: inline; /* ラベルと本文は横並び */
  /*margin-right: 0.2em;*/
}

dt .text {
  display: inline; /* 横並びを維持 */
  text-indent: 1.2em; /* 2行目以降をラベル幅分インデント */
  text-align: left;
}

/* A */
dd {
  margin: 0 auto;
  /*max-width: 680px;*/
	width: 86.5%;
  padding: 1rem 0;
  font-size: 1.26rem;
text-align:justify;	
}

dd .label {
  color: #eb1e79;
  display: inline;
  /*margin-right: 0.2em;*/
}

dd .text {
  display: inline; /* 左端揃え */
  text-indent: 0;  /* インデントなし */
  text-align: left;
line-height: 1.6;	
}


.dd_bottom{padding-bottom: 4rem;}
.q_img{padding-bottom: 4rem;}

@media only screen and (max-device-width: 0), screen and (max-width: 500px){
.top_txt{font-size: 1rem;}
	.dt_q,dd{font-size: 1rem;padding: 1rem;}
	dd p{padding: 0.5rem 0;}
	.dt_q{padding-left: 2em;}
	
.dd_bottom{padding-bottom: 3rem;}
.q_img{padding-bottom: 3rem;}
	
}