@charset "UTF-8";
/*
Theme Name: サワムラガク千葉 教習保険
Author: Munenori Kojima
*/

/*=======================================================
h1
=======================================================*/
.h1_wrapper {
  background-color: #f4f1df;
}
.h1_wrapper h1 {
  padding: 0 0 0 80px;
}
.h1_wrapper h1::before {
  content: "";
  background: url(../images/top/peterpan.svg) no-repeat;
  background-size: contain;
  width: 68px;
  height: 108px;
  display: block;
  position: absolute;
  left: 390px;
  top: -17px;
}
@media screen and (max-width: 750px) {
  .h1_wrapper h1::before {
    left: 220px;
    top: 0px;
  }
}
/*=======================================================
h2
=======================================================*/
.contents .inner h2 {
  margin: 0 0 25px;
  padding: 11px 10px 7px 30px;
  background: #5db36e;
  border-radius: 10px;
  font-size: 24px;
  color: #fffbf4;
  font-weight: bold;
  height: 55px;
  display: flex;
  align-items: center;
  position: relative;
}
@media screen and (max-width: 750px) {
  .contents .inner h2 {
    margin: 0 0 35px;
    font-size: 30px;
  }
}
/*=======================================================
h3
=======================================================*/
.contents .inner h3 {
  margin: 0 0 20px;
  padding: 0 0 10px 25px;
  border-bottom: 1px solid #3c2a10;
  font-size: 21px;
  font-weight: bold;
  position: relative;
}
.contents .inner h3::before {
  content: "";
  display: block;
  width: 10px;
  height: calc(100% - 10px);
  background: #dd8925;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  .contents .inner h3 {
    margin: 0 0 25px;
    padding: 0 0 15px 30px;
    font-size: 28px;
  }
}
@media screen and (max-width: 750px) {
  .contents .inner h3::before {
    width: 15px;
    height: calc(100% - 15px);
  }
}
/*=======================================================
p
=======================================================*/
.contents .inner p {
  line-height: 1.67;
  margin: 20px;
}
@media screen and (max-width: 750px) {
  .contents .inner p {
    margin: 20px 20px 30px 20px;
  }
}
.contents .inner p strong {
  font-weight: bold;
}
/*=======================================================
ul,li
=======================================================*/
.contents .inner ul {
  padding: 0 0 10px 0;
}
.contents .inner ul li {
  margin: 0 0 20px;
  padding: 4px 0 0 25px;
}
@media screen and (max-width: 750px) {
  .contents .inner ul {
    padding: 0 0 20px 0;
  }
}
/*=======================================================
mb
=======================================================*/
.contents .inner .mb_20 {
  margin-bottom: 20px;
}
.contents .inner .mb_30 {
  margin-bottom: 30px;
}
.contents .inner .mb_40 {
  margin-bottom: 40px;
}