/* POST-BASE */
.post {
    font-family: Verdana, "游ゴシック", YuGothic, Meiryo, "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
    font-size: 18px;
    font-weight: 500;
}

/***** layout *****/
.post {
    max-width:1024px;
    margin: 0 auto;
    padding: 0 1%;
}

.post img { margin: 0 auto;	}
.post p {
    padding-left: 1%;
    padding-bottom: 0.3em;
/*    padding-bottom: 1em;　*/
    line-height: 1.8;
}
.post .tindent { text-indent: 1.2rem; }

.post .quot a {
    color: #1241d5;
    text-decoration: underline;
}
.post .quot a:hover {
    color: #1241d5;
    text-decoration: none;
}
.post .quot-color { color: #1241d5; }


.post h1 {
    margin-top:120px;
}
@media (max-width: 767px) {
    .post h1 { margin-top: 84px; }
}

.post .titleimg {
    font-size: 3.0rem;
/*    line-height: 1.4; */
}

.post h2 {
    margin-top:40px;
    margin-bottom:10px;
    font-size: 2.6rem;
    line-height: 1.4;
}

.post h3 {
    margin-top:30px;
    margin-bottom:10px;
    font-size: 2.2rem;
    font-weight: 800;
    line-height: 1.3;
}
.post h4 {
    margin-top:20px;
    font-size: 2.0rem;
    line-height: 1.4;
    text-decoration: underline;
}
.post h5 {
    margin-top:10px;
    font-size: 1.8rem;
    line-height: 1.2;
}

.post .center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.post .center-txt { text-align: center; }

/***** 余白 *****/
.margin-10 { margin-top:-10px; }
.margin10 { margin-top:10px; }
.margin20 { margin-top:20px; }
.margin30 { margin-top:30px; }
.margin40 { margin-top:40px; }
.margin50 { margin-top:50px; }
.margin60 { margin-top:60px; }
.margin140 { margin-top:140px; }
.margin200 { margin-top:200px; }

.margin-r { margin-right: 1%; }

.margin-l { margin-left: 1%; }

.padding10 { padding-top:10px; }
.padding20 { padding-top:20px; }
.padding30 { padding-top:30px; }

.padding-l-2 { padding-left: 2%; }

/***** フォント サイズ *****/
.font40 { font-size: 4.0rem; }
.font36 { font-size: 3.6rem; }
.font30 { font-size: 3.0rem; }
.font30-br { font-size: 3.0rem; }
.font29-br { font-size: 3.0rem; }
.font26 { font-size: 2.6rem; }
.font26-br { font-size: 2.6rem; }
.font26-br2 { font-size: 2.6rem; }
.font25 { font-size: 2.5rem; }
.font24 { font-size: 2.4rem; }
.font20 { font-size: 2.0rem; }
.font16 { font-size: 1.6rem; }
.font14 { font-size: 1.4rem; }
.font13 { font-size: 1.3rem; }
.font12 { font-size: 1.2rem; }
.font11 {
    font-size: 1.1rem;
    line-height: 1.2;
}
.font09 { font-size: 0.9rem; }
.font08 { font-size: 0.8rem; }

/***** 太字 *****/
.bold { font-weight:800; }

/***** ライン *****/
.line-top {
    margin-bottom: 5px;
    margin-right: 1%;
    padding-top: 5px;
    border-top: 1px solid;
}
.line-top-2 {
    margin-bottom: 5px;
    margin-right: 1%;
    padding-top: 5px;
    border-top: 2px solid;
}
.line-bottom {
    margin-right: 5px;
    border-bottom: 1px solid;
}

.vline-left {
    border-left: 1px solid;
}

.vline-right {
    margin-top: 0;
    border-right: 1px solid;
}

/***** ライン 色 *****/
.line-blue { border-color: #00f; }
.line-blue-a { border-color: #1e90ff; } /* dodgerblue */
.line-blue-b { border-color: #6495ed; } /* cornflowerblue */
.line-blue-c { border-color: #00bfff; } /* deepskyblue */
.line-blue-d { border-color: #1241d5; }

.line-red { border-color: #f00; }
.line-red-a { border-color: #f06; }
.line-red-b { border-color: #f39; }
.line-red-c { border-color: #f9c; }

.line-gray { border-color: #808080; }
.line-gray-a { border-color: #a9a9a9; } /* darkgray */

.line-orange { border-color: #ffa500; }
.line-orange-a { border-color: #ff8c00; }

/***** フォント 色 *****/
.blue { color: #00f; }
.blue-a { color: #1e90ff; } /* dodgerblue */
.blue-b { color: #6495ed; } /* cornflowerblue */
.blue-c { color: #00bfff; } /* deepskyblue */
.blue-d { color: #1241d5; }

.red { color: #f00; }
.red-a { color: #f06; }
.red-b { color: #f39; }
.red-c { color: #f9c; }
.red-d { color: #d51242; }

.gray { color: #808080; }
.gray-a { color: #a9a9a9; } /* darkgray */

.white { color: #fff; }

/***** 装飾 *****/
.fonten {
    font-family: var(--mh--font-family--en);
}

.titleimg::before {
    content: "";
    display: inline-block;
    float: left;
    background-image: url('/water/assets/image/post/titleimg.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 1.5em;
    height: 1.7em;
}
.titleimg::after { clear: both; }

.titleimg-a::before{
  content: "■";
  color: #1241d5;
/*  color: #ff8c00; */
  display: inline-block;  
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.2em;
  height: 1.0em;
}
.titleimg-b::before{
  content: "▶";
  color: #1241d5;
  display: inline-block;  
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.1em;
  height: 1.0em;
}
.titleimg-c::before{
  content: "▶";
  color: #d51242;
  display: inline-block;  
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.1em;
  height: 1.0em;
}
.titleimg-d::before{
  content: "";
  display: inline-block;  
  background-image: url('/water/assets/image/post/exmark.png');
  background-size: cover;
  background-repeat: no-repeat;
  width: 1.0em;
  height: 1.2em;
}
.link-after::after {
    content: "";
 /*   content: "⮺"; */
    display: inline-block;
    background-image: url('/water/assets/image/post/link-ico.png');
    background-size: cover;
    background-repeat: no-repeat;
    width: 19px;
    height: 20px;
}

/***** Table *****/
.post table { width: 98%; }
.post table th, table td {
  border-collapse: collapse;
  border: solid 1px #1241d5;
}

/***** breadcrumb *****/
.breadcrumb-post {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
}
.breadcrumb-post li:not(:last-of-type)::after {
  content: "›";
  margin: 0 .6em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}

/***** CTA *****/
.post div.c-cv01__frame {
    margin: 40px 0;
    padding: 30px 0;
}
.post div.c-cv01-info {
    padding: 20px 4%;
}
.post p.c-cv01-info__text {
    white-space: nowrap;
}

/***** width *****/
@media (min-width: 768px) {
	.post {
	    margin: 0 auto;
	    padding: 0 1%;
    }
}
@media (max-width: 767px) {
    .post .no_bullets li { font-size: 1.6rem;} 
}

/***** 折り返し調整 *****/
@media screen and (max-width: 767px) {
    .post h1 span.font30 { font-size: clamp(1.18rem, -0.074rem + 3.3vw, 2.8rem); }
    .post h1 span.font30-br {
        vertical-align: top;
        font-size: clamp(2.0rem, -0.074rem + 3.4vw, 2.8rem);
        }
    .post h1 span.font29-br {
        vertical-align: top;
        font-size: clamp(1.96rem, -0.074rem + 3.4vw, 2.8rem);
        }
    .post h1 span.font26 { font-size: clamp(0.98rem, -0.115rem + 2.88vw, 2.4rem); }
    .post h1 span.font26-br {
        vertical-align: top;
        font-size: clamp(1.86rem, -0.115rem + 3.7vw, 2.4rem);
    }
    .post h1 span.font26-br2 {
        vertical-align: top;
        font-size: clamp(1.49rem, -0.115rem + 3.26vw, 2.4rem);
    }
    .post h1 {line-height: 0.92; }
}

/***** ロゴ調整 *****/
.l-header-logo-post__in {
    width: 80%;
}
.l-header-logo-post {
    padding-right: 10%;
    border-right:1px solid var(--mh--color--grayscale-500);
}
.l-header-rescue-post {
    margin-left: 0;
    padding-left: 5%;
    width: 60%;
}
.l-header-rescue-post__in {
    display:block;
}
@media(max-width: 1199px) {
    .l-header-rescue-post {
        margin-left: 0;
        padding-left: 8%;
        width: 100%;
    }
}
@media(max-width: 767px) {
    .l-header-logo-post {
        margin-right: 0;
        padding-right: 10%;
        width: 80%;
    }
    .l-header-rescue-post {
        margin-left: -10%;
        padding-left: 0;
        width: 90%;
    }
}

/***** 業務提携折り返し調整 *****/
@media screen and (min-width: 768px) {
    .br-post-sp {
        display: none;
    }
}
@media screen and (max-width: 767px) {
    .br-post-sp { display: inline; }
    .home-announcement p.home-announcement__catch { font-size: 2.4rem; }
    .home-announcement p.home-announcement__lead { font-size: 1.6rem; }
}

/***** home-feature-support文字サイズ調整 *****/
@media screen and (max-width: 767px) {
    .home-feature-support h3.home-feature-support__head { font-size: 1.5rem; }
}

/***** サービスの流れボタン位置調整 *****/
@media screen and (max-width: 767px) {
    .home-flow__inner .splide__nav {
        position: relative;
        bottom: 36px;
        z-index: 99;
    }
    .home-flow-card-post__txt { line-height: 1.7;}
    .home-flow-card-tel__in { height: 70px; }
    .home-flow__inner { padding-block:60px 20px; }
}