@charset "UTF-8";

/* 201904追加　common */
body #defsapo {
  color: #4d4c4a;
  line-height: 1.8;
}
a,
a:link,
a:visited {
  text-decoration: underline;
  color: #2d9e9c;
}
.h1 {
  font-weight: bold;
}
h2 {
  font-size: 1.5rem;
  font-weight: bold;
  color: #2d9e9c;
  text-align: center;
  margin-bottom: 1.5em;
}
h3 {
  font-size: 1.25rem;
  font-weight: bold;
  margin-bottom: 1em;
}


/* デフサポコラム */
a.cat-name,
a.cat-name:link,
a.cat-name:visited {
  text-decoration: none;
  color: #fff;
}
a.cardtype__link,
a.cardtype__link:link,
a.cardtype__link:visited {
  text-decoration: none;
}
.sng-box a,
.sng-box a:link,
.sng-box a:visited,
.footer-contents a,
.footer-contents a:link,
.footer-contents a:visited {
  text-decoration: none;
}
a.like_insta,
a.like_insta,
a.like_insta {
  text-decoration: none;
  color: #fff;
}


#header {
  margin-bottom: 0;
}
#header img {
  max-width: 240px;
}
#header-box,
.pickup-contents-box-post-type {
  display: none;
}
#defsapo #logo a {
  text-decoration: none;
}
#drawer__open {
  top: 18px!important;
}
#menu-item-3663 label {
  display: inline!important;
}
.totop {
    background: #2d9e9c;
}

img {
  max-width: 100%;
  height: auto;
}
ul {
  margin: 0;
  padding: 0;
}
.jumbotron {
  border-radius: 0;
  margin-bottom: 0;
}
#defsapo {
  background-color: #ffffff;
}
#defsapo .video {
  position:relative;
  width:100%;
  padding-top:56.25%;
}
#defsapo .video iframe {
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
a {
  color: #2d9e9c;
}
a:hover img {
  opacity: 0.6;
}

#defsapo .btn {
  border-radius: 2em;
}
#defsapo a.btn,
#defsapo a.btn:link,
#defsapo a.btn:visited, 
#defsapo .btn a,
#defsapo .btn a:link,
#defsapo .btn a:visited {
  text-decoration: none;
}
.btn-primary {
  color: #fff;
  background-color: #2d9e9c;
  border-color: #2d9e9c;
  border-radius: 2em;
}
a.btn-primary {
  color: #fff;
}
.btn-outline-primary {
  color: #2d9e9c;
  border-color: #2d9e9c;
  border-radius: 2em;
}
#defsapo .btn:hover,
#defsapo .btn a:hover,
#defsapo .btn-outline-primary:hover,
#defsapo .btn-outline-primary a:hover {
  color: #fff;
  border-color: #2d9e9c;
  background-color: #2d9e9c;
}
#defsapo a.btn-primary:hover,
#defsapo .btn-primary a:hover {
  color: #2d9e9c;
  border-color: #2d9e9c;
  background-color: inherit;
}

#defsapo .btn-success {
  background-color: #2d9e9c;
  border-color: #2d9e9c;
  color: #fff;
}
#defsapo .btn-action {
  background-color: #fef175;
  color: #2d9e9c;
}
#defsapo .btn-lg {
  display: block;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1rem;
}
#defsapo .btnArea {
  display: flex;
  justify-content: space-between;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  max-width: 700px;
}
#defsapo .btnArea .btn-lg {
  width: 48%;
}
#defsapo .btnArea.btnAreaLg {
  display: block; 
}
#defsapo .btnArea.btnAreaLg .btn-lg {
  width: 100%;
  max-width: 600px;
}
#defsapo .btnArea.btnAreaLg .btn-lg + .btn-lg {
  margin-top: 1em;
}

#defsapo input.wpcf7-submit {
  color: #fff;
  background-color: #2d9e9c;
  border-color: #2d9e9c;
  border-radius: 2em;
  cursor: pointer;
  display: block;
  width: 100%;
  max-width: 600px;
  padding: 1em;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.1rem;
}
#defsapo input.wpcf7-submit:hover {
  color: #2d9e9c;
  border-color: #2d9e9c;
  background-color: inherit;
}


.defHLogo {
  max-width: 120px;
}
.defCont {
  padding-top: 4em;
  padding-bottom: 4em;
  width: 90%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}
.defConItem {
  width: 90%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.defConIntro {
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  max-width: 600px;
}


/* 下層共通 */
.defPage .defPagTit {
  background-color: #2d9e9c;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 2em;
  min-height: 150px;
}
.defPage h1 {
  font-size: 1.6rem;
  font-weight: bold;
}
.defPage .defCont {
  /* padding-top: 0; */
  max-width: 700px;
}

.defPagTbl {
  border: #e6e6e6 1px solid;
  font-size: 0.9rem;
  width: 100%;
  max-width: 800px;
  margin-bottom: 2em;
  line-height: 1.8;
}
.defPagTbl tr + tr {
  border-top: #e6e6e6 1px solid;
}
.defPagTbl th + th,
.defPagTbl th + td,
.defPagTbl td + td {
  border-left: #e6e6e6 1px solid;
}
.defPagTbl th {
  background-color: #fefcf7;
  font-weight: normal;
  padding: 0.5em;
  width: 7em;
}
.defPagTbl td {
  padding: 0.5em;
}



/* top */
.defSemBrand .sp,
.carousel-item .sp {
  display: block;
}
.defSemBrand .pc,
.carousel-item .pc {
  display: none;
}

#defsapo .carousel-indicators {
  bottom: -53px;
}
#defsapo .carousel-indicators li {
  width: 7px;
  height: 7px;
  border-radius: 100%;
  margin-right: 8px;
  margin-left: 8px;
}
#defsapo .carousel-indicators li {
  background-color: #2d9e9c;
}
#defsapo a.left.carousel-control {
  top: 50%;
  position: absolute;
  left: -35px;
}
#defsapo a.right.carousel-control {
  top: 50%;
  position: absolute;
  right: -35px;
}
#defsapo .fa-arrow-circle-o-left:before,
#defsapo .fa-arrow-circle-o-right:before {
  font-size: 2em;
  opacity: 0.6;
}


.defTopIntro {
  margin-top: 3em;
}
.defTopIntro h2 {
  margin-bottom: 1em;
}
.defTopIntTxt {
  width: 90%;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}
.defTopIntImg {
  max-width: 600px;
  margin-left: 5%;
}

.defTopWill .video {
  margin-bottom: 1em;
}
.defTopWilImg {
  text-align: center;
  margin-bottom: 1em;
}
.defTopWilTxt {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}

.defTopPerformance {
  width: 90%;
  max-width: 700px;
  margin-left: auto;
  margin-right: auto; 
}
.defTopPerIteArea a {
  text-decoration: none;
}
.defTopPerItem {
 display: flex;
 justify-content: space-between;
margin-bottom: 1.5em;
}
.defTopPerItem a {
  padding: 0.5em;
  display: flex;
  justify-content: space-between;
}
.defTopPerItem a:hover {
  background: #eff7f4;
  color: #2d9e9c;
}
.defTopPerIteImg {
  width: 50%;
  max-width: 300px;
}

.defTopPerIteText {
  padding: 0;
  width: 55%;
  margin-right: 2%; 
}
.defTopPerIteText h3 {
  color: #2d9e9c;
  font-size: 1.1em;
}
.defTopPerIteText p {
  font-size: 0.9rem;
  color: #4d4c4a;
}
.defTopPerIteText p.defTopPerIteTexLink {
  color: #2d9e9c;
  text-decoration: underline;
}
.defTopPerItem a:hover .defTopPerIteTexLink {
  text-decoration: none;
}

.defTopNewCont {
  margin-bottom: 3em;
}
.defTopNews .badge a {
 pointer-events: none;
 color: #fff;
 text-decoration: none;
}

.defTopBlog {
  background-color: #eff7f4;
}
.defTopBloTit {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.defTopBloIntro {
  margin-bottom: 2em;
}
.defTopBloCard {
  margin-bottom: 2em;
}
.defTopBloCard .metabox {
  display: flex;
  align-items: center;
  background: #fff;
  margin-bottom: 1em;
  border-radius: 1em;
  overflow: hidden;
}
.defTopBloCard a {
  display: inline-block;
  text-decoration: none;
}
.defTopBloCard a:hover {
  opacity: 0.6;
}
.defTopBloCarImg {
width: 70%;
}
.defTopBloCarTxtArea {
box-sizing: border-box;
padding: 1em;
margin-bottom: 0;
font-size: 12.5px;
width: 100%;
text-decoration: none;
}
.defTopBloCarTag {
  color: #a3a3a2;
  font-size: 13px;
  display: inline-block;
  margin-bottom: 0.6em;
}
.defTopBloCarTit {
  font-size: 14px;
}
.bg-green {
  background-color: #eff7f4;
}
.space-2 {
    padding-top: 4rem;
    padding-bottom: 4rem;
}
.bg-img-hero {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}
.card-img-right {
    width: 100%;
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}
.border-left-0 {
    border-left: 0 !important;
}
.card {
  flex: initial;
}
.defTopTraining {
background-color: #e9ecef;
margin-bottom: 0;
}
.defTopMember {
  background-color: #fffef1;
}
.defTopTraining .defConIntro,
.defTopMember .defConIntro {
  max-width: inherit;
}
.defTopMemTit {
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.defTopMemBtnLogin {
  text-align: center;
}

footer.footer {
  background: #eee9e1;
  padding: 20px;
}
.footer a {
    color: #4d4c4a!important;
}
/*footer,
footer a {
  color: #4d4c4a!important;
}*/
footer .footer-inner li {
color: #ddd;
display: inline-block;
padding: 5px 15px;
margin: 0 5px;
border-right: 1px solid #ddd;
}
footer .footer-inner li:first-child {
border-left: 1px solid #ddd;
}
.footer-menu-sp .menu-item {
  width: 50%;
  font-size: 12px;
}
.footer-menu-sp .menu-item a {
  margin: 10px;
  padding: 10px;
  color: #2d9e9c;
  border: 1px solid #2d9e9c;
  border-radius: 2em;
}
footer .footer-inner #copyright {
  color: #a89f9a;
  margin-top: 20px;
}

/* デフゼミ */
.defSemBrand {
  width: 100%;
  max-width: 800px;
  padding-top: 3em;
  margin-left: auto;
  margin-right: auto;
}
.defSemBrand h1 {
  margin-bottom: 1em;
  text-align: center;
}
.defSemBrand p {
  max-width: 600px;
}
.defSemCvr {
  margin-bottom: 2em;
}

.defSemIntro.defCont {
  margin-top: 2em;
}
.defSemIntAsk {
  margin-bottom: 1em;
}
.defSemArrow {
  text-align: center;
  margin-bottom: 1.5em;
}
.defSemArrow img {
  width: 50%;
  max-width: 300px;
}
.defSemiPoint {
  margin-bottom: 3em;
}
.defSemiPoint div {
  text-align: center;
  margin-bottom: 1em;
}
.defSemiPoint p {
  font-size: 0.9em;
}

.defCVRCont {
  background-color: #2d9e9c;
  color: #fff;
}
.defCVRCont h2 {
  color: #fff;
}
.defCVRImg {
  margin-bottom: 2em;
  text-align: center;
}

.defSemDescription {
  width: 90%;
  max-width: 700px;
  margin-top: 4em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 4em;
  text-align: center;
}
.defSemDesTit {
 background: url(../img/defsemi/tit_bg_brd.png) #eba82b;
 padding: 0.5em;
 font-size: 1.8em;
 display: inline-block;;
 color: #fff;
 font-weight: bold;
  margin-bottom: 1em;
}
.defSemDesMTit {
  color: #eba82b;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
  position: relative;
  display: inline-block;
}
.defSemDesMTit:before {
  background: url(../img/defsemi/line_orange_l.png);
  background-size: 32px;
  content: "";
  position: absolute;
  bottom: 0.5em;
  left: -52px;
  width: 32px;
  height: 45px;
}
.defSemDesMTit:after {
  background: url(../img/defsemi/line_orange_r.png);
  background-size: 32px;
  content: "";
  position: absolute;
  bottom: 0.5em;
  right: -43px;
  width: 32px;
  height: 45px;
}
.defSemDesTxt {
  font-size: 1.2em;
  font-weight: bold;
}

.defSemDesSample {
  background-color: #fffef1;
  padding-top: 4em;
  padding-bottom: 4em;
  margin-bottom: 1em;
}
.defSemDesSample h3 {
  font-size: 1.5rem;
  color: #2d9e9c;
  text-align: center;
  margin-bottom: 1.5em;
}
.defSemDesSamSlide {
  width: 90%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.defSemRecItem li {
  background-color: #fffcea;
  padding: 1em;
  margin-bottom: 1em;
}
.defSemRecItem h3 {
  position: relative;
  padding-top: 12px;
  padding-left: 64px;
  line-height: 1.6;
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1em;
}

.defSemRecItem li h3:before {
  content: "";
  position: absolute;
  top: 16px;
  left: 0;
  width: 50px;
  height: 50px;
  padding-right: 10px;
}
.defSemRecItem li:first-child h3:before {
  background: url(../img/defsemi/reco_tit01-min.png) no-repeat;
  background-size: 50px;
}
.defSemRecItem li:nth-child(2) h3:before {
  background: url(../img/defsemi/reco_tit02-min.png) no-repeat;
  background-size: 50px;
}
.defSemRecItem li:nth-child(3) h3:before {
  background: url(../img/defsemi/reco_tit03-min.png) no-repeat;
  background-size: 50px;
}
.defSemRecTxt {
  font-size: 0.9em;
}
.defSemRecCopy {
  color: #eba82b;
  font-weight: bold;
  font-size: 1.5em;
  text-align: center;
}
.defSemRecCopy strong {
  font-size: 1.8rem;
}


.defSemGreeting {
  background-color: #f3fafa;
  padding-top: 5em;
  padding-bottom: 4em;
}
.defSemGrePh {
  margin-bottom: 2em;
}
.defSemGreName {
  color: #2d9e9c;
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 1em;
}
.defSemGreCopy strong {
background: #fef175;
}

.defSemKadai {
  background: url(../img/defsemi/bg.png);
  background-size: 12px;
  margin-top: 4em;
  margin-bottom: 2em;
  padding: 2em;
}
.defSemKadai h2 {
  padding-bottom: 0.5em;
  border-bottom: 2px solid #2d9e9c;
}
.defSemKadList div + div {
  margin-top: 2em;
}
.defSemKadList dt:before {
  content: "●";
  color: #2d9e9c;
  font-size: 1.1em
}
.defSemKadList dt {
  font-size: 1.1em;
  margin-bottom: 0.5em;
}
.defSemKadList dd {
  font-size: 0.9em;
}

.defSemVoice {
  max-width: 700px;
}
.defSemVoiImg {
  width: 80%;
  max-width: 300px;
  margin-left: auto;
  margin-right: auto;
}
.defSemSupport {
  text-align: center;
}
.defSemSupCopy {
  color: #2d9e9c;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
  position: relative;
  display: inline-block;
}
.defSemSupCopy:before {
  background: url(../img/defsemi/line_green_l.png);
  background-size: 32px;
  content: "";
  position: absolute;
  bottom: 0.5em;
  left: -52px;
  width: 32px;
  height: 45px;
}
.defSemSupCopy:after {
  background: url(../img/defsemi/line_green_r.png);
  background-size: 32px;
  content: "";
  position: absolute;
  bottom: 0.5em;
  right: -43px;
  width: 32px;
  height: 45px;
}
.defSemSupTit {
background-color: #eba82b;
 padding: 0.5em;
 font-size: 1.8em;
 display: inline-block;;
 color: #fff;
 font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.4;
}
.defSemSupImg {
  margin-bottom: 3em;
}
.defSemSupTxt {
  font-size: 1.6em;
  font-weight: bold;
  line-height: 1.4; 
}

.defSemDtl {
  background-color: #fdf9ef;
}
.defSemDtl .defCont {
  max-width: 700px;
}

.defSemDtl .defPagTbl {
  background-color: #fff;
}
.defSemDtl .defPagTbl th {
  background-color: #f3fafa;
}
.defSemFlow {
  max-width: 700px;
}
.defCouPayment {
  background-color: #fdf9ef;
}
.defCont {
  max-width: 700px;
}


/* デフサポコラム */
.defColCTA {
  margin: 0 auto;
}
.defCVRDefsemi {
  text-align: center;
}

/* デフゼミお申し込みページ */


/* デフサポとは？ */
.defAboVisTxt {
  margin-bottom: 2em;
}
.defAboVisImg {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
}
.defAboDetail {
  padding-top: 4em;
  padding-bottom: 4em;
  background: #fefcf7;
}
.defAbout.defTopPerformance {
  margin-top: 0;
}


/* カウンセリング */
.defCouIntro {
  background-color: #fdf9ef;
}
.defCouIntro .defCont {
  max-width: 700px;
}
.defCouIntTxtArea {
  margin-bottom: 4em;
}
.defCouIntImg {
  margin-bottom: 2em;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 400px;
}
.defCouIntTxt {
  text-align: center;
}
.defCouIntList li {
  margin-bottom: 3em;
}
.defCouTarImg {
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.defCouTarImg img + img {
  margin-top: 1.5em;
}
.defCouTarCase {
  margin-top: 3em;
  text-align: center;
}

.defCouInstructor {
  background-color: #fdf9ef;
}
.defCouInsCont {
  display: flex;
  justify-content: center;
  align-items: center;
}
.defCouInsImg {
  margin-right: 1.5em;
  margin-bottom: 1em;
  width: 38%;
  max-width: 200px;
}
.defSemGreName {
  margin-top: 1em;
  font-size: 0.9em;
}
.defCouInsTxt {
  width: 60%;
}

.defCouVoiDtl {
  margin-bottom: 4em;
}
.defCouVoiDtlImg {
  border: 2px solid #ddd;
  padding: 1em;
  text-align: center;
}

.defCouCase {
  background-color: #fdf9ef;
}
.defCouCasList li {
  margin-bottom: 3em;
}

.defCouFlow {
  background-color: #E9ECEF;
}
.defCouFloImg {
  text-align: center;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.defCouPrice {
  background-color: #fdf9ef;
}
.defCouPrice .defCont {
  max-width: 400px;
}
.defCouPriTbl .defPagTbl {
border: 2px solid #2d9e9c;
}
.defCouPriTbl .defPagTbl td {
  border: 0;
  padding: 1.3em;
}
.defCouPriTbl .defPagTbl tr {
  border-color: #2d9e9c;
}
.defCouPriTbl .defPagTbl td:first-child {
  width: 10em;
}
.defCouPriTblSale {
  color: #2d9e9c;
  font-weight: bold;
}
.defCouPriTblSale strong {
  font-size: 1.6em;
}
.defCouPayFaq {
  margin-bottom: 3em;
  text-align: center;
}

.defCouPayment .defConIntro {
  max-width: 400px;
}
.defCouPayTxt {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
.defCouPayList {
  border: 2px solid #2d9e9c;
  padding: 1.3em;
  margin-bottom: 2em;
}
.defCouPayBtnArea li {
  margin-bottom: 2em;
}



/* 実績紹介ページ */
.defPerKigyoujyuku {
  border: #ffee85 5px solid;
  padding: 2em;
  margin-bottom: 5em;
}
.defPerKigyoujyuku li + li {
  margin-top: 1em;
}
.defPerMedList li {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2em;
  max-width: 400px;
}
.defPerMedia {
  margin-bottom: 4em;
}
.defPerSerItem {
  margin-bottom: 4em;
}
.defPerSerPh {
  margin-bottom: 2em;
}
.defPerSerPh2 {
  display: flex;
  justify-content: space-between;
  font-size: 0.8em;
}
.defPerSerPh2 > div,
.defPerSerPh2 > img {
  width: 48%;
}
.defPerSerOutline {
  background-color: #fefcf7;
  padding-top: 3em;
  padding-bottom: 3em;
}
.defCont {
    padding-top: 4em;
    padding-bottom: 4em;
    width: 90%;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.defPerSerOutYear h3 {
  padding-bottom: 0.5em;
  border-bottom: 2px solid #4d4c4a;
}
.defPerSerOutYear + .defPerSerOutYear {
  margin-top: 2em;
  padding-top: 2em;
  border-top: 1px solid #dddddd;
}
.defPerSerOutYeaList img.alignleft {
  padding: 4px;
  margin: 0 20px 2px 0;
  display: inline;
  float: none;
}
.defPerSerOutYeaList li {
  display: flex;
  justify-content: space-between;
}
.defPerSerOutYeaList li div {
  width: 80px;
}
.defPerSerOutYeaList li p {
  width: calc(98% - 80px);
}


/* デフサポとは？ */
.defAboVisImg {
  text-align: center;
  margin-bottom: 2em;
}
.defAboDetail {
  padding-top: 4em;
  padding-bottom: 4em;
  background: #fefcf7;
}
.defAbout.defTopPerformance {
  margin-top: 0;
}


/* カウンセリング */
.defCouIntro {
  background-color: #fdf9ef;
}
.defCouIntTxtArea {
  margin-bottom: 4em;
}
.defCouIntImg {
  margin-bottom: 1em;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  max-width: 400px;
}
.defCouIntList li {
  margin-bottom: 3em;
}
.defCouTarImg {
  text-align: center;
}
.defCouTarImg img + img {
  margin-top: 1em;
}
.defCouTarCase {
  margin-top: 4em;
  text-align: center;
}

.defCouInstructor {
  background-color: #fdf9ef;
}
.defCouInsCont {
  display: flex;
  justify-content: center;
  align-items: center;
}
.defCouInsImg {
  margin-right: 1.5em;
  margin-bottom: 1em;
  width: 38%;
  max-width: 200px;
}
.defCouInsTxt {
  width: 60%;
}

.defCouVoiDtl {
  margin-bottom: 4em;
}
.defCouVoiDtlImg {
  border: 2px solid #ddd;
  padding: 1em;
  text-align: center;
}

.defCouCase {
  background-color: #fdf9ef;
}
.defCouCasList li {
  margin-bottom: 3em;
}

.defCouFloImg {
  text-align: center;
  max-width: 400px;
}

.defCouPrice {
  background-color: #fdf9ef;
}
.defCouPriTbl .defPagTbl {
border: 2px solid #2d9e9c;
}
.defCouPriTbl .defPagTbl td {
  border: 0;
  padding: 1.3em;
}
.defCouPriTbl .defPagTbl tr {
  border-color: #2d9e9c;
}
.defCouPriTbl .defPagTbl td:first-child {
  width: 10em;
}
.defCouPriTblSale {
  color: #2d9e9c;
  font-weight: bold;
}
.defCouPriTblSale strong {
  font-size: 1.6em;
}
.defCouPayFaq {
  margin-bottom: 3em;
  text-align: center;
}

.defCouPayTxt {
  width: 80%;
  margin-left: auto;
  margin-left: auto;
}
.defCouPayBtnArea li {
  margin-bottom: 2em;
}


/* デフゼミ */
.defMemSns {
  background-color: #fdf9ef;
  padding: 2em;
}
.defMemSns .profile-follow {
  justify-content: center;
}


/* 難聴の基礎知識 */
.defBasic {
  background-color: #f3f1ed;
  margin-top: -1em;

}
.defBasic .defCont {
  margin-top: 0;
  padding-top: 0;
}
.defBasic h1 {
  text-align: center;
  margin-bottom: 1em;
}
.defBasIntro {
  margin-bottom: 4em;
}

.defBasOutline {
  background-color: #ffffff;
  padding: 1em;
  margin-bottom: 3em;
}
.defBasOutline a {
  text-decoration: none;
  color: #4d4c4a;
}
.defBasOutline h2 {
  text-align: left;
  color: #4d4c4a;
}
.defBasOutline {
  counter-reset: outline-number;
  list-style-type: none!important;
  padding-left: 1.5em;
  position: relative;
}
.defBasOutline li {

}
.defBasOutline li:before {
  position: relative;
  counter-increment: outline-number;
  content: counter(outline-number) ".";
  display: inline-block;
}
.defBasOutline li + li {
  margin-top: 1em;
}


/*ラベル*/
.ac-box label{
font-weight: bold;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
transition: all 0.5s;
opacity: 0.6;
}

/*ラベルホバー時*/
.ac-box label:hover{
-webkit-transition: all .3s;
transition: all .3s;
}

/*チェックを隠す*/
.ac-box input{
display: none;
}

/*チェックのアイコン*/
.ac-box label:after{
position: absolute;
right: 0px;
content:"▼";
}
.ac-box input:checked ~ label::after {
content:"▲";
}

.ac-box div{
height: auto;
opacity: 1;
transition: 0.5s;
}
.ac-box input:checked ~ div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}
.ac-small p{
margin-bottom: 0px;
}


.defBacList + .defBacList {
  margin-top: 3em;
}
.defBacList h2 {
  position: relative;
  padding-top: 1.5em;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  text-align: left;
  border-bottom: 2px solid #2d9e9c;
}
.defBacList h2:before {
  content: "STEP";
  position: absolute;
  top: 0;
  display: inline-block;
  padding: 0.5em;
  border-radius: 1.5em;
  background-color: #2d9e9c;
  color: #ffffff;
  font-size: 0.5em;
}
.defBacList01 h2:before {
  content: "STEP 1";
}
.defBacList02 h2:before {
  content: "STEP 2";
}
.defBacList03 h2:before {
  content: "STEP 3";
}
.defBacList04 h2:before {
  content: "STEP 4";
}
.defBacList05 h2:before {
  content: "STEP 5";
}
.defBacList06 h2:before {
  content: "STEP 6";
}
.defBacList07 h2:before {
  content: "STEP 7";
}
.defBacList08 h2:before {
  content: "STEP 8";
}
.defBacList09 h2:before {
  content: "STEP 9";
}
.defBacList10 h2:before {
  content: "STEP 10";
}

.defBacList ol {
  counter-reset: number;
  list-style-type: none!important;
  padding: 0;
}
.defBacList ol li {
  background-color: #ffffff;
  border-radius: 0.25em;
  position: relative;
  line-height: 1.5em;
  border-left : solid 4em #dcede9;
  margin-bottom: 5px;
}
.defBacList ol li:before {
  position: absolute;
  counter-increment: number;
  content: "" counter(number);
  display:inline-block;
  color: #2d9e9c;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -4.2em;
  width: 4em;
  height: 1em;
  line-height: 1;
  text-align: center;
}
.defBacList ol li:nth-child(1):before {
  content: "1-" counter(number); 
}
.defBacList ol li:nth-child(2):before {
  content: "2-" counter(number); 
}
.defBacList ol li:nth-child(3):before {
  content: "3-" counter(number); 
}
.defBacList ol li:nth-child(4):before {
  content: "4-" counter(number); 
}
.defBacList ol li:nth-child(5):before {
  content: "5-" counter(number); 
}
.defBacList ol li:nth-child(6):before {
  content: "6-" counter(number); 
}
.defBacList ol li:nth-child(7):before {
  content: "7-" counter(number); 
}
.defBacList ol li:nth-child(8):before {
  content: "8-" counter(number); 
}
.defBacList ol li:nth-child(9):before {
  content: "9-" counter(number); 
}
.defBacList ol li:nth-child(10):before {
  content: "10-" counter(number); 
}

.defBacList ol li + li {
  margin-top: 1em;
}
.defBacList ol li a {
  color: #4d4c4a;
  display: inline-block;
  width: 100%;
  text-decoration: none;
  padding: 1.5em;
}




/* デフサポ会員 */
.profile-follow {
  display: flex; }
  @media (max-width: 767px) {
    .profile-follow {
      justify-content: center;
      margin-top: 20px; } }
  @media (min-width: 768px) {
    .profile-follow {
      justify-content: flex-end; } }
  .profile-follow a {
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    display: block;
    color: #2d9e9c;
    margin: 0 5px;
    border: 1px solid #2d9e9c;
    overflow: hidden;
    line-height: 0 !important; }
    @media (max-width: 767px) {
      .profile-follow a {
        font-size: 13px;
        padding: 8px 10px;
        width: 34px;
        height: 34px;
        border-radius: 20px; } }
    @media (min-width: 768px) {
      .profile-follow a {
        font-size: 11px;
        padding: 6px 6px;
        width: 28px;
        height: 28px;
        border-radius: 14px; } }
  .profile-follow a:hover {
    color: #f8b500 !important;
    -webkit-transform: scale(1.1);
    transform: scale(1.1); }
  @media (max-width: 767px) {
    .profile-follow .twitter-sns a {
      padding-left: 8px; } }
  @media (min-width: 768px) {
    .profile-follow .twitter-sns a {
      padding-left: 6px; } }
  @media (max-width: 767px) {
    .profile-follow .facebook-sns a {
      padding-left: 11px; } }
  @media (min-width: 768px) {
    .profile-follow .facebook-sns a {
      padding-left: 8px; } }
  @media (max-width: 767px) {
    .profile-follow .instagram-sns a {
      padding-left: 8px; } }
  @media (min-width: 768px) {
    .profile-follow .instagram-sns a {
      padding-left: 7px; } }
  @media (max-width: 767px) {
    .profile-follow .youtube-sns a {
      padding-left: 6px; } }
  @media (min-width: 768px) {
    .profile-follow .youtube-sns a {
      padding-left: 5px; } }
  @media (max-width: 767px) {
    .profile-follow .contact-sns a {
      padding-left: 7px; } }
  @media (min-width: 768px) {
    .profile-follow .contact-sns a {
      padding-top: 5px;
      padding-left: 6px; } }
  .profile-follow .contact-sns a svg {
    width: 100%; }
  @media (max-width: 767px) {
    .profile-follow .line-sns a {
      padding-top: 12px;
      padding-left: 6px; } }
  @media (min-width: 768px) {
    .profile-follow .line-sns a {
      padding-top: 10px;
      padding-left: 5px; } }
  .profile-follow .line-sns a svg {
    height: auto;
    -webkit-transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease;
    transition: color 0.4s ease, background 0.4s ease, transform 0.4s ease, opacity 0.4s ease, border 0.4s ease, padding 0.4s ease, left 0.4s ease, box-shadow 0.4s ease; }
    @media (max-width: 767px) {
      .profile-follow .line-sns a svg {
        width: 20px; } }
    @media (min-width: 768px) {
      .profile-follow .line-sns a svg {
        width: 16px; } }
  .profile-follow .line-sns a:hover svg {
    fill: #f8b500 !important; }

@media (min-width: 768px) {
  .profile-follow.center-pos {
    justify-content: center; } }
/* ▲デフサポ会員 */    


@media (max-width: 767px) {
.defTopBlog .card-deck {
    -ms-flex-flow: column;
    flex-flow: column;
  }
}
@media (min-width: 768px) {
.btn-lg {
  width: 80%;
}

#drawernav3 .hide,
#drawernav3 .pc_hide {
  display: none!important;
}
#drawernav3 a,
#drawernav3 a:hover {
  text-decoration: none:;
}
#header {
  max-width: 1200px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}
#header a {
  text-decoration: underline;
}
#header .menu-box {
  width: 100%!important;
  justify-content: center;
}
#header .hide,
#headmenu {
  display: none!important;
}

.defSemBrand .sp,
.carousel-item .sp {
  display: none;
}
.defSemBrand .pc,
.carousel-item .pc {
  display: block;
}

.defTopIntro {
  max-width: 700px;
  margin-top: 3em;
  margin-left: auto;
  margin-right: auto;
}
.defTopIntCont {
  display: flex;
}
.defTopIntTxt {
  width: 48%;
}
.defTopIntImg {
  width: 50%;
  max-width: 600px;
  margin-left: 2%;
}
.defTopPerIteArea {
  display: flex;
  justify-content: space-between;
}
.defTopPerItem {
  width: 49%;
}
.defTopPerIteText {
  width: 60%;
}
.defTopPerIteImg {
width: 40%;
}

.defPerKigyoujyuku {
  padding: 4em;
}
.defPerMedList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
}
.defPerMedList li {
  width: 32%;
}

/* デフゼミ */
.defSemBrand {
padding-top: 0;
}
.defSemRecItem {
  display: flex;
  justify-content: space-between;
}
.defSemRecItem li {
  width: 32.5%;
}
.defSemRecItem h3 {
  text-align: center;
  padding-top: 70px;
  padding-left: 0;
  font-size: 1em;
  margin-bottom: 1em;
}
.defSemRecItem li h3:before {
  top: 10px;
  left: 69px;
}

.defSemDtl .defPagTbl {
  table-layout: fixed;
}


/* カウンセリング */
.defCouIntList {
  display: flex;
  justify-content: space-between;
}
.defCouIntList li {
  width: 45%;
}

}