br.pc{
    display:block;
}
@media (max-width: 1024px) {
    br.pc{
    display:none;
    }
}
@media (max-width: 768px) {
        br.pc{
    display:none;
    }
}

/*** MV ****/

.mv {
  position: relative;
  padding: 60px 30px;
  background: #fff;
  overflow: hidden;
}

.mv__inner {
  display: flex;
  align-items: center;
  max-width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 2; /* 青ベタの上 */
}

.mv__text {
  /* flex: 1 1 50%; */
  width: 50%;
  padding: 20px;
}

.mv__lead {
    width: 60%;
    margin: 0 auto;
}


.mv__catch {
    position: relative;
    width: 60%;
  margin: 40px auto; 
}

/* 青ベタ帯 */
.mv__catch::before {
    content: '';
    display: inline-block;
 position: absolute;
  top: 50%;
  left: -50%;
  transform: translateY(-50%);
  width: calc(100vw + 50%);
  height: 120%;
  background: #2cb7c7;
  z-index: -1;
}


.mv__desc {
  font-size: 1.5em;
  color: #191919;
  /* width: fit-content; */
  display: table;  
  margin: 0 auto;
  line-height: 1.6;
  width: 60%;
}
p.mv_btn{
    width: 60%;
    display: table;
    margin: 0 auto;
    padding: 10px 0;
}
.mv__btn {
  display: inline-block;
  background-color: #FFCE00;
  color: #000;
  font-weight: bold;
  padding: 14px 50px 12px 34px;
  border-radius: 9999px;
  text-decoration: none;
  font-size: 2rem;
  transition: background 0.3s;
  position: relative;
}
.mv__btn:hover {
  background-color: #FFAE00;
}
.mv__btn::after {
  content: "";
  position: absolute;
  top: 48%;
  right: 18px; 
  transform: translateY(-50%);
  width: 12px; 
  height: 12px;
  background: url("https://peraichi.com/user_files/download/7e0327f0-5fc7-013e-d40c-0a58a9feac02") no-repeat center / contain;
}

.mv__image {
  /* flex: 1 1 50%; */
  width: 40%;
  max-width: 750px;
  padding: 20px;
}
.mv__image img {
  /* width: 75%; */
  width: 100%;
  height: auto;
  display: block;
}

/* 青ベタ帯 */
/* .mv__bgline {
  position: absolute;
  top: 30%;
  left: 0;
  width: 100%;
  height: 37%;
  background: #2cb7c7;
  z-index: -1;
}*/

/* タブレット用 */
@media (max-width: 1300px) {
    /*  .mv__image img{
        width: 100%;
    }*/
    .mv__lead{
        width: 85%;
    }
    .mv__catch{
       width: 85%;
    }
    .mv__desc{
        width: 85%;
        font-size: 1.2em;
    }
    p.mv_btn{
        width: 85%;
    }
    .mv__btn{
        font-size: 1.5rem;
    }
}
/* スマホ用 */
@media (max-width: 768px) {
    .mv__text{
        width: 100%;
        padding: 0 20px;
    }
    .mv__desc{
        width: 100%;
    }
   .mv__image{
       width: 100%;
       padding: 0 0 20px;
    }
    p.mv_btn{
        width: fit-content;
        padding: 15px 0;
    }
}


/*** MVここまで ****/




p{
    color: #191919;
    letter-spacing: 1.2px;
}

div#section-22 .p-main-screen-full-size.c-bg-img.c-bg-img--cover.pera1-bg-editable{
    max-height: 700px;
}
div#section-22 .grid-wrapper{
    max-width: 1100px;
}
div#section-22 .p-main-screen-full-size__inner{
        min-height: 700px;
}

.p-main-badge__badge{
    -webkit-animation:none;
        animation:none;
}
.c-btn--circle a{
    background: #ffb300;
}
h2.title{
    text-align: center;
}
.tl-txt{
    margin: 30px auto 0;
    font-size: 1.8em;
    text-align: center;
    font-weight: bold;
}
.tl-txt  span.line{
    font-size: 1.35em;
    background-image: linear-gradient(to bottom, transparent 60%, #ffe169 60%);
    background-repeat: no-repeat;
  background-size: 100% 1.5em; /* 線の太さ */
  background-position: 0px -7px; /* 線の位置 */
}
.comic-box{
    text-align: center;
}
.comic-box .comic-txt{
     /*   background: #35B0BF;
    padding: 8px 17px 4px; */
    display: inline-block;
    color: #35B0BF;
    font-size: 1.5em;
    font-weight: bold;
}
h3.comic-title{
    color: #191919;
    font-size: 2.4em;
    font-weight: bold;
}
p.bt-txt{
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
p.bt-txt span{
    margin: 0 0 0 6px;
}
div#section-43 .c-wrapper--sm,
div#section-53 .c-wrapper--sm,
div#section-69 .c-wrapper--sm{
max-width: 850px;
margin: 0 auto;
padding: 0;
}
div#section-140 .row.row-item-gutter--lg{
    display: flex;
    align-items: center;
    line-height: 46px;
    letter-spacing: 1.2px;
}
.row.row-item-gutter--lg{
    display: flex;
    align-items: center;
}


/**** CV/ボタン用 ****/
div#section-46 div,
div#section-58 div,
div#section-71 div{
    padding: 0;
    margin: 0 auto;
}
div#section-46 p,
div#section-58 p,
div#section-71 p{
    margin: 0;    
}
div#section-45 a.pera1-editable,
div#section-59 a.pera1-editable,
div#section-72 a.pera1-editable,
div#section-119 a.pera1-editable,
div#section-136 a.pera1-editable,
.c-btn.c-btn--lg.c-btn--round a.pera1-editable{
    padding: 25px 25px 20px;
    font-weight: bold;
    background: #DD3E33;
}
div#section-134 .p-btn-contact__tel-wrapper.pera1-removable.c-inner--sm.u-pbsm{
    background-color: #F5F3F0;
}
div#section-134 .u-pblg{
    padding-bottom: 0px;
}
.c-btn.c-btn--min-half.u-mbmd.pera1-removable a.pera1-editable{
    padding: 25px 25px 20px;
    font-weight: bold;
    background: #DD3E33;
    border-radius: 300px;
    font-size: 1.3em;
}

/**** CV用セットここまで ****/

.box{
    text-align: center;
}
.box h3.cont-txt{
     /*   background: #35B0BF;
    padding: 8px 17px 4px; */
    display: inline-block;
    color: #35B0BF;
    font-size: 1.5em;
    font-weight: bold;
}
p.txt{
    text-align: center;
    font-size: 1.4em;
    line-height: 38px;
}
p.txt span{
    color: #35B0BF;
    font-weight: bold;
    font-size: 1.1em;
}
div#section-80 div{
    padding: 0;
}

.p-premium-heading-voice__body:before,
.p-premium-heading-voice__body:after{
    width: 4px;
    height: 80%; 
}
.theme-custom div[data-structure="b-premium-heading-voice"] .p-premium-heading-voice__body:before,
.theme-custom div[data-structure="b-premium-heading-voice"] .p-premium-heading-voice__body:after{
    background-color: #36B0BF !important;
}

div#section-146 .p-cards-captures--2col__caption-area{
    color: #191919;
    background-color: #ffe169;
}
div#section-69 li.pera1-sortable-item.pera1-removable div span,
div#section-153 li.pera1-sortable-item.pera1-removable div span{
    line-height: 38px;
}
.row.row-item-gutter--lg{
    display: flex;
    align-items: stretch;
}
.c-inner.p-cards-numbers--3col__item--box{
    background: #fff;
}
.p-cards-numbers--3col__item.u-mbmd.col-xs-12.col-sm-6.col-md-4.pera1-removable{
    align-items: stretch;
    display: flex;
    margin-bottom: 50px;
}
.u-mbmd.col-xs-12.col-sm-6.col-md-4.pera1-removable{
    margin-bottom: 40px;
}
div#section-159 .c-inner.c-inner--lg.c-inner--one-elem.c-inner--vertical{
    padding-top: 0;
}
div#section-123 li.pera1-sortable-item.pera1-removable{
    margin-bottom: 2.2em;
    margin-top: 0;
}
.c-symbol.c-symbol--sm.u-float-left.u-mrsm.u-mbxs.pera1-editable.pera1-removable{
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    height: 25px;
    width: 25px;
    margin-bottom: 4px;
}
.u-clearfix:nth-child(even) {
    margin-top: 5px;    
}
.u-clearfix:nth-child(even) .c-symbol.c-symbol--sm.u-float-left.u-mrsm.u-mbxs.pera1-editable.pera1-removable{
    background-color: #DD3E33;
    padding-left: 0.08em;

}
@media (max-width: 1300px) {
    .p-cards--3col-4-3__img{
        overflow: visible;
   }
    div#section-31.pera1-clip-image{
        overflow: visible;
    }
}
div#section-20.text-xl.mt-2.font-size-14px.terms-conditions{
    text-align: center;
    padding: 5px 0 0;
}

/**** シュミレーション ****/

.simulation .scenario-table {
  width: 100%;
  border-collapse: collapse;
  font-family: sans-serif;
}

.simulation .scenario-table th,
.simulation .scenario-table td {
  border: 1px solid #ccc;
  padding: 12px;
  text-align: center;
}

/* 上部の見出し行 */
.simulation .scenario-table thead th {
  background-color: #f0f0f0;
  font-weight: bold;
}

/* 左列のカテゴリ見出し */
.simulation .scenario-table tbody th {
  background-color: #f9f9f9;
  text-align: left;
  font-weight: bold;
}
.simulation p.stxt{
    text-align: right;
    padding: 8px 0 0;
}

/* レスポンシブ対応 */
@media (max-width: 768px) {
  .simulation .scenario-table thead {
    display: none;
  }

  .simulation .scenario-table, .scenario-table tbody, .scenario-table tr, .scenario-table td, .scenario-table th {
    display: block;
    width: 100%;
  }

  .simulation .scenario-table tr {
    margin-bottom: 1.5rem;
    border-bottom: 2px solid #ccc;
  }

  .simulation .scenario-table tbody th {
    font-weight: bold;
    background: #F5F3F0;
    padding: 10px;
  }

  .simulation .scenario-table td {
    text-align: left;
    padding: 10px;
    position: relative;
    border: none;
  }

  .simulation .scenario-table td::before {
    content: attr(data-label);
    font-weight: bold;
    display: block;
    margin-bottom: 4px;
    color: #555;
  }
}
/**** シュミレーションここまで ****/



/**** フッター ****/
div#section-127{
        background: #F5F3F0;
}
div#section-127 .p-footer--sns-btn-bnr__inner__text-element{
    width: 310px;
}
/**** フッターここまで ****/

@media (max-width: 768px) {
    h3.comic-title{
        font-size: 1.8em;
    }
    div#section-43,
    div#section-53,
    div#section-69{
       padding: 0 15px;
    }
    .tl-txt{
        font-size: 1.5em;
    }
    div#section-46 div.tl-txt,
    div#section-58 div.tl-txt,
    div#section-71 div.tl-txt{
        padding: 0 15px;
    }
    p.bt-txt{
       display: inline-block;
    }
}

/**** テンプレ配置上書き ****/
.p-article-img-card-text__container {
	width: 100%;
}
.p-article-img-card-text__text-container-block {
	left: 0;
}

@media (max-width: 479px) {
    .p-cards--5col-square__img {
        width: 80%;
        margin: 0 auto 20px;
    }
    .p-m-card-text {
    	width: 90%;
        margin: 0 auto 20px;
    }
    .p-article-img-card-text__text-container-block {
        width: 95%;
    	top: initial;
        left: 2%;
    }
}