@charset "utf-8";
/*====================================
	common
====================================*/
.subpage_ttl{
    position: relative;
    margin: 80px 50px 0;
    height: 315px;
    background-size: cover;
}
.subpage_ttl h1{
    color: #fff;
    font-size: 24px;
    text-shadow: 1px 2px 3px #808080;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    margin: auto 0;
    text-align: center;
    line-height: 1.2;
    
}
.sub_ttl{
    font-size: 24px;
    margin: 0 0 40px;
    padding: 10px 0 10px 15px;
    border-left: 3px solid #1a59c2;
}

/*====================================
	page_title
====================================*/
.page_ttl{
    background: #e6f5f3;
    height: 250px;
    width: 100%;
    margin-top: 0px;
    display: table;
}
.page_ttl ul{
    display: table-cell;
  vertical-align: middle;
    text-align: center;
}
.page_ttl h1{
    font-size: 30px;
    font-weight: 700;
}
.page_ttl span{
    font-family: 'Big Shoulders Display', cursive;
    display: block;
    color: #1959c2;
    letter-spacing: 2px;
    font-size: 20px;
    font-weight: 600;
}


/*====================================
	contents
====================================*/
.page_cont{
    margin: 40px 0 150px;
}
.inner{
    max-width: 1100px;
    margin: 0 auto;
}
.inner_960{
    max-width: 960px;
    margin: 0 auto;
}

@media screen and (min-width: 768px) {
    .alignleft{
      float: left;
      display: inline-block;
      margin: 10px 30px 10px 0;
    }
    .alignright{
      float: right;
      display: inline-block;
      margin: 10px 0 10px 30px;
    }
    .aligncenter{
      display: block;
      margin: 1.5em auto;
    }
}
.wp-caption-text{
    font-size: .8em;
    color: #666;
}

/*====================================
    case
====================================*/
@media print, screen and (min-width: 768px) {
    .case{
        padding: 20px 0 80px;
    }
    .case__list::after{
      content:"";
      display: block;
      width: 32%;
    }
    .case__item{
        margin-top: 20px;
    }
    .case__item:nth-child(n+4){
        margin-top: 80px;
    }
}

/*ditail
---------------------------------*/
.case-conts .case-conts__tit{
    text-align: left;
    display: block;
}
.case-conts__title{
    display: flex;
    align-items: center;
}
.case-conts__icon{
    min-width: 100px;
    text-align: center;
}
.case-conts__icon .thumb{
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 100%;
    border-radius: 100%;
    margin-bottom: 8px;
}
.case-conts__icon .thumb img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    object-fit:cover;
}
.case-conts__tit{
    font-size: 30px;
    font-weight: bold;
    padding-left: 4%;
    line-height: 1.3;
}
.benefits-wrap{
    padding: 3% 5%;
    margin: 3% 0;
    font-size: 17px;
    background: #f3f3f3;
}
.benefits-tit{
    text-align: center;
    font-size: 20px;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 40px;
}
.benefits-tit span::before {
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f0eb";
    display: inline-block;
    color: #007bc7;
    font-size: 1.2em;
    margin-right: 12px;
}
.benefits-tit:before{
    position: absolute;
    left: 50%;
    bottom: -50px;
    content: '';
    border-width: 25px;
    margin-left: -25px;
    border-style: solid;
    border-color: #ccc transparent transparent transparent;
}
.benefits-tit:after {
    position: absolute;
    left: 50%;
    bottom: -48px;
    content: '';
    border-width: 25px;
    margin-left: -25px;
    border-style: solid;
    border-color: #edf8fc transparent transparent transparent;
}
.benefits-wrap .case__benefits-text{
    background-size: 22px;
    padding-left: 30px;
}
.case-conts__info{
    display: flex;
    margin-bottom: 5%;
    border-left: 1px solid #ddd;
}
.case-conts__info dl{
    min-width: 140px;
    padding: 5px 20px;
    border-right: 1px solid #ddd;
}
.case-conts__info dd{
    margin-left: .5em;
}
.case-conts__info dl a {
    color: #1959c2;
    text-decoration: underline;
}
.case-text{
    font-size: 16px;
}
.case-text h3{
    color: #007bc7;
    font-size: 1.5em;
    font-weight: bold;
    padding: 30px 0 15px;
    margin: 0 0 18px;
    border-bottom: 1px solid #ddd;
}
.case-text p{
    margin: 1em 0;
}
.case-conts .page_back{
    margin-top: 4%;
}


/*====================================
	お知らせ
====================================*/

.news-cat__list {
    padding: 0 0 0px;
    list-style: none;
    display: flex;
}
.news-cat__item{
    margin-right: 10px;
}
.news-cat__item a{
    display: block;
    padding: 0 10px 40px;
    position: relative;
    font-weight: 500;
    font-size: 17px;
}
@media only screen and (min-width: 767px){
    .news-cat__item a::after{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0%;
        height: 1px;
        background: #1959c2;
        z-index: -1;
        transition: all 0.4s;
    }
    .news-cat__item a:hover,
    .news-cat__item.current a{
        color: #1959c2;
    }
    .news-cat__item a:hover:after{
        width: 100%;
    }
    .news__item_wrap{
        padding: 25px 40px 25px 15px;
    }
}
.news__list{
    margin-bottom: 40px;
}


.pagenav{
    margin-top: 38px;
    padding-top: 38px;
}
.wp-pagenavi {
    text-align: center;
}
.wp-pagenavi span {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    min-width: 40px;
    border-radius: 20px;
    background: #1a59c2;
    color: #fff;
    margin-right: 8px;
}
.wp-pagenavi a {
    display: inline-block;
    text-align: center;
    line-height: 40px;
    min-width: 40px;
    border-radius: 20px;
    background: #d1def3;
    color: #1a59c2;
    margin-right: 10px;
}
.news_ttl{
    border-bottom: 1px solid #ddd;
    padding-bottom: 36px;
}
.news_ttl h1{
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 36px;
}
.postinfo{
    display: flex;
}
.postinfo .category{
    display: inline-block;
    text-align: center;
    color: #1959c2;
    font-size: 12px;
    min-width: 110px;
    padding: 4px 0;
    margin-left: 12px;
    background: #eee;
    border-radius: 50px;
}
.news_cont{
    border-bottom: 1px solid #ddd;
    padding: 40px 0 60px;
    margin-bottom: 50px;
    overflow: hidden;
}
.news_cont p{
   line-height: 1.8;
   margin-bottom: 30px;
}
.news_cont h2{
    font-size: 24px;
    font-weight: 600;
    border-left: 2px solid #1a59c2;
    padding: 15px;
    margin-bottom: 15px;
}
/*
.page_list{
    margin: 90px 0 0;
}
.page_list h2{
    font-size: 24px;
    font-weight: 600;
    border-bottom: 1px solid #1a59c2;
    padding-bottom: 35px;
}
.page_list .news{
    margin-bottom: 50px;
}
*/
/*====================================
	よくあるご質問
====================================*/
.faq{
	padding: 60px 0 80px;
    max-width: 960px;
    margin: 0 auto;
}
.faq .sectTit {
    font-size: 1.6em;
}
.faq__group{
    width: 100%;
    margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
    .faq__group{
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .faq__group-item{
        font-size: 1.1em;
        width: calc((100% - 3rem) / 4);
        margin-right: 1rem;
        margin-bottom: 2%;
    }
    .faq__group-item:nth-child(4n){
        margin-right: 0;
    }
    .faq__group-item::before {
      content: "";
      display: block;
      width: calc((100% - 3rem) / 4);
      order: 1;
    }
    .faq__group-item::after {
        content: "";
        display: block;
        width: calc((100% - 3rem) / 4);
        margin-right: 1rem;
    }
}
.faq__group-item a{
    position: relative;
    font-weight: 500;
    padding-left: 25px;
    background: url(../img/hp/icon_anker.png) no-repeat left center;
    background-size: 14px;
}
.faq__group-item a::after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 0%;
    height: 1px;
    background: #1959c2;
    z-index: -1;
    transition: all 0.4s;
}
.faq__group-item a:hover{
    color: #1959c2;
}
.faq__group-item a:hover:after{
    width: 100%;
}

.faq .sub_ttl{
    margin-bottom: 30px;
}
.faq .wrap-midi{
    width: 100%;
    margin-top: 30px;
    margin-bottom: 60px;
}
.faq .sectTit-messages .pc_only{
    display: inline-block;
}
.faq .sectTit-messages{
    margin-bottom: 30px;
}
.faq__list{
	margin-top: 40px;
	margin-bottom: 40px;
	border-radius: 10px;
	overflow: hidden;
    border: 1px solid #ddd;
}
.faq__item+.faq__item{
	border-top: 1px solid #ddd;
}

.faq__item-question{
	position: relative;
	cursor: pointer;
	font-size: 17px;
    font-weight: 500;
}
.faq__item-question::after{
    color: #1959c2;
    position: absolute;
    right: 30px;
    top: 30%;
    font-family: "Font Awesome 5 Free"; 
    font-weight: bold;
    font-size: 26px;
    content: "\2b";
}
.faq__item-question.open::after{
	content: "\f068";
}
.faq__item-question .inner,
.faq__item-answer .inner{
	display: table;
    margin: 0;
}
.faq__item-question .inner::before,
.faq__item-answer .inner::before{
	width: 70px;
	text-align: center;
	display:table-cell;
	vertical-align: middle;
	font-size: 22px;
}
.faq__item-question .inner::before{
	color: #fff;
	content: "Q";
	background: #1959c2;
}
.faq__item-question p{
    padding: 30px 70px 30px 30px;
}
.faq__item-answer .inner::before{
	color: #1959c2;
	content: "A";
}
.faq__item-answer{
	display: none;
	font-size: 16px;
	background: #f9f9f9;
}
.faq__item-answer ul,
.faq__item-answer ol{
  list-style-type: disc;
  margin: 10px 0 10px 30px;
}
.faq__item-answer ol{
  list-style-type: decimal;
}
.faq__item-answer .text{
    padding: 30px;
}
.faq__item-answer .text p{
    margin: 1em 0;
}
.faq__item-answer a{
	color: #1959c2;
	text-decoration: underline;
}
.faq .sectTit-messages{
    text-align: center;
}

/*====================================
	お問い合わせ・資料請求
====================================*/
.contact_txt{
    margin-bottom: 50px;
}
.form_inner{
    max-width: 860px;
    margin: auto;
}
.form_inner .tit{
  color: #000;
  font-weight: bold;
  text-align: center;
}
.form_inner .tit p::before, .form_inner .tit p::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 30px;
  height: 3px;
  background-color: #0061af;
  transform: rotate(-60deg);
  right: 0;
}
.form_inner .tit p::before {
    left: 0;
    transform: rotate(60deg);
}
.form_inner .wpcf7 dl{
  margin: auto auto 35px;
  line-height: 1;
    display: flex;
}
.form_inner dl dt{
  font-weight: 600 ;
  margin-bottom: 15px;
	width: 27%; 
/*     width: 30%;  2025.10.9変更 */
}
.form_inner dl dt span,
.form_inner .hissu{
  color: #fff;
  position: relative;
  top: 0;
  display: inline-block;
  padding: 4px 7px 5px;
  margin-right: 10px;
  font-size: .9em;
  background: #da402c;
}
.form_inner dl dd{
  margin: 0;
  padding: 0;
	width: 73%;
/*     width: 70%;  2025.10.9変更 */
}
.form_inner dl.name dd{
  display: flex;
}
.form_inner dl.name dd p{
  width: 210px;
}
.form_inner dl.name dd p+p{
  margin-left: 20px;
}
.form_inner dl.name dd p .name_tit{
  padding-bottom: 10px;
  display: block;
}
.form_inner dl dd p{
  margin: 0;
}
.form_inner dl dd .kome{
  font-size: .9em;
  margin-top: 6px;
  color: #666;
}

/*input*/
.wpcf7-list-item, span.wpcf7-list-item{
  margin: 0;
}
.wpcf7 .ajax-loader,
.wpcf7-form-control-wrap{
  display: block;
}
.wpcf7-not-valid-tip{
    font-size: .85em;
  margin-top: 10px;
}
.form_inner input, .form_inner textarea{
  width: 100%;
  font-size: 15px;
  box-sizing: border-box;
  border-radius: 6px;
  padding: 8px 10px;
  border: 1px solid #ccc;
  background: #f6f6f6;
}
.form_inner textarea{
  height: 200px;
  line-height: 1.3;
}
.form_inner input[type="checkbox"]{
  width: auto;
}
.form_inner .wpcf7-checkbox{
  padding: 8px 0;
}
.form_inner input#tel{
  width: 300px;
}

.form_inner label{
  position: relative;
  width: 100%;
  cursor: pointer;
  border-radius: 6px;
  overflow: hidden;
}
.form_inner label input{
  position: absolute;
  opacity:0;
}
.form_inner #koumoku span.wpcf7-list-item{
  /*padding: 13px 0 14px 0;*/
  /*margin: 0 8px 5px 0;*/
  display: block;
}
.form_inner label span{
  align-items: center;
  height: 40px;
  z-index: 1;
  width: 100%;
  box-sizing: border-box;
  display: flex;  /* 2025.10.9追加 */
}
.form_inner label span:hover{
}
.form_inner label span::before {
  font-family: 'Material Icons Outlined';
  content: '\e835';
  color: #ccc;
  font-size: 32px;
  line-height: 1;
  font-weight: 300;
  position: relative;
/*   top: 10px;  2025.10.9変更 */
  margin-right: 10px;
}

.form_inner label input:checked +span{
  color: #1a59c2;
}
.form_inner label input:checked +span::before {
    font-family: 'Material Icons Outlined';
  content: '\e834';
  color: #1a59c2;
}


.form_inner .privacy_box, .form_inner .privacy_box dl{
  font-size: 14px;
  line-height: 1.4;
  text-align: left;
  padding: 20px;
    margin: 0px 0 -20px;
}
.form_inner .privacy_box{
  margin: 20px 0;
  background: #eee;
}
.form_inner .privacy_box .inner{
  overflow-y: scroll;
  padding: 10px 20px 10px 10px;
  height: 180px;
}
.form_inner .privacy_box dl{
  padding: 0;
    display: block;
}
.form_inner .privacy_box dt{
  font-weight: bold;
  margin: 20px 0 10px;
  width: 100%;
}
.form_inner .privacy_box dd{
  padding-left: 10px;
  line-height: 1.4;
  width: 100%;
}
.form_inner .privacy_box h3{
  display: none;
}
.form_inner .privacy_doui{
  text-align: center;
  margin: 30px 0;
}
.form_inner .privacy_doui > p{
  text-align: left;
}
.form_inner .privacy_doui .doui .wpcf7-list-item{
  position: relative;
  display: inline-flex; /* 2025.10.9変更 */
}
.form_inner .privacy_doui .doui .wpcf7-list-item::before{
  text-align: center;
  content: "必須";
  color: #fff;
    background: #da402c;
  display: inline;
  margin: auto;
    padding: 4px 7px 5px;
/*   margin-top: 5px;  2025.10.9変更 */
	width: 4rem;  /* 2025.10.9変更 */
  font-size: 13px;
    margin-right: 10px;
}
.form_inner .btn{
  display: block;
  text-align: center;
}
.form_inner .btn #soushin{
    height: 64px;
    display: block;
    border-radius: 35px;
    color: #fff;
    text-align: center;
    width: 310px;
    font-size: 18px;
    font-weight: 700;
    margin: auto;
    cursor: pointer;
    margin: auto;
    background-color: #1959c2;
    position: relative;
    box-shadow: 0px 3px 8px rgb(0 0 0 / 18%);
    -webkit-font-smoothing: antialiased;
    border: none;
}
.form_inner .btn #soushin:hover{
    transform: translate(0,1px);
    box-shadow: none;
}
.form_inner .btn #soushin::after{
    position: absolute;
    color: #fff;
    top: 0;
    right: 18px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f105";
    display: block;
}
.form_inner .hissu{
  margin-bottom: 10px;
}
div.wpcf7 .ajax-loader{
  display: block;
  margin: 10px auto 0;
}
.form_inner .invalid input.wpcf7-not-valid,
.form_inner .wpcf7-not-valid label span{
  background: #ffdfdf;
}
.wpcf7 form .wpcf7-response-output,
.wpcf7 form.invalid .wpcf7-response-output{
  border-width: 3px;
}

.wpcf7-spinner{
  display: block;
  margin: 15px auto;
}
.wpcf7 form .head_error .wpcf7-response-output {
  color: #dc3232;
  font-weight: 600;
  border: none;
  padding: 0;
  margin: 0 0 30px;
}
.wpcf7 form .foot_error .wpcf7-response-output {
  color: #dc3232;
  border: none;
  margin: 0 0 10px;
  text-align: center;
  font-weight: 600;
}

.lp-form .form_inner .wpcf7-form-control-wrap{
  width: 100%;
}
.lp-form .form_inner .c_number,
.lp-form .form_inner .c_vehicle{
  width: auto;
}

/* 2025.10.9 追加 */
.inquiry-checks > .wpcf7-form-control-wrap {
  vertical-align: top;
}
.wpcf7-list-item, span.wpcf7-list-item{
    line-height: 1.1;  
  }
/* 追加ここまで */


/*====================================
    thanks
====================================*/
.thanks__wrap{
    margin-bottom: 60px;
}
@media only screen and (min-width: 768px){
    .thanks__wrap{
        padding: 5%;
        border: 6px solid #eee;
    }
}

/*====================================
	会社情報
====================================*/
.company{
    max-width: 1000px;
    margin: 0 auto;
}
.company_guide{}
.company_guide table{
    width: 100%;
}
.company_guide table tr{
    border-bottom: 1px solid #ddd;
    padding: 10px;
}
.company_guide table th{
    padding: 15px 40px 15px 10px;
    vertical-align: middle;
}
.company_guide table td{
    padding: 15px 10px;
}
.company_guide table td a{
    display: block;
}
.company_guide table td a:hover{
    opacity: 0.7;
}
.company_guide table td a i{
    margin-right: 6px;
    color: #1959c2;
}
.com_access{
    margin: 60px 0 0;
}
.com_map{}
.com_map iframe{
    height: 400px;
}


/*====================================
	プライバシーポリシー
====================================*/
.conts {
    max-width: 960px;
    margin: 0 auto 0;
}
.policy h3 {
    margin: 0 0 30px;
    padding: 10px 0 10px 15px;
    font-size: 24px;
    border-left: 3px solid #1a59c2;
}
.policy dt {
    font-weight: 600;
    margin: 25px 0 10px;
}
.policy dd {
    margin-left: 20px;
}
.psge404 p{
    margin-bottom: 40px;
}


/*====================================
    プラン
====================================*/
.page-plan .sectTit-sub{
    text-align: center;
    color: #1959c2;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 30px;
}
.page-plan .ex-plan{
    padding-bottom: 0;
}
.page-plan .page_cont > .block:first-child{
    padding-top: 0;
}

/*====================================
   ウェビナー動画
====================================*/
.webinar{
   padding: 20px 0 80px;
}
.webinar__tit{
   text-align: center;
   margin: 40px 0 60px;
}
.page_cont.webinar{
   padding-bottom: 0;
}
.webinar_page{
   max-width: 800px;
   margin: auto;
   padding: 3rem;
   margin-bottom: 3rem;
   border-radius: 1.8rem;
   background: #fff;
   box-shadow: 0px 3px 20px rgb(25 89 194 / 20%);
}
.webinar_ttl{
   padding-bottom: 1.8em;
   border-bottom: 1px solid #ddd;
}
.webinar_ttl h1{
   font-weight: 700;
   font-size: 1.7em;
}
.webinar_cont{
   padding: 2.5rem 0;
   margin-bottom: 2.5rem;
}
.webinar_cont .video-container{
   margin: 2rem 0;
   background: #000;
   border: 5px solid #000;
}
.webinar__actions{
   display: flex;
   justify-content: space-between;
}
.webinar__actions li{
   width: 48%;
}
.webinar__actions li a{
   display: block;
}
.webinar .btn_pt-pink a::after {
   position: absolute;
   top: 0;
   right: 20px;
   font-family: "Font Awesome 5 Free";
   font-weight: bold;
   content: "\f105";
   display: block;
}
.webinar__arvhive{
   max-width: 800px;
   margin: 4rem auto 3rem;
}
.webinar__arvhive-tit{
   font-size: 1.4em;
   font-weight: 700;
   margin-bottom: 1.6em;
   padding-bottom: 1em;
   border-bottom: 1px solid #1959c2;
}
.webinar__arvhive .webinar__list{
   justify-content: space-between;
}
.webinar__arvhive .webinar__item{
   width: 48%;
   margin: 0;
}
.webinar__arvhive .webinar__item_thumbnail{
   height: 220px;
}

@media only screen and (max-width: 767px){
   /*====================================
      common
   ====================================*/
   .subpage_ttl{
       position: relative;
       margin: 60px 20px 0;
       height: 200px;
       background-size: cover;
   }
   .subpage_ttl h1{
       color: #fff;
       font-size: 18px;
       text-shadow: 1px 2px 3px #808080;
       position:relative;
     top:40%;
     left:0;
     transform:translate(0,0);
       margin: auto;
       text-align: center;

   }
   .sub_ttl{
       margin: 0 0 40px;
       padding: 10px 0 10px 10px;
       font-size: 16px;
       border-left: 3px solid #1a59c2;
       font-weight: 600;
   }

   /*====================================
      page_title
   ====================================*/
   .page_ttl{
       background: #edf8fc;
       height: 150px;
       width: 100%;
       margin-top: 60px;
       display: table;
   }
   .page_ttl ul{
       display: table-cell;
       vertical-align: middle;
       text-align: center;
   }
   .page_ttl h1{
       font-size: 22px;
       padding: 0 25px;
   }
   .page_ttl span{
       font-family: 'Big Shoulders Display', cursive;
       display: block;
       color: #1959c2;
       font-size: 17px;
       font-weight: 700;
   }

   /*====================================
      contents
   ====================================*/
   .page_cont{
       margin: 30px 0 80px;
   }
   .inner{
       max-width: 1100px;
       margin: 0 20px;
   }
   .inner_960{
       max-width: 960px;
       margin: 0 20px;
   }

   .wp-caption{
       width: auto !important;
   }
   .alignnone, .alignleft, .alignright, .aligncenter{
       display: block;
       margin: 1.4em auto;
   }

   /*====================================
       case
   ====================================*/
   .case.wrap{
       margin-left: 25px !important;
       margin-right: 25px !important;
   }
   .case__list{
       display: block;
   }
   .case__item{
       width: 100%!important;
       margin: auto;
   }
   .case__item+.case__item{
       margin-top: 35px;
   }
   /*ditail
   ---------------------------------*/
   .case-conts__icon{
       min-width: 70px;
   }
   .case-conts__tit{
       font-size: 18px;
   }
   .benefits-wrap {
       font-size: 13px;
       padding: 5% 6%;
       margin: 7% 0 6%;
   }
   .benefits-tit{
       font-size: 1.1em;
       font-weight: 500;
       margin-bottom: 20px;
   }
   .benefits-tit:before{
       bottom: -21px;
       border-width: 10px;
       margin-left: -10px;
   }
   .benefits-tit:after {
       bottom: -19px;
       border-width: 10px;
       margin-left: -10px;
   }
   .benefits-tit span::before{
       margin-right: 10px;
   }
   .benefits-wrap .case__benefits-text{
       padding-left: 25px;
       background-size: 18px;
   }
   .case-conts__info dl{
       min-width: inherit;
       font-size: .9em;
       padding: 5px 4% ;
   }
   .case-conts__info dd {
       margin-left: 0;
   }
   .case-text{
       font-size: unset;
   }
   .case-text h3{
       font-size: 1.4em;
   }
   .case-conts .page_back{
       margin-top: 8%;
       width: 70%;
   }

   /*====================================
      お知らせ
   ====================================*/

   .news-cat__list{
       display: block;
       padding-bottom: 15px;
   }
   .news-cat__item{
       margin: 10px 0;
   }
   .news-cat__item a{
       padding: 0;
       font-size: 1em;
   }
   .news-cat__item.current a{
       color: #1959c2;
   }

   .news_ttl h1{
       font-size: 20px;
       font-weight: 600;
       margin-bottom: 15px;
   }
   .news_cont{
       border-bottom: 1px solid #ddd;
       padding: 30px 0 40px;
   }
   .news_cont p{
      margin-bottom: 20px;
   }
   .news_cont h2{
       font-size: 18px;
       font-weight: 600;
       border-left: 2px solid #1a59c2;
       padding: 10px;
       margin-bottom: 15px;
   }
   .wp-pagenavi span,
   .wp-pagenavi a{
       margin-right: 5px;
       line-height: 35px;
       min-width: 35px;
   }
   .wp-pagenavi span.extend{
       background: none;
       color: #1a59c2;
       min-width: 15px;
   }
   @media screen and (max-width: 360px) {
       .wp-pagenavi span, .wp-pagenavi a{
           margin-right: 4px;
           line-height: 30px;
           min-width: 30px;
           font-size: .9em;
       }
   }
   /*
   .page_list{
       margin: 50px 0 0;
   }
   .page_list h2{
       font-size: 18px;
       font-weight: 600;
       border-bottom: 1px solid #1a59c2;
       padding-bottom: 20px;
   }
   .page_list .news{
       margin-bottom: 50px;
   }
   */
   /*====================================
     faq
   ====================================*/
   .faq{
      padding: 40px 0 50px;
   }
   .faq .sectTit {
       font-size: 1.3em;
   }
   .faq__group-item{
       margin: 2% 0;
   }
   .faq__group-item a{
       font-weight: 400;
       background-size: 12px;
       padding-left: 20px;
   }
   .faq .sectTit-messages .pc_only{
       display: none;
   }
   .faq__list{
      margin-top: 0;
       margin-bottom: 30px;
   }
   .faq__item-question p {
     padding: 18px 40px 18px 10px;
   }
   .faq__item-question .inner::before, .faq__item-answer .inner::before{
      width: 50px;
      font-size: 16px;
   }
   .faq__item-question::after{
      right: 15px;
      font-size: 18px;
   }
   .faq__item-question{
      font-size: 14px;
   }
   .faq__item-answer{
      font-size: 13px;
   }
   .faq__item-answer .text{
       padding: 20px;
   }
   .faq__item-answer ul, .faq__item-answer ol {
       margin: 10px 0 10px 20px;
   }
   .faq__btn{
      width: 75%;
   }
   .faq .wrap-midi{
       margin: 0 0 30px;
       }
   .faq .sub_ttl{
       margin-bottom: 15px;
       }
   /*====================================
      お問い合わせ・資料請求
   ====================================*/
   .form_inner{
       margin-left: 25px;
       margin-right: 25px;
   }
   .contact_txt{
       margin-bottom: 30px;
   }
   .form_inner .wpcf7 dl{
     margin: auto auto 35px;
     line-height: 1;
     display: block;
   }
   .form_inner dl dt{
     margin-bottom: 15px;
     width: 100%;
   }
   .form_inner dt.dt_f{
       margin-bottom: 0;
   }
   .form_inner dl dt span,
   .form_inner .hissu{
       font-size: .8em;
       padding: 3px 6px 4px;
       margin-right: 8px;
   }
   .form_inner dl dd{
     margin: 0;
     padding: 0;
     width: 100%;
   }
   .form_inner dl.name dd p+p{
       margin-left: 10px;
   }
   .form_inner input#tel{
       width: 100%;
   }
   .form_inner input, .form_inner textarea{
       font-size: 16px;
   }
   .form_inner .privacy_box .inner {
     overflow-y: scroll;
     padding: 0;
     height: 150px;
   }
   .form_inner .privacy_box{
      padding: 15px 0;
   }
   .form_inner .privacy_box .policy{
       font-size: .85em;
   }
   .form_inner .privacy_box h3{
       font-size: 1.1em;
       padding: 6px 0 6px 12px;
   }
   .form_inner .privacy_box dl,
   .form_inner .privacy_box dt,
   .form_inner .privacy_box dd {
       font-size: inherit;
       line-height: 1.4;
   }
   .form_inner .privacy_box dt{
       margin: 15px 0 10px;
   }
   .form_inner .privacy_box dd {
       padding-left: 10px;
   }
   .form_inner .privacy_doui{
       margin: 30px 0 0;
   }
   .form_inner .privacy_doui > p{
       font-size: .85em;
   }
   .form_inner .privacy_doui .doui{
       margin: 0 0 30px;
   }
   .form_inner .btn #soushin {
       height: 55px;
       width: 88%;
       font-size: 15px;
   }
   .wpcf7-spinner{
       margin: 10px auto 10px;
   }
   .wpcf7-not-valid-tip{

   }
   /*====================================
      会社情報
   ====================================*/
   .company{
       max-width: 1000px;
       margin: 0 auto;
   }
   .company_guide{
       margin: 0 20px;
       }
   .company_guide table{
       width: 100%;
   }
   .company_guide table tr{
       border-bottom: 1px solid #ddd;
       padding: 0px;
   }
   .company_guide table th{
       display: block;
       width: 100%;
       padding: 10px 0px 0px 0px;
       vertical-align: middle;
   }
   .company_guide table td{
       display: block;
       padding: 4px 0px 10px;
   }
   .company_guide table td a{
       display: block;
   }
   .company_guide table td a:hover{
       opacity: 0.7;
   }
   .company_guide table td a i{
       margin-right: 6px;
       color: #1959c2;
   }
   .com_access{
       margin: 60px 20px 0;
   }
   .com_map{}
   .com_map iframe{
       height: 300px;
   }

   /*====================================
       プラン
   ====================================*/
   .page-plan .sectTit{
       font-size: 1.5em;
       line-height: 1.3;
   }
   .page-plan .block{
       padding-top: 40px;
       padding-bottom: 70px;
   }
   .page-plan .block:last-child{
       padding-bottom: 0;
   }
   .page-plan .sectTit-sub{
       font-size: 1.3em;
       margin-bottom: 20px;
   }
   .page-plan .plan__item{
       display: block;
       padding: 20px 20px 25px;
   }
   .page-plan .plan__item-name{
       width: 100%;
   }
   .page-plan .plan__item-box{
       padding: 5%;
   }
   .page-plan .plan__item+.plan__item{
       margin-top: 15px;
   }

   /*====================================
      プライバシーポリシー
   ====================================*/
   .conts {
       box-sizing: border-box;
       max-width: 1000px;
       margin: 50px 20px 100px;
   }
   .policy h3 {
       margin: 0 0 30px;
       padding: 10px 0 10px 15px;
       font-size: 15px;
       border-left: 3px solid #1a59c2;
       font-weight: 600;
   }
   .policy dt {
       font-weight: 600;
       margin: 20px 0 10px;
   }
   .policy dd {
       margin-left: 20px;
   }
   /*====================================
      ウェビナー動画
   ====================================*/
   .webinar{
      padding: 0 0 60px;
   }
   .webinar_page{
      box-shadow: none;
      padding: 0 25px;
      border-radius: 0;
      padding-bottom: 3rem;
   }
   .webinar_cont {
      margin-bottom: 2rem;
   }
   .webinar_ttl {
      padding-bottom: 1.4em;
   }
   .webinar_ttl h1 {
      font-size: 1.2em;
   }
   .webinar__actions{
      display: block;
   }
   .webinar__actions li {
      width: 100%;
   }
   .webinar__actions li + li{
      margin-top: .8rem;
   }
   .webinar__arvhive{;
      margin: 4rem 2.5rem 3rem;
   }
   .webinar__arvhive .webinar__item_thumbnail {
      height: 23vw;
   }

}/*767px*/

@media only screen and (max-width: 500px){
   .webinar__tit {
      margin: 25px 0 25px;
   }
   .webinar__arvhive{
      margin: 3rem 25px 3rem;
   }
   .webinar__arvhive .webinar__list{
      display: block;
   }
   .webinar__arvhive .webinar__item {
      width: 100%;
      margin-bottom: 8%;
   }
   .webinar__arvhive .webinar__item_thumbnail {
      height: 47vw;
   }
}/*500px*/




/*====================================
	ブログ
====================================*/
/* レイアウト ---------*/
.blog__wrap{
    display: flex;
    justify-content: space-between;
    margin: 60px auto 150px;
}
.blog__main{
    font-size: 16px;
    width: 70%;
}
.blog__side{
    width: 25%;
}
/* 一覧 ----------------------*/
.blog__page-name{
    font-size: 26px;
    font-weight: 600;
    padding-bottom: .8em;
}
.blog__page-name i{
    color: #1959c2;
    margin: 0 .5em 0 0;
}
.blog__post{
    display: flex;
    justify-content: space-between;
    padding: 1.5em 0;
    border-top: 1px solid #ddd;
}
.blog__main .wp-pagenavi{
    border-top: 1px solid #ddd;
    padding-top: 2em;
}
.blog__post .post_thum{
    width: 35%;
    height: 11vw;
    min-height: 170px;
    }
    .blog__post .post_thum a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .blog__post .post_thum img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }
.blog__post .post_text{
    width: 60%;
}
.blog__post .post_title{
    font-weight: 600;
    font-size: 20px;
    line-height: 1.4;
}
@media (hover: hover) {
    .blog__post .post_thum a:hover{
        opacity: .8;
    }
    .blog__post a:hover{
        text-decoration: underline!important;
    }
    .blog__post .post_title a:hover {
        color: #1959c2;
    }
}
.blog__post .post_content{
    font-size: .9em;
    margin: .6em 0 .5em;
}
.blog__post .post_time{
    font-size: .8em;
}
.blog__post .post_cats{
    font-size: .8em;
    margin: .3em 0 .2em;
}
.blog__post .post_tags{
    font-size: .8em;
}
.blog__post .post_cats a,
.blog__post .post_tags a{
    color: #33779e;
}
.blog__post .post_cats i,
.blog__post .post_tags i{
    color: #aaa;
    margin-right: .4em;
}
.blog__main .no_post{
    margin-bottom: 2em;
}

/* タイトル部分 ---------------*/
.blog__head{
    margin-bottom: 2em;
}
.blog__head-ttl{
    font-size: 32px;
    font-weight: 600;
    line-height: 1.4;
    margin: 0;
    padding-bottom: 1em;
}
.blog__info{
    color: #444;
    display: flex;
    font-size: .9em;
}
.blog__info a{
    color: #33779e;
}
.blog__info li +li{
    margin-left: 15px;
}
.blog__info li i{
    margin-right: 4px;
}
.blog__foot{
    clear: both;
    margin: 5rem 0 4rem;
}
.blog__foot-info + ul{
    margin-top: 1em;
}

/* 目次 ---------------------*/
#toc_container{
    width: 100%;
    padding: 25px 40px;
    margin-top: 40px;
    border: 1px solid #ccc;
    border-radius: 10px;
}
#toc_container p.toc_title{
    text-align: left;
    font-size: 1.1em;
}
#toc_container .toc_toggle{
    margin-left: .5em;
}
#toc_container li{
    margin: 8px 0;
}
#toc_container ul ul {
    font-size: .9em;
    margin: .5em 0 1.5em 2.5em;
}
.toc_list a{
    color: #1959c2;
}
.toc_number{
    margin-right: .5em;
}
.toc_list a span::after{
    content: ". ";
}
@media (hover: hover) {
    #toc_container a:hover {
        text-decoration: underline!important;
    }
}

/* 装飾 ---------------------*/
.blog__body{
    color: #333;
}
.blog__body h2{
    clear: both;
    color: #1959c2;
    font-size: 24px;
    font-weight: 600;
    padding: 0 0 14px 2px;
    margin: 4em 0 1.2em 0;
    border-bottom: 3px solid #1959c2;
}
.blog__body h3{
    clear: both;
    font-size: 20px;
    font-weight: 600;
    padding: 2px 0 2px 10px;
    margin: 3em 0 1.5em 0;
    border-left: 5px solid #1959c2;
}
.blog__body p{
    line-height: 1.8;
    margin-bottom: 1.8em;
}
.blog__body ul,
.blog__body ol{
    margin: 1.5em 0 1.5em 2.5em;
}
.blog__body ul{
    list-style-type: disc;
}
.blog__body ol{
    list-style-type: decimal;
}
.blog__body li{
    margin: 0.4rem 0;
}
.blog__body ul>li::marker {
    font-size: 1.1em;
    color: #5e6478;
}
.blog__body ol>li::marker {
    color: #5e6478;
}
.blog__body table{
    width: 100%;
}
.blog__body th,
.blog__body td{
    border: 1px solid #ddd;
    padding: .7em 1em;
}
.blog__body th{
    background: #f3f3f3;
}
.blog__body blockquote {
    position: relative;
    padding: 1.5em 3.5em .2em 5.5em;
    box-sizing: border-box;
    background: #efefef;
    margin: 2em 0;
}
.blog__body blockquote:before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 1.5em;
    left: 1.5em;
    width: 2.2em;
    height: 2.2em;
    background: url(../img/hp/icon_blockquote.png);
    background-size: cover;
}
.blog__body .wp-embedded-content{
    width: 100%;
}
@media print, screen and (min-width: 768px) {
    .blog__body .wp-embedded-content{
        width: 80%;
    }
}
.blog__body a:not(.toc_list a){
    color: #1d78d5;
    text-decoration: underline;
}
@media (hover: hover) {
    .blog__info a:hover{
        text-decoration: underline;
    }
}
.blog__body .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    margin: 2em 0;
/*  overflow: hidden; */
}
  
.blog__body .video-container iframe,  
.blog__body .video-container object,  
.blog__body .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-container{
   position: relative;
   padding-bottom: 56.25%;
   height: 0;
   overflow: hidden;
}
.video-container iframe{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
/* ブログ下部 ---------------------*/
.blog__postlink{
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.blog__postlink li{
    width: 50%;
}
.blog__postlink li a{
    position: relative;
    display: block;
    padding: 2em;
}
.blog__postlink li a::before{
    position: absolute;
    top: 30%;
    color: #eee;
    font-size: 1.8em;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}
.blog__postlink li.prev a::before {
    left: 0;
    content: "\f104";
}
.blog__postlink li.next a::before {
    right: 0;
    content: "\f105";
}
.blog__postlink li.next a{
    border-left: 1px solid #eee;
}
@media (hover: hover) {
    .blog__info a:hover{
        text-decoration: underline!important;
    }
}
/* サイドデザイン ------------------*/
.widget__wrap{
    margin-bottom: 3rem;
}
.widget__ttl{
    position: relative;
    font-size: 1.2em;
    padding: 0 0 .6em;
    font-weight: 600;
    border-bottom: 2px solid #ddd;
}
.widget__ttl::after{
    content: "";
    display: block;
    width: 4em;
    height: 2px;
    background: #1959c2;
    position: absolute;
    left: 0;
    bottom: -2px;
}
.widget__wrap ul li.cat-item a{
    display: block;
    padding: 1em 0 1em 1.8em;
    border-bottom: 1px solid #ddd;
}
.widget__wrap ul li.cat-item{
    position: relative;
}
.widget__wrap ul li.cat-item::before {
    position: absolute;
    left: .5em;
    top: 1em;
    color: #ccc;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    content: "\f105";
}
.new_post a{
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    border-bottom: 1px solid #ddd;
}
.new_post a .thumbnail{
    width: 38%;
}
.new_post a .thumbnail img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.new_post a .title{
    width: 56%;
    font-size: .9em;
    font-weight: 600;
}
.tagcloud{
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}
.tagcloud a{
    display: block;
    padding: .3em .8em;
    border-radius: 10px;
    border: 1px solid #ddd;
    margin-right: .4em;
    font-size: .85em!important;
}
@media (hover: hover) {
    .blog__side a:hover {
        text-decoration: underline!important;
    }
    .new_post a .thumbnail:hover{
        opacity: .8;
    }
}
.cat-item-none,
.widget__wrap .no_post{
    margin: 1em 0 0;
}

@media only screen and (max-width: 767px){
    /* レイアウト ---------*/
    .blog__wrap{
        display: block;
        margin: 30px auto 40px;
        padding: 0 20px;
    }
    .blog__main{
        font-size: 14px;
        width: 100%;
        margin-bottom: 40px;
    }
    .blog__side{
        width: 100%;
    }
    /* 一覧 ----------------------*/
    .blog__page-name{
        font-size: 20px;
        padding-bottom: .8em;
    }
    .blog__post{
        display: block;
        border: none;
        padding: 1.6em;
        border-radius: .8em;
        margin-bottom: 1.5em;
        box-shadow: 0px 3px 20px rgb(25 89 194 / 20%);
    }
    .blog__post .post_thum{
        width: 100%;
        height: 42vw;
    }
    .blog__post .post_text{
        width: 100%;
        padding: 1em 0 0;
    }
    .blog__post .post_title{
        font-size: 1.2em;
    }
    .blog__main .wp-pagenavi{
        border: none;
    }
    /* タイトル部分 ---------------*/
    .blog__head-ttl{
        font-size: 20px;
        padding-bottom: 1em;
    }
    .blog__info{
        display: block;
    }
    .blog__info li +li,
    .blog__foot-info + ul{
        margin: .5em 0 0;
    }
    .blog__foot{
        margin: 3rem 0 2rem;
    }
    /* 目次 ---------------------*/
    #toc_container{
        padding: 1.5em 2em;
    }
    /* 装飾 ---------------------*/
    .blog__body h2{
       font-size: 18px;
    }
    .blog__body h3{
        font-size: 16px;
    }
    .blog__body blockquote{
        padding: 1.2em 1.5em .1em 3.5em;
    }
    .blog__body blockquote:before{
        top: 1.5em;
        left: 1.2em;
        width: 1.6em;
        height: 1.6em;
    }
    /* ブログ下部 ---------------------*/
    .blog__postlink{
        display: block;
    }
    .blog__postlink li{
        width: 100%;
        font-size: .9em;
    }
    .blog__postlink li a{
        padding: 1em 2em;
    }
    .blog__postlink li.next a {
        border: none;
        border-top: 1px solid #eee;
    }
    .blog__postlink li a::before{
        top: 35%;
        font-size: 1.2em;
    }
}