@charset "UTF-8";

/* nav custom */
body { padding-top: 3.5rem; background-color: #ebdcdc; color: #222;  font-family: 'Noto Serif JP', serif;}
.navbar-light .navbar-brand { margin-right: 3rem;}

/* color */
.bg-lightpink { background-color: #ebdcdc;}
.bg-darkgray { background-color: #222;}
.text-lightpink { color: #ebdcdc;}
.bg-lightpink-op { background-color: rgba(238, 220, 220, .85)}

/* font */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Noto+Serif+JP&display=swap');
.font-serif { font-family: 'Noto Serif JP', serif; }
.font-sans { font-family: 'Noto Sans JP', sans-serif; }
.area-prof { text-align: left; }
.strong { font-weight: 600; }

/* font-size */
.xsmall { font-size: 0.74em;}
.text-ttl-mid { font-size: 1.2rem!important; line-height: 1.5;}
.area-kantei h4 { font-size: 21px;}

/* Layout */
.max-w-s { max-width: 700px;}
.max-w-m { max-width: 900px;}
.max-w-l { max-width: 1280px;}
.max-w-l .col { padding-left: 0;}
.setin-area { display: flex;}

/* default */
.card-header { background-color: rgb(209, 181, 181); }
.card-body { background-color: #ebdcdc; }
.card-body p { text-align: left;}
.card-footer { background-color: #222; color: #ebdcdc;}
.card { border: 1px solid rgb(209, 181, 181); }

/* PC/SP */
@media (max-width: 575.98px) {
  .area-head { margin:0 0 3rem; }
  .area-kantei { margin: 0 0 3rem; }
  .area-kantei-in { padding: 3rem 1.5rem 1.5rem;}
  .area-apo, .area-prof { padding: 0 2rem 3rem;}
  .area-apo-in, .area-prof-in { padding: 2rem;}
  .area-form { padding: 0 2.8rem 2rem;}
  .area-form-in { padding: 1.5rem 1rem;}
  .setin-img { width: 70%;}
  .setin-text { margin-left: 1rem; line-height: 2;}
 }

@media (min-width: 576px) and (max-width: 767.98px) { 
  .area-head { margin:0 0 3rem; }
  .area-head p.small { font-size: 1.3rem; }
  .area-head p.xsmall { font-size: 1rem; }
  .area-kantei { margin: 0 0 3rem; }
  .area-kantei-in { padding: 3rem 0rem 1.5rem;}
  .area-apo, .area-prof { padding: 0 3rem 3rem;}
  .area-apo-in, .area-prof-in { padding: 3rem; }
  .area-form { padding: 0 3.7rem 3rem;}
  .area-form-in { padding: 3rem;}
  .setin-img { width: 100px;}
  .setin-text { margin-left: 2rem; line-height: 2;}
 }

@media (min-width: 768px) { 
  .area-head { margin:0 0 4rem; }
  .area-head p.small { font-size: 1.4rem; }
  .area-head p.xsmall { font-size: 1rem; }
  .area-kantei { margin: 0 0 4rem; }
  .area-kantei-in { padding: 4rem 3rem 2.5rem;}
  .area-apo, .area-prof { padding: 0 4rem 4rem; }
  .area-apo-in, .area-prof-in { padding: 3rem;}
  .area-form { padding: 0 4rem 4rem;}
  .area-form-in { padding: 5rem;}
  .setin-img { width: 100px;}
  .setin-text { margin-left: 2rem; line-height: 2;}
}