.l-footer{
  background-image: none;

}
.l-main__inner{
margin-top: 100px;
margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
    .l-main__inner{
    margin-top: 50px;
    margin-bottom: 60px;
}
}

a{
    color:#000000;
}

a:visited{
    color:#000000;
}

.under_line{
    text-decoration: underline;
}
/*     about     */
#section-message{
background-color: #f7f2f9;
background-image: url(../../images/page/about-img-pc.png);
background-position: right center;
background-size: contain;
background-repeat: no-repeat;
padding-top:100px;
padding-bottom:50px;
}

@media only screen and (max-width: 768px) {
#section-message{
background-color: #f7f2f9;
background-image: none;
 padding-top:60px;
padding-bottom:0;
}
}

.l-main__inner.about{
margin-top: 0;
}

@media only screen and (max-width: 768px) {
.l-main__inner.about{
margin-bottom: 0;
}
}

.l-page__title.about{
   width:320px;
}

@media only screen and (max-width: 768px) {
.l-page__title.about{
   width:50%;
}
}

.l-page__content-text.about{
    width:45%;
}

@media only screen and (max-width: 768px) {
.l-page__content-text.about{
    width:100%;
}

.l-page__content-image img{
    margin-top:10px;
vertical-align: bottom;
}
}


@media only screen and (max-width: 768px) {
.l-main__inner.company{
        margin-top: 60px;
}

}
.l-main__inner-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items:stretch

}

.l-main__inner-left{
display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
.l-main__inner-left{
        width:100%;
}
}

.l-main__inner-right{
    width:60%;
}

@media only screen and (max-width: 768px) {
.l-main__inner-right{
        width:100%;
}
}

.l-about_table{
	border-collapse:collapse;
        width:100%;
        font-weight:500;
        letter-spacing: 1px;;
}

.l-about_table tr{
        height: 100px;
            border-top: 1px solid #9380b5;
}

.l-about_table tr:last-of-type{
            border-bottom: 1px solid #9380b5;
}


.l-about_table td{
      padding-right:50px;
  padding-left:50px;
}

@media only screen and (max-width: 768px) {
.l-about_table td{
      padding-right:10px;
  padding-left:10px;
}
}
/*     about     */


/*     concept     */

.l-page__title.concept{
   width:295px;
}

@media only screen and (max-width: 768px) {
.l-page__title.concept{
   width:50%;
}
}

.l-page__top-img{
    margin-top: 50px;
    margin-bottom: 100px;
}

@media only screen and (max-width: 768px) {
.l-page__top-img{
    margin-top: 15px;
    margin-bottom: 30px;
}
}

.l-page__content-wrap{
    margin-bottom: 50px;
}


.l-page__content-wrap .l-page__content:first-of-type{
    border-top: 1px solid #9380b5;
}

.l-page__content{
    display: flex;
    justify-content: space-between;
    padding-top:100px;
    padding-bottom:100px;
    border-bottom: 1px solid #9380b5;
}

@media only screen and (max-width: 768px) {
.l-page__content {
    flex-wrap: wrap;
    padding-top: 30px;
    padding-bottom: 30px;
}
}

.l-page__content-title{
width:450px;
font-size:30px;
 line-height: 45px;
font-weight: bold;
}

.l-page__content-title.concept{
background-color: #9380b5;
color:#ffffff;
height:60px;
padding-top: 20px;
padding-left:20px;
margin-right:70px;
}

@media only screen and (max-width: 768px) {
.l-page__content-title{
width:100%;
font-size:20px;
}

.l-page__content-title.concept{
        height: 40px;
margin-right:0;
    padding-top: 6px;
    padding-left: 20px;
}
}


.l-page__content-text{
    width:calc(100% - 520px);
text-align:justify;
}

@media only screen and (max-width: 768px) {
.l-page__content-text{
    width:100%;
}
}

.l-page__content-text span{
    color:#9380b5;
    font-weight:bold;

}

/*     concept     */


/*     business    */


.l-page__title.business{
width:285px;
}


@media only screen and (max-width: 768px) {
.l-page__title.business{
width:50%;
}
}

.l-page__sub-title.business{
text-align: center;
}

@media only screen and (max-width: 768px) {
.l-page__sub-title.business{
text-align: justify;
}
}
.l-page__sub-title.business h3{
    font-size:30px;
        line-height: 45px;
    font-weight: bold;
    margin-top:70px;
    margin-bottom:50px;
}

@media only screen and (max-width: 768px) {
.l-page__sub-title.business h3{
    font-size:20px;
    font-weight: bold;
        margin-top:35px;
    margin-bottom:25px;
}
}

.l-page__business-image{
    width:70%;
    margin-top:30px;
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
.l-page__business-image{
    width:100%;
}
}

.l-page__content-text h4{
     font-weight:bold;
     text-decoration: underline;
     margin-bottom:5px;
}
.l-page__content-text p{
    margin-bottom:30px;
}

.l-page__content.bland{
 border:none;
}

.c-bland-right{
    text-align: right;
}
@media only screen and (max-width: 768px) {
.l-page__content.re-bland{
flex-direction: column-reverse
}
}

.l-bland-float_banner{
    text-align: center;
    position: fixed;
        right:0;
    bottom:0;
}

.l-bland-float_banner img{
    vertical-align: bottom;
}


/*     business     */

/*     policy    */

.l-page__title.policy{
   width:483px;
       margin-bottom: 50px;
}

@media only screen and (max-width: 768px) {
.l-page__title.policy{
   width:70%;
       margin-bottom: 25px;
}
}

.l-page__content-wrap.policy{
           margin-bottom: 150px;
}

@media only screen and (max-width: 768px) {
.l-page__content-wrap.policy{
           margin-bottom: 50px;
}
}

.l-page__content-wrap.policy h3{
    font-size:30px;
     line-height: 45px;
    font-weight:bold;
  margin-top:50px;
  margin-bottom:20px;
}

@media only screen and (max-width: 768px) {
.l-page__content-wrap.policy h3{
        font-size:20px;
          margin-bottom:10px;
}
}

.l-page__content-wrap.policy div{
  padding-left:25px;
  margin-top: 50px;
  margin-bottom: 50px;
}


/*     policy    */


/*     contact    */

.l-page__title.contact{
  width:260px;
}

@media only screen and (max-width: 768px) {

.l-page__title.contact{
  width:40%;
}
}


.contact_hr-d{
border-bottom:1px dotted #9380b5;
margin-top:20px;
margin-bottom:20px;
}

.contact_hr{
border-bottom:1px solid #9380b5;
margin-top:30px;
margin-bottom:30px;
}


.contact-wrap{
display:flex;
justify-content:space-between;
align-items: center;
font-weight:bold;
}

.contact-wrap.text{
align-items:flex-start;
}

@media only screen and (max-width: 768px) {
.contact-wrap{
flex-direction: column;
}

.contact-wrap.name{
flex-direction: row;
}
}

.contact-content-input{
width:80%;
}

@media only screen and (max-width: 768px) {
.contact-content-input{
width:100%;
}

}

input, select, textarea{
width:100%;
}

input{
    height: 60px;
}

@media only screen and (max-width: 768px) {
input{
    height: 40px;
}
}


.contact-content-title{
    padding:0 20px;
        width: 20%;
}

@media only screen and (max-width: 768px) {
.contact-content-title{
    padding:0;
        width: 100%;
}

.contact-wrap.name .contact-content-title{
        width: 30%;
}
.wpcf7-spinner{
    display: none;
}

}

.contact-content-title span{
  color:#9380b5;
}

.wpcf7-submit{
    background-image: url('../../images/page/contact-bottun.svg'); /* 使用する画像のURLを指定 */
    background-size: contain;
    background-repeat: no-repeat;
    background-color: transparent;
    width: 330px; /* ボタンの幅を画像の幅に調整 */
    height: 70px; /* ボタンの高さを画像の高さに調整 */
    border: none; /* 枠線を取り除く */
    cursor: pointer; /* カーソルをポインターに変更 */
    text-indent: -9999px;  /* 文字を非表示にする */
    margin-right: auto;
    margin-left: auto;
}

@media only screen and (max-width: 768px) {
.wpcf7-submit{
    width: 200px;
    height: 50px;
}
}

.contact_submit{
    display: flex;
    justify-content: center;
  margin-top:50px;
}

.l-contact-iframe{
    width:100%;
    height:1200px;
}

.l-contact-iframe iframe{
  width:100%;
  height:1200px;
}



/*     contact    */


/*   news    */
.p-breadcrumb__text{
    font-size:20px;
}

.p-breadcrumb__item:after{
    width:6px;
    height:6px;
}


/*   news    */

.l-main__inner.news{
    margin-top: 150px;
    width:80%;
}

@media only screen and (max-width: 768px) {
.l-main__inner.news{
    margin-top: 100px;
        width:90%;
}
}

.l-page__title.news{
    width:190px;
        margin-top:50px;
    margin-bottom:50px;
}

@media only screen and (max-width: 768px) {
.l-page__title.news{
    width:40%;
            margin-top:25px;
    margin-bottom:25px;
}

}

.c-postMetas__icon {
    display: none;
}

.c-postTimes__item{
    font-size:24px;
    font-weight:bold;
    color:#999999;
}

@media only screen and (max-width: 768px) {
.c-postTimes__item{
    font-size:15px;
}
}

.c-postTerms__link{
    width:175px;
    height:40px;
    font-size:20px;
    font-weight:bold;
    text-align: center;
    margin-left:50px;
  /*   border:1px solid #999999;  */
    border-radius:20px;
    background-color: #9380b5;
    color:#ffffff;
}

a.c-postTerms__link:visited{
        color:#ffffff;
}

@media only screen and (max-width: 768px) {
.c-postTerms__link{
    width:120px;
    height:30px;
    font-size:15px;
     line-height: 30px;
         margin-left:25px;
}
}

.new-hr{
    width: 105%;
    border-bottom: 1px solid #9380b5;
    margin-top: 50px;
    margin-bottom: 50px;
    margin-left: -2.5%;
}

@media only screen and (max-width: 768px) {
.new-hr{
    width:100%;
    margin-top:25px;
    margin-bottom:25px;
    margin-left: 0;
}
}

.l-main{
        width: 100%;
}

.l-article{
    max-width: 100%;
}

.p-postList__category{
    width:175px;
    height:40px;
    font-size:20px;
    font-weight:bold;
    text-align: center;
    margin-left:50px;
    border-radius:20px;
    background-color: #9380b5;
    color:#ffffff;
    justify-content: center;
}

@media only screen and (max-width: 768px) {
.p-postList__category{
    width:120px;
    height:30px;
    font-size:15px;
     line-height: 30px;
         margin-left:25px;
}
}

.p-postList__body {
    display: flex;
    align-items: center;
}

.c-pageTitle__main{
   display:none;
}

.news-list-tab{
    display:flex;
        flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.news-list-tab-item a{
    height:40px;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    padding-right:20px;
    padding-left:20px;
    padding-bottom: 2px;
    margin-left:50px;
    border-radius:20px;
    border:1px solid #999999;
    justify-content: center;
}

.news-list-tab-item a.news-list-active{
    background-color: #9380b5;
    color:#ffffff;
}

.p-postList.-type-simple .p-postList__title{
        font-size:20px;
            width: 60%;
    margin-left: 5%;
}

@media only screen and (max-width: 768px) {
.p-postList.-type-simple .p-postList__title{
    width: calc(100% - 60px);
    margin-left: 0;
}
}
.p-postList__item{
    position:relative;
}
.p-postList__item::after{
     content: url('../../images/common/arrow-right-b.svg');
    display: block;
        position: absolute;
        top:20%;
    right: 0;
    width: 40px;
    height: 40px;
}
@media only screen and (max-width: 768px) {
.p-postList__body{
    flex-wrap: wrap;
}
}


.p-postList.-type-simple{
        border-top: 1px solid #9380b5;
}

.p-postList.-type-simple .p-postList__link{
border-bottom: 1px dashed #9380b5;
    padding: 1.5rem .5rem;
}


.p-postList.-type-simple .p-postList__item:last-of-type .p-postList__link{
border-bottom: 1px solid #9380b5;
}

/*     投稿記事一覧    */

.c-pageTitle+.c-postContent{
    overflow-x: scroll;
    padding-bottom: 400px;
}

.display-posts-listing{
    display: flex;
    margin: auto;
    justify-content: flex-start;
    gap: 30px;
}

.listing-item{
    display: flex;
    flex-direction: column;
        width: 18%;
      background-color: #ffffff;
  border: 1px solid #999999;
  border-radius: 10px;
    padding: 20px 20px 80px 20px;
    position:relative;
}

@media only screen and (max-width: 768px) {
    .listing-item{
        width: 260px;
    }
}

.listing-item::after{
     content: url('../../images/common/arrow-right-b.svg');
    display: block;
        width: 40px;
    height: 40px;
    position:absolute;
    bottom:20px;
    right:20px;
}

.title{
order: 3;
    height: 90px;
 font-size:20px;
    line-height: 29px;
  text-align: justify;
    overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
}

.date{
order: 1;
  font-size:24px;
  font-weight:bold;
 color:#999999;
}

.category-display{
order: 2;
    width:120px;
    height:30px;
    font-size:16px;
    font-weight:bold;
    text-align: center;
    border-radius:20px;
    background-color: #9380b5;
    color:#ffffff;
    margin-top:10px;
    margin-bottom:20px;
}

.category-display a, .category-display a:visited{
        color:#ffffff;
}