img.consultation-icon-img{width:30px;}
img.consultation-icon-img2{width:33px;}
.bluetext{ color:#172a88;}
.bluetext a{ color:#172a88;}
.bluetextb{ color:#172a88; font-weight: bold;}
::placeholder {
  color: #c9caca;
}
.single-post-main{background:#fff  !important;}
#content_area{padding-top:50px;  max-width:900px; margin:0 auto; }
.cat-tag{display: none;}
/* 旧Edge対応 */
::-ms-input-placeholder {
  color: #c9caca;
}
/* IE対応 */
:-ms-input-placeholder {
  color: #c9caca;
}

.hasDatepicker{
 font-size:16px  !important;
 color:#333  !important;
}


a.bline{ text-decoration:underline; text-decoration-color:#000; color:#000;}
a.bline:hover{ text-decoration:underline; text-decoration-color:#000; color:#000;}
textarea{background:#fff; border:1px solid #172a88; color:#000;}
input[type=checkbox]{border: 1px solid #172a88;}
.mwform-tel-field{ line-height: 1.7;}
.mwform-radio-field {
display: block;
white-space: normal;
}
.mwform-checkbox-field,
.mwform-checkbox-field label{
 margin:0px !important;
 padding:0px 10px 10px 0px !important;
}

.fkakunin{
 background:url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/btn-fkakunin.jpg) no-repeat; 
 max-width:339px; 
 height:80px; 
 border: 1px solid #fff;
}
.fkakunin2{
 background:url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/btn-form-kakunin.png) no-repeat; 
 max-width:380px; 
 height:80px; 
 border: 1px solid #fff;
}
.fkakunin3{
 background:url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/btn-fkakunin2-sp.png) no-repeat; 
 max-width:340px; 
 height:80px; 
 border: 1px solid #fff;
}
.fsoushin{
 background:url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/btn-fsoushin2.jpg) no-repeat; 
 max-width:339px; 
 height:80px; 
 border: 1px solid #fff;
}

.hissu,.nini{
 font-size: 16px;
 color:#fff;
 border-radius: 3px; 
 padding:1px 5px;
 letter-spacing: 0.1em;
}
.hissu{background:#f39700; border:1px solid #f39700;}
.nini{background:#9fa0a0; border:1px solid #9fa0a0;}

.ftitle{
 font-size: 16px;
 letter-spacing: 0.1em;
 color:#172a88;
 margin-top:40px;
 margin-bottom:20px;
}
.form-table{
 text-align: left;
 display:table;
 font-size: 16px;
 letter-spacing: 0.1em;
 color:#000;
 margin-bottom:10px;
}
.form-table2 input,
.form-table2 select{
 text-align: left;
 font-size: 16px;
 letter-spacing: 0.1em;
 color:#000;
 border: 1px solid #172a88;
 border-radius:5px;
 width: 200px;
 background:#fff;
}
.form-table2 select{
 padding:7px 5px;
}

.form-td{
 text-align: left;
 display: table-cell;
 vertical-align: middle;
 padding-right:20px;
}
.form-td input{
 border: 1px solid #172a88;
 border-radius:5px;
 width: 150px;
 background:#fff;
 padding:8px 5px;
 color:#000;
 font-sizse:16px;
}
.form-td2{
 text-align: left;
 display: table-cell;
 vertical-align: middle;
 padding-right:20px;
}
.form-td2 input{
 border: 1px solid #172a88;
 border-radius:5px;
 width: 300px;
 background:#fff;
 padding:8px 5px;
 color:#000 !important;
}
.brp{ margin:10px;}
.brp10{ margin:5px;}


/* スマホ用5 開始 *****************************************************/
@media screen and (max-width: 959px){
.pagination .current {
 padding: 5px 0 !important;
 width:12% !important;
 font-size:16px;
}
a.page-numbers {
 padding: 8px 0 !important;
 width:12% !important;
 font-size:16px;
}
a.prev.page-numbers{ background:#fff !important; color:#172a88 !important; padding:5px 14px !important;width:20% !important; font-size:16px;}
a.next.page-numbers{ background:#fff !important; color:#172a88 !important; padding:5px 14px !important;width:20% !important; font-size:16px;}
}
@media (max-width:1000px){
/*　1.トップページPC2　お知らせ　開始　*/
.top-news-box{
 margin: 0 auto; 
 margin-top:-25px;
 font-size:14px;
}
.table-top-news{
 display:table;
}
.td-top-news1{
 display:table-cell;
 vertical-align:middle;
 width:110px;
 color: #fff;
 transform: skewX(-20deg);
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
 padding: 5px;
 background-color:#182448;
 text-align: center;
}
.td-top-news2{
 display:table-cell;
 vertical-align:middle;
 width:220px;
 color: #000;
 background-color:#fff;
 transform: skewX(-20deg);
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
 padding: 5px 5px 5px 15px;
}
.td-top-news1 .news-text1{z-index: 1; transform: skewX(20deg); text-align: center;}
.td-top-news2 .news-text2{z-index: 1; transform: skewX(20deg); text-align: left;}
.td-top-news2  .news-text2 a{ color:#000;}
/*　1.トップページ　お知らせ　終了　*/

.roop-review{margin:0 auto;}
.roop-review-box{
 padding:5px;
 text-align: center;
}
.roop-review-img{
 text-align: center;
}
.roop-review-img img{
 border-radius:5px;
 width: 95%;
 border-radius:5px;
}
.roop-review-title{
 color:#172a88;
 letter-spacing: 0.1em;
 font-size: 16px;
 padding-top:10px;
 padding-bottom:20px;
}
.roop-review-title a{color:#172a88;}
.nav-links{ width:100% !important; margin:0 auto !important; margin-top:20px !important;}
a.page-numbers{
border:1px solid #172a88; border-radius:0px; background:#fff !important; color:#172a88 !important; padding:5px 14px !important;
 font-size:16px;
}
a.prev.page-numbers{ background:#fff !important; color:#172a88 !important; padding:5px 14px !important;}
a.next.page-numbers{ background:#fff !important; color:#172a88 !important; padding:5px 14px !important;}
.pagination .current{border:1px solid #172a88; border-radius:0px; background:#172a88 !important; padding:5px 0px !important;}
span.page-numbers.dots{color:#172a88 !important;}
a.page-numbers, .pagination .current {
    margin: 0 3px !important;
}
.roop-table{display:table; margin:0 auto;}
.roop-td-img{display:table-cell; padding:5px 5px 5px 5px; vertical-align:top; width:40%;}
.roop-td-img img{width:100%;}
.roop-td-text{display:table-cell; padding:5px; vertical-align:top; width:58%;}
.roop-day,.roop-day a{color:#172a88;}
.roop-title,.roop-title a{color:#172a88;}
.roop-text,.roop-text a,.roop-text a:hover{color:#000;}
.roop-line{
 margin: 20px 0px;
 padding-bottom:20px;
 position: relative;
 border-bottom: 1px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}
}

/* パソコン用5 開始 *****************************************************/
@media (min-width: 1000px){
/*　1.トップページPC2　お知らせ　開始　*/
.top-news-box{
 margin: 0 auto; 
 margin-top:-25px;
}
.table-top-news{
display:table;
}
.td-top-news1{
 display:table-cell;
 vertical-align:middle;
 width:150px;
 color: #fff;
 transform: skewX(-20deg);
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
 padding: 15px 15px;
 background-color:#182448;
 text-align: center;
}
.td-top-news2{
 display:table-cell;
 vertical-align:middle;
 width:550px;
 color: #000;
 background-color:#fff;
 transform: skewX(-20deg);
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
 padding: 15px 10px 15px 30px;
}
.td-top-news1 .news-text1{z-index: 1; transform: skewX(20deg); text-align: center;}
.td-top-news2 .news-text2{z-index: 1; transform: skewX(20deg); text-align: left;}
.td-top-news2  .news-text2 a{ color:#000;}
/*　1.トップページ　お知らせ　終了　*/

.roop-review{margin:0 auto;}
.roop-review-box{
 display: inline-block;
 vertical-align: top;
 width: 263px;
 text-align: center;
}
.roop-review-img{
 text-align: center;
}
.roop-review-img img{
 border-radius:5px;
 width: 250px;
 border-radius:5px;
}
.roop-review-title{
 color:#172a88;
 letter-spacing: 0.1em;
 font-size: 16px;
 padding-top:10px;
 padding-bottom:20px;
}
.roop-review-title a{color:#172a88;}

.nav-links{ width:700px !important; margin:0 auto !important; margin-top:20px !important;}
a.page-numbers{
border:1px solid #172a88; border-radius:0px; background:#fff !important; color:#172a88 !important; padding:5px 14px !important;
}
a.prev.page-numbers{ background:#fff !important; color:#172a88 !important; padding:5px 14px !important;}
a.next.page-numbers{ background:#fff !important; color:#172a88 !important; padding:5px 14px !important;}
.pagination .current{border:1px solid #172a88; border-radius:0px; background:#172a88 !important; padding:5px 14px !important;}
span.page-numbers.dots{color:#172a88 !important;}
a.page-numbers, .pagination .current {
    margin: 0 7px !important;
}
.roop-table{display:table; margin:0 auto;}
.roop-td-img{display:table-cell; padding:10px 30px 10px 0px; vertical-align:top; width:270px;}
.roop-td-img img{width:250px;}
.roop-td-text{display:table-cell; padding:10px; vertical-align:top; width:580px;}
.roop-day,.roop-day a{color:#172a88;}
.roop-title,.roop-title a{color:#172a88;}
.roop-text,.roop-text a,.roop-text a:hover{color:#000;}
.roop-line{
 margin: 20px 0px; 
 padding-bottom:20px;
 position: relative;
 border-bottom: 1px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}
}



/* スマホ用4 開始 *****************************************************/
@media (max-width:1000px){

/* フォームセレクト　開始　SP*/
.form-table3 select{
 text-align: left;
 font-size: 16px !important;
 letter-spacing: 0.1em;
 color:#000;
 border: 1px solid #172a88;
 border-radius:5px;
 width: 100px;
 background:#fff;
}
.form-table3 select{
 padding:10px 5px; !important;
 margin-top:0px !important;
}

/* 相談関連　開始　SP*/
.consultation-icon{margin-right:10px;}
.consultation-title{margin-bottom:10px;}
.consultation-box,
.consultation-box2{
 margin:0 auto;
 color:#172a88;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 border: 2px solid #172a88;
 border-radius:5px;
 width: 85%;
 padding:15px;
}
.consultation-box3{
 margin:0 auto;
 color:#fff;
 background: #33ad37;
 font-size:  18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 border: 2px solid #33ad37;
 border-radius:5px;
 padding:15px 20px 10px 20px;
 width: 80%;
}
.consultation-box4{
 margin:0 auto;
 color:#fff;
 background: #172a88;
 font-size:  18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 border: 2px solid #172a88;
 border-radius:5px;
 padding:10px 20px 10px 20px;
 width: 250px;
}
/* 相談関連　終了　SP*/

/* インタビュー関連　SP*/
.itv-img-box{  margin:0 auto; text-align: center;}
.itv-img-box img{ width:100%;}
.itv-table{
 display:table;
}
.itv-td,.itv-td2{

}
.itv-td2 img{ width:100%;}

/* 営業職　1日の流れ　SP*/
.fno-mainbox{
 /*padding-left:100px;*/
}
.fno-mbox{
 text-align: left;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
 margin-bottom:30px;
 width:100%;
}
.fnoicon{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 25%;
 height: 70px;
 border: 2px solid #172a88;
 border-radius:5px;
 font-size: 16px;
}
.fnoicon2{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 25%;
 height: 20px;
}
.fnomidashi{
 display: table-cell;
 text-align: left;
 vertical-align: middle;
 width: 73%;
 height: 70px;
 color:#172a88;
 font-size: 16px;
 padding-left:30px;
}
.fnomidashi2{
 display: table-cell;
 text-align: left;
 vertical-align: middle;
 width: 73%;
 height: 20px;
 color:#000;
 font-size: 12px;
 padding-left:30px;
}

/* 営業職　業務内容　SP*/
.no-mainbox{
 /*padding-left:100px;*/
 /*padding-right:100px;*/
}
.no-mbox{
 text-align: left;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
 margin-bottom:30px;
}
.noicon{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 41px;
}
.nomidashi{
 text-align: left;
 display: table-cell;
 vertical-align: middle;
 width: 550px;
 color:#172a88;
 font-size: 22px;
 padding-left:20px;
}

.move-box{
 margin:0 auto;
 text-align: center;
}
.move-box iframe{
 text-align: center;
 width: 95%;
 height: 250px;
}

.rec-point-text{
 color:#172a88;
 margin:20px 0px;
 text-align: center;
 font-sizse:16px;
 font-weight: none;
}
.subtext2-c{
 margin-bottom:30px;
 text-align: center;
 font-sizse:16px;
}
.subtext2-l{
 margin-bottom:30px;
 text-align: left;
 font-sizse:16px;
}
.subtext3-c{
 margin-top:30px;
 margin-bottom:30px;
 text-align: center;
 font-sizse:16px;
}
.subtext3-l{
 margin-top:30px;
 margin-bottom:30px;
 text-align: left;
 font-sizse:16px;
}

.flow-box{
 margin:0 auto;
 text-align: center;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
}

.flow-box1{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 130px;
 height: 90px;
 border: 2px solid #172a88;
 border-radius:5px;
}

.flow-box2{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 50px;
}

.qatable-box{
 margin:0 auto;
 text-align: center;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
 width:95%;
}
.qamark-box{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 /*width: 15%;*/
}
.qatext-box{
 text-align: left;
 display: table-cell;
 vertical-align: middle;
 /*width: 580px;*/
 padding-right:30px;
}
.qatable-box2{
 margin:0 auto;
 text-align: center;
 display:table;
 vertical-align: top;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
 width:95%;
}
.qamark-box2{
 text-align: center;
 display: table-cell;
 vertical-align: top;
 /*width: 30px;*/
}
.qatext-box2{
 text-align: left;
 display: table-cell;
 vertical-align: top;
 padding-top:20px;
}


/* 採用情報 よくあるご質問 PC  開始 */
.op-dl-r1,.op-dl-r2,.op-dl-r3,.op-dl-r4,.op-dl-r5{
 margin: 0 auto; 
 width: 90%
 padding: 1em;
 color: #172a88;
 letter-spacing: 0.1em;
 text-align: left;
 background:#fff;
 margin-bottom: 20px;
 border:3px solid #172a88;
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 margin-top: 20px; 
}

.op-dt-r1,.op-dt-r2,.op-dt-r3,.op-dt-r4,.op-dt-r5{
 padding: 10px 0px;
 border-radius: 10px;
 background: #fff;
 position: relative;
 font-size: 16px;
 font-weight: bold;
}

.op-dd-r1,.op-dd-r2,.op-dd-r3,.op-dd-r4,.op-dd-r5{
 font-size: 16px;
 padding: 20px 0px;
 border-radius: 10px;
 margin-top: 10px;
 background: #fff;
 text-align: left;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.op-sp-r1,.op-sp-r2,.op-sp-r3,.op-sp-r4,.op-sp-r5{
 position: absolute;
 top: 50%;
 right: 20px;
 transform: translateY(-50%);
 background: #0052a4;
 display: block;
 width: 24px;
 height: 24px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 border-radius: 50%;
}
.op-sp-r1::before,.op-sp-r1::after,
.op-sp-r2::before,.op-sp-r2::after,
.op-sp-r3::before,.op-sp-r3::after,
.op-sp-r4::before,.op-sp-r4::after,
.op-sp-r5::before,.op-sp-r5::after{
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}
  
.op-sp-r1::after,
.op-sp-r2::after,
.op-sp-r3::after,
.op-sp-r4::after,
.op-sp-r5::after{
  background: #fff;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

.active-r1::after,
.active-r2::after,
.active-r3::after,
.active-r4::after,
.active-r5::after{
  transform: rotate(0);
  transition: 0.5s;
}

/* 採用情報 よくあるご質問 PC  終了 */
}


/* パソコン用4 開始 *****************************************************/
@media (min-width: 1000px){

.form-table3 select{
 text-align: left;
 font-size: 14px !important;
 letter-spacing: 0.1em;
 color:#000;
 border: 1px solid #172a88;
 border-radius:5px;
 width: 100px;
 background:#fff;
}
.form-table3 select{
 padding:7px 5px;
 margin-top:0px !important;
}

/* 相談関連　開始　CP*/
.consultation-icon{margin-right:10px;}
.consultation-title{margin-bottom:10px;}
.consultation-box,
.consultation-box2{
 margin:0 auto;
 color:#172a88;
 font-size:  20px;
 font-weight: bold;
 letter-spacing: 0.1em;
 border: 2px solid #172a88;
 border-radius:5px;
 padding:20px;
}
.consultation-box{ width: 400px;}
.consultation-box2{ width: 550px;}

.consultation-box3{
 margin:0 auto;
 color:#fff;
 background: #33ad37;
 font-size:  18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 border: 2px solid #33ad37;
 border-radius:5px;
 padding:15px 10px 10px 10px;
 width: 350px;
}
.consultation-box4{
 margin:0 auto;
 color:#fff;
 background: #172a88;
 font-size:  18px;
 font-weight: bold;
 letter-spacing: 0.2em;
 border: 2px solid #172a88;
 border-radius:5px;
 padding:10px 20px 10px 20px;
 width: 300px;
}

/* 相談関連　終了　CP*/

/* インタビュー関連　PC*/
.itv-img-box{  margin:0 auto; text-align: center;}
.itv-img-box img{  width:500px;}
.itv-table{
 display:table;
}
.itv-td,.itv-td2{
 display: table-cell;
 vertical-align: middle;
 width:400px;
}
.itv-td2{padding-left:50px; width:500px;}

/* 営業職　1日の流れ　PC*/
.fno-mainbox{
 padding-left:100px;
}
.fno-mbox{
 text-align: left;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
 margin-bottom:30px;
 width:100%;
}
.fnoicon{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 20%;
 height: 70px;
 border: 2px solid #172a88;
 border-radius:5px;
 font-size: 16px;
}
.fnoicon2{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 20%;
 height: 30px;
}
.fnomidashi{
 display: table-cell;
 text-align: left;
 vertical-align: middle;
 width: 78%;
 height: 70px;
 color:#172a88;
 font-size: 16px;
 padding-left:30px;
}
.fnomidashi2{
 display: table-cell;
 text-align: left;
 vertical-align: middle;
 width: 78%;
 height: 20px;
 color:#000;
 font-size: 12px;
 padding-left:30px;
}

/* 営業職　業務内容　PC*/
.no-mainbox{
 padding-left:100px;
 padding-right:100px;
}
.no-mbox{
 text-align: left;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
 margin-bottom:30px;
}
.noicon{
 text-align: center;
 display: table-cell;
 vertical-align: bottom;
 width: 41px;
}
.nomidashi{
 text-align: left;
 display: table-cell;
 vertical-align: bottom;
 width: 550px;
 color:#172a88;
 font-size: 22px;
 padding-left:30px;
}


.move-box{
 margin:0 auto;
 text-align: center;
}
.move-box iframe{
 text-align: center;
 width: 400px;
 height: 300px;
}

.rec-point-text{
 color:#172a88;
 margin:20px 0px;
 text-align: center;
 font-sizse:16px;
 font-weight: none;
}
.subtext2-c{
 margin-bottom:30px;
 text-align: center;
 font-sizse:16px;
}
.subtext2-l{
 margin-bottom:30px;
 text-align: left;
 font-sizse:16px;
}
.subtext3-c{
 margin-top:30px;
 margin-bottom:30px;
 text-align: center;
 font-sizse:16px;
}
.subtext3-l{
 margin-top:30px;
 margin-bottom:30px;
 text-align: left;
 font-sizse:16px;
}

.flow-box{
 margin:0 auto;
 text-align: center;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
}

.flow-box1{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 135px;
 height: 135px;
 border: 2px solid #172a88;
 border-radius:5px;
}

.flow-box2{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 90px;
 height: 135px;
}

.qatable-box{
 margin:0 auto;
 text-align: center;
 display:table;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
}
.qamark-box{
 text-align: center;
 display: table-cell;
 vertical-align: middle;
 width: 30px;
}
.qatext-box{
 text-align: left;
 display: table-cell;
 vertical-align: middle;
 width: 580px;
 padding-right:30px;
}
.qatable-box2{
 margin:0 auto;
 text-align: center;
 display:table;
 vertical-align: top;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color:#172a88;
}
.qamark-box2{
 text-align: center;
 display: table-cell;
 vertical-align: top;
 width: 30px;
}
.qatext-box2{
 text-align: left;
 display: table-cell;
 vertical-align: top;
 width: 580px;
 padding-top:20px;
}


/* 採用情報 よくあるご質問 PC  開始 */
.op-dl-r1,.op-dl-r2,.op-dl-r3,.op-dl-r4,.op-dl-r5{
 margin: 0 auto; 
 width: 600px;
 padding: 1em;
 color: #172a88;
 letter-spacing: 0.1em;
 text-align: left;
 background:#fff;
 margin-bottom: 20px;
 border:3px solid #172a88;
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 margin-top: 20px; 
}

.op-dt-r1,.op-dt-r2,.op-dt-r3,.op-dt-r4,.op-dt-r5{
 padding: 10px 0px;
 border-radius: 10px;
 background: #fff;
 position: relative;
 font-size: 16px;
 font-weight: bold;
}

.op-dd-r1,.op-dd-r2,.op-dd-r3,.op-dd-r4,.op-dd-r5{
 font-size: 16px;
 padding: 20px 0px;
 border-radius: 10px;
 margin-top: 10px;
 background: #fff;
 text-align: left;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.op-sp-r1,.op-sp-r2,.op-sp-r3,.op-sp-r4,.op-sp-r5{
 position: absolute;
 top: 50%;
 right: 20px;
 transform: translateY(-50%);
 background: #0052a4;
 display: block;
 width: 24px;
 height: 24px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 border-radius: 50%;
}
.op-sp-r1::before,.op-sp-r1::after,
.op-sp-r2::before,.op-sp-r2::after,
.op-sp-r3::before,.op-sp-r3::after,
.op-sp-r4::before,.op-sp-r4::after,
.op-sp-r5::before,.op-sp-r5::after{
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}
  
.op-sp-r1::after,
.op-sp-r2::after,
.op-sp-r3::after,
.op-sp-r4::after,
.op-sp-r5::after{
  background: #fff;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

.active-r1::after,
.active-r2::after,
.active-r3::after,
.active-r4::after,
.active-r5::after{
  transform: rotate(0);
  transition: 0.5s;
}

/* 採用情報 よくあるご質問 PC  終了 */
}


/* スマホ用3 開始 *****************************************************/
@media (max-width:1000px){

/*　採用情報PC 募集職種　開始　*/
.bs-box{
 margin: 0 auto; 
 width: 100%;
 margin-bottom: 100px;
}
.bs-box .bs-left{
 width: 100%;
}
.bs-box .bs-right{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
}
.bs-box .msg-box-text2 h3{
 font-weight: bold;
 font-size: 20px;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 4px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
}
.bs-box .msg-box-text3{
 font-size: 18px;
 letter-spacing: 0.1em;
 margin-top:  18px;
 margin-bottom: 20px;
}
.bs-box .msg-box-text4{
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
}
.bs-box .msg-box-text5{
 text-align: center;
 margin-top: 20px;
}
/*　採用情報PC 募集職種　終了　*/


}
/* パソコン用2 開始 *****************************************************/
@media (min-width: 1000px){

/*　採用情報PC 募集職種　開始　*/
.bs-box{
 margin: 0 auto; 
 width: 1200px;
 margin-bottom: 100px;
}
.bs-box .bs-left{
 display: inline-block;
 vertical-align: top;
 width: 370px;
}

.bs-box .bs-right{
 display: inline-block;
 vertical-align: top;
 padding-top:0px;
 padding-left:20px;
 width: 395px;
}

.bs-box .msg-box-text2 h3 {
 font-weight: bold;
 font-size: 22px;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 4px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
}
.bs-box .msg-box-text3{
 font-size: 20px;
 letter-spacing: 0.1em;
 margin-top: 20px;
 margin-bottom: 20px;
}
.bs-box .msg-box-text4{
 font-size: 16px;
 /*font-weight: bold;*/
 letter-spacing: 0.1em;
}
.bs-box .msg-box-text5{
 text-align: center;
 margin-top: 20px;
}
/*　採用情報PC 募集職種　終了　*/

}

/* スマホ用2 開始 *****************************************************/
@media (max-width:1000px){

/* 保険商品のご案内 */
.service-boxh{
 text-align: center;
 background-color: #fff;
 padding-top:20px;
 padding-bottom:20px;
}


/* 表彰履歴ページ  SP*/
.award-table{
  /*display:table;*/
  /*border-collapse:collapse;*/
  width: 100%;
  margin:0 auto;
  padding-bottom:50px;
  margin-top:50px;
}
.award-cell1{
 display:inline-block;
 width: 33%;
 text-align: left;
 font-size: 16px;
 color: #000;
 padding:20px 10px 10px 10px;
}
.award-cell2{
 display:inline-block;
 width: 65%;
 text-align: left;
 font-size: 16px;
 color: #000;
 padding:20px 10px 10px 10px;
}

.lineb {
 border-bottom: 1px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}
/* 表彰履歴ページ */

/*　枠　SP　*/
.hs-box,.hs-box2{
 margin: 0 auto;
 margin: 20px 20px;
 text-align: center;
}

/* 会社概要 地図・住所SP */
.cpimg15{
  max-width:100%;
}

.cp-map-box{
  margin:0 auto;
  padding:20px 0px;
}
.cp-map{
 width: 100%;
 text-align: center;
 color: #000;
}
.cp-map iframe{
 width: 95%;
 height: 300px;
}
.cp-map-text{
 width: 95%;
 text-align: left;
 font-size: 16px;
 color: #000;
 margin-top:20px;
}

/* スクロールボタン SP*/
.top-head{
position: relative;
}
.undbanner{
position: absolute;
  width: 60px;
  /*position: fixed;*/
  left: 45%;
  top: 540px;
  transition: .1s;
}

.undbanner .hide {
 /* transform:translateY(-60px);*/
}

.undbanner .cont{
  color:#fff;
  text-align:center;
}



/* 会社概要テーブルページSP */
.cp-table{
  display:table;
  border-collapse:collapse;
  width: 100%;
  margin:0 auto;
  padding-bottom:50px;
  margin-top:50px;
}
.cp-row{
  display:table-row;
}
.cp-cell1{
 display:table-cell;
 vertical-align:top;
 width: 35%;
 text-align: right;
 font-size: 16px;
 color: #000;
 padding:5px;
}
.cp-cell2{
 display:table-cell;
 vertical-align:top;
 width: 65%;
 text-align: left;
 font-size: 16px;
 color: #000;
 padding:5px 5px 5px 20px;
}


/* ページトップへボタン*/
.pagetop{
  position: fixed;
  right: 20px;
  bottom: 10px;
  width: 60px;
  padding: 10px;
  cursor: pointer;
  transition: .1s;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

.service-kojin-text2{
 display:table-cell;
 vertical-align:middle;
}

.service-kojin-text2 .ulc{
 padding-left:20px !important;
}

.service-kojin-text2 .ulc2{
 padding-left:10px !important;
}
}






/* パソコン用2 開始 *****************************************************/
@media (min-width: 1000px){
/* 保険商品のご案内 */
.service-boxh{
 text-align: center;
 background-color: #fff;
 padding-top:20px;
 padding-bottom:20px;
}

/* 会社概要 地図・住所 */
.cpimg15{
  max-width:1500px;
}
.cp-map-box{
  margin:0 auto;
}
.cp-map{
 display:inline-block;
 vertical-align: top;
 width: 412px;
 text-align: left;
 color: #000;
}
.cp-map iframe{
 width: 390px;
 height: 300px;
}
.cp-map-text{
 display:inline-block;
 vertical-align: top;
 width: 380px;
 text-align: left;
 font-size: 16px;
 color: #000;
}


/* 会社概要テーブルページ */
.cp-table{
  display:table;
  border-collapse:collapse;
  width: 600px;
  margin:0 auto;
  padding-bottom:50px;
  margin-top:50px;
}
.cp-row{
  display:table-row;
}
.cp-cell1{
 display:table-cell;
 vertical-align:top;
 width: 200px;
 text-align: right;
 font-size: 18px;
 color: #000;
 padding:5px;
}
.cp-cell2{
 display:table-cell;
 vertical-align:top;
 width: 400px;
 text-align: left;
 font-size: 18px;
 color: #000;
 padding:5px 5px 5px 50px;
}

/* 表彰履歴ページ */
.award-table{
  /*display:table;*/
  /*border-collapse:collapse;*/
  width: 450px;
  margin:0 auto;
  padding-bottom:50px;
  margin-top:50px;
}
.award-cell1{
 display:inline-block;
 width: 200px;
 text-align: left;
 font-size: 18px;
 color: #000;
 padding:20px 10px 10px 10px;
}
.award-cell2{
 display:inline-block;
 width: 250px;
 text-align: left;
 font-size: 18px;
 color: #000;
 padding:20px 10px 10px 10px;
}

.lineb {
 border-bottom: 1px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}
/* 表彰履歴ページ */


/* スクロールボタン*/
.top-head{
position: relative;
}
.undbanner{
position: absolute;
  width: 70px;
  /*position: fixed;*/
  right: 30px;
  bottom: 70px;
  transition: .1s;
}

.undbanner .hide {
 /* transform:translateY(-60px);*/
}

.undbanner .cont{
  color:#fff;
  text-align:center;
}

/* ページトップへボタン*/
.pagetop{
  position: fixed;
  right: 30px;
  bottom: 30px;
  width: 70px;
  padding: 10px;
  cursor: pointer;
  transition: .1s;
  
  /*デフォルトで非表示にする*/
  opacity: 0;
  visibility: hidden;
}

/*このクラスが付与されると表示する*/
.active{
  opacity: 1;
  visibility: visible;
}

/*========= ナビゲーションドロップダウンのためのCSS ===============*/

/*==ナビゲーション全体の設定*/
nav{
  /*background:#333;*/
  color:#fff;
  text-align: center;
  letter-spacing: 0.1em;
}
/*ナビゲーションを横並びに*/
nav ul{
  list-style: none;
  display: flex;
  justify-content: center;
}
/*2階層目以降は横並びにしない*/
nav ul ul{
  display: block;
}

/*下の階層のulや矢印の基点にするためliにrelativeを指定*/
nav ul li{
  position: relative;
}

/*ナビゲーションのリンク設定*/
nav ul li a{
  display: block;
  text-decoration: none;
  color: #999;
  padding:7px 35px;
  transition:all .3s;
}

nav ul li li a{
  padding:7px 35px;
}

nav ul li a:hover{
  color:#fff; 
}

/*==矢印の設定*/

/*2階層目を持つliの矢印の設定*/
nav ul li.has-child::before,
nav ul li.has-child2::before{
  /*content:'';*/
  /*position: absolute;*/
  /*left:15px;*/
  /*top:5px;*/
  /*width:6px;*/
  /*height:6px;*/
  /*border-top: 2px solid #999;*/
  /*border-right:2px solid #999;*/
  /*transform: rotate(135deg);*/
}

/*3階層目を持つliの矢印の設定*/
nav ul ul li.has-child::before,
nav ul ul li.has-child2::before{
  content:'';
  position: absolute;
  left:6px;
  top:17px;
  width:6px;
  height:6px;
    border-top: 2px solid #fff;
    border-right:2px solid #fff;
    transform: rotate(45deg);
}

/*== 2・3階層目の共通設定 */

/*下の階層を持っているulの指定*/
nav li.has-child ul,
nav li.has-child2 ul{
    /*絶対配置で位置を指定*/
  position: absolute;
  left:0;
  top:42px;
  z-index: 4;
    /*形状を指定*/
  background:#182448;
    /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
    /*アニメーション設定*/
  transition: all .3s;
  text-align: left;
}
nav li.has-child ul{ width:380px;}
nav li.has-child2 ul{ width:180px;}

/*hoverしたら表示*/
nav li.has-child:hover > ul,
nav li.has-child ul li:hover > ul,
nav li.has-child:active > ul,
nav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}
nav li.has-child2:hover > ul,
nav li.has-child2 ul li:hover > ul,
nav li.has-child2:active > ul,
nav li.has-child2 ul li:active > ul{
  visibility: visible;
  opacity: 1;
}

/*ナビゲーションaタグの形状*/
nav li.has-child ul li a,
nav li.has-child2 ul li a{
  color: #fff;
  border-bottom:solid 1px rgba(255,255,255,0.6);
}

nav li.has-child ul li:last-child a,
nav li.has-child2 ul li:last-child a{
  border-bottom:none;
}

nav li.has-child ul li a:hover,
nav li.has-child ul li a:active{
  background:#3577CA;
}
nav li.has-child2 ul li a:hover,
nav li.has-child2 ul li a:active{
  background:#3577CA;
}


/*==3階層目*/

/*3階層目の位置*/
nav li.has-child ul ul,
nav li.has-child2 ul ul{
  top:0;
  left:182px;
  background:#66ADF5;
}

nav li.has-child ul ul li a:hover,
nav li.has-child ul ul li a:active{
  background:#448ED3;
}
nav li.has-child2 ul ul li a:hover,
nav li.has-child2 ul ul li a:active{
  background:#448ED3;
}



/*==768px以下の形状*/

@media screen and (max-width:768px){
  nav{
    padding: 0;
  }
  
  nav ul{
    display: block;
  }
  
  nav li.has-child ul,
  nav li.has-child ul ul,
  nav li.has-child2 ul,
  nav li.has-child2 ul ul{
    position: relative;
  left:0;
  top:0;
  width:100%;
  visibility:visible;/*JSで制御するため一旦表示*/
  opacity:1;/*JSで制御するため一旦表示*/
  display: none;/*JSのslidetoggleで表示させるため非表示に*/
  transition:none;/*JSで制御するためCSSのアニメーションを切る*/
}
  
nav ul li a{
  border-bottom:1px solid #ccc;
}

/*矢印の位置と向き*/

nav ul li.has-child::before,
nav ul li.has-child2::before{
  left:20px;  
}

nav ul ul li.has-child::before,
nav ul ul li.has-child2::before{
    transform: rotate(135deg);
  left:20px;
}
    
nav ul li.has-child.active::before,
nav ul li.has-child2.active::before{
    transform: rotate(-45deg);
}

}


/*========= レイアウトのためのCSS ===============*/

h1{
  font-size:2rem;
  text-align: center;
  text-transform: uppercase;
  padding: 20px;
}

h2{
  font-size:1.2rem;
  text-align: center;
  margin: 0 0 30px 0;
}

p{
  margin-top:20px;  
}

small{
  background:#333;
  color:#fff;
  display: block;
  text-align: center;
  padding:20px;
}


section{
  padding:30px;
}

section:nth-child(2n){
  background:#f3f3f3; 
}
.dropdown__lists {
    display: none;/*デフォルトでは非表示の状態にしておく*/
    width: 100%;
    position: absolute;
    top: 60px;
    left: 0;
}
.gnavi__list:hover .dropdown__lists {
    display: block;/*Gナビメニューにホバーしたら表示*/
}
.dropdown__list {
    background-color: #004d80;
    height: 60px;
    transition: all .3s;
    position: relative;
}
.dropdown__list:not(:first-child)::before{
    content: "";
    width: 100%;
    height: 1px;
    background-color: #3492d1;
    position: absolute;
    top: 0;
    left: 0;
}
.dropdown__list:hover {
    background-color: #003558;
}
.dropdown__list a {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    text-decoration: none;
    position: relative;
}
.dropdown__list a::before {
    content: '';
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    transform: rotate(135deg);
    position: absolute;
    right: 15px;
    top: calc(50% - 5px);
}


.service-kojin-text2{
 display:table-cell;
 vertical-align:middle;
}

.service-kojin-text2 .ulc{
 padding-left:30px !important;
}

.service-kojin-text2 .ulc2{
 padding-left:10px !important;
}

.fl{
 display: inline-block;
 vertical-align: middle;
}
.bkg{
 background: #faf9fa;
}
.w100{
 width: 100px;
}
.w67{
 width: 67px;
}
.w104{
 width: 104px;
}
.btn40{
 height: 50px;
}
}

/* スマホ用2 開始 *****************************************************/
@media (max-width:1000px){
.service-kojin-text2{
display:table-cell;
vertical-align:middle;
}
.fl{
 display: inline-block;
 vertical-align: middle;
}
.bkg{
 background: #faf9fa;
}
.w100{
 width: 100px;
}
.w67{
 width: 67px;
}
.w104{
 width: 104px;
}
.btn40{
 height: 50px;
}
.menu-icon img{
 height: 26px;
}
.subtext-l2 a{
 color: #2ea7e0 !important;
}
.subcontent2-box{
 margin-top: 35px;
 margin-bottom: 50px;
}
.submidashi h3 {
 font-weight: bold;
 font-size: 20px;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 2px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
 letter-spacing: 0.1em;
}


/*　想い・取り組み　関連　開始　*/
.subimg{
 text-align: center;
 margin-bottom:30px
}
.subtitle{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 padding:0px !important;
 margin-top:25px !important;
}
.subtitle20{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 padding:0px !important;
 margin-top:25px !important;
}
.subtitle-line{
 display:inline-block;
 margin: 10px 0px; 
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}
.subtitle2{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 18px;
 text-align: center;
 margin-top:30px;
}
.subtitle3{
 font-size: 18px;
 letter-spacing: 0.1em;
 margin: 20px 0px;
 text-align: center;
}
.subtitle4{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 padding:0px !important;
 margin:0px 0 !important;
}
.subtext-c{
 font-size: 16px;
 letter-spacing: 0.1em;
 text-align: left;
 margin-top: 30px;
 margin-bottom: 50px;
}
.subtext-l{
 font-size: 16px;
 letter-spacing: 0.1em;
 text-align: left;
 margin-top: 20px;
 margin-bottom: 50px;
}
.subtext-l2{
 font-size: 16px;
 letter-spacing: 0.1em;
 text-align: left;
 margin-top: 30px;
 margin-bottom: 30px;
}
.subcontent-box ul{
 list-style: disc;
}

.subcontent-box li{
 margin-bottom: 20px;
}
.subcontent-boxh ul{
 list-style: disc;
}

.subcontent-boxh li{
 margin-bottom: 20px;
}
/*　想い・取り組み　関連　終了　*/

/*　枠　SP　*/
.subcontent-box,.subcontent-box2,.subcontent-boxh{
 margin: 0 auto;
 margin: 20px 20px;
}

/*　セカンドページ SP アイキャッチ背景　開始　*/
.cate-news-head,
.cate-review-head,
.consultation-head,
.hoken-head,
.sales-head,
.rform-head,
.sales-office-head,
.itv-fy-head,
.recruitment-head,
.thought-head,
.forte-head,
.company-head,
.management-head,
.fiduciary-head,
.policy-head,
.award-head{
 margin-top: 85px;
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
.thought-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-thought-sp.jpg);
}
.forte-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/07/bk-forte_sp.jpg);
}
.company-head{
 background-image: url(https://www.tokai-nw.co.jp//wp-content/uploads/2023/10/bk-company-sp.png);
}
.management-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-management-sp.png);
}
.fiduciary-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-fiduciary-sp.png);
}
.policy-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-policy-sp.png);
}
.award-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-award-sp.png);
}
.hoken-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-hoken3-sp.png);
}
.recruitment-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-recruitment-sp2.png);
}
.sales-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-sales-sp.png);
}
.sales-office-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-sales-office-sp.png);
}
.itv-fy-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-itv-fy-sp.png);
}
.rform-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-sfom-sp.png);
}
.consultation-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-consultation-sp.jpg);
}
.cate-news-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-cate-news-sp.png);
}
.cate-review-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-cate-review-sp.png);
}


/*　セカンドページ　アイキャッチ背景　終了　*/




/* その他の見出し */
.subtitle4{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 margin:0px 0 !important;
 padding-top: 50px; 
 padding-bottom: 30px; 
}
/* その他の見出し 下線 */
.subtitle-line{
 display:inline-block;
 margin: 10px 0px; 
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}

/* 吹き出し枠　開始------------------  */
/* 吹き出し枠　全体枠 */
.subicon-forte-text-box{
 letter-spacing: 0.1em;
 margin:0 auto;
 text-align: center;
}

/* 吹き出し枠　画像 */
.subicon-forte-text-imgr,
.subicon-forte-text-imgl,
.subicon-forte-text-imgl2,
.subicon-forte-text-imgc{
 margin: 0 auto;
 padding-borrom:30px;
 text-align: center;
 margin-top:15px;
}

/* 吹き出し　タイトルあり　開始 */
.balloon1-left,
.balloon1-right{
 position: relative;
 display: inline-block;
 letter-spacing: 0.1em;
 /*margin: 1.5em 0px;*/
 margin-top: 20px;
 padding: 30px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #231815;
 font-size: 16px;
 border-radius: 5px; 
 background: #FFF;
 border: solid 3px #172a88;
 box-sizing: border-box;
 width: 300px;
 text-align: left;
}
.balloon1-left:before,
.balloon1-right:before{
 content: "";
 position: absolute;
 bottom: -24px;
 left: 50%;
 margin-left: -15px;
 border: 12px solid transparent;
 border-top: 12px solid #FFF;
 z-index: 2;
}
.balloon1-left:after,
.balloon1-right:after{
 content: "";
 position: absolute;
 bottom: -30px;
 left: 50%;
 margin-left: -17px;
 border: 14px solid transparent;
 border-top: 14px solid #172a88;
 z-index: 1;
}
.balloon1-left p,
.balloon1-right p{
 margin: 0;
 padding: 0;
}
.balloon1-left span.lefttitle:before{
 background-color: #fff;
 color: #172a88;
 content: "こんな不安ありませんか？";
 letter-spacing: 0.1em;
 font-weight: bold;
 left: 42px;
 padding: 2px;
 position: absolute;
 top: -15px;
 z-index: 5;
}

.balloon1-right span.righttitle:before {
 background-color: #fff;
 color: #172a88;
 letter-spacing: 0.1em;
 content: "お客様の声";
 font-weight: bold;
 left: 100px;
 padding: 2px;
 position: absolute;
 top: -15px;
 z-index: 5;
}
/* 吹き出し　タイトルあり　終了 */


/* 吹き出し左　見出しなし  開始 */
.balloon2-left {
 position: relative;
 display: inline-block;
 letter-spacing: 0.1em;
 /*margin: 1.5em 0px;*/
 margin-top: 30px;
 padding: 30px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #231815;
 font-size: 16px;
 border-radius: 5px; 
 background: #FFF;
 border: solid 3px #172a88;
 box-sizing: border-box;
 width: 300px;
 text-align: left;
}
.balloon2-left:before {
 content: "";
 position: absolute;
 bottom: -24px;
 left: 50%;
 margin-left: -15px;
 border: 12px solid transparent;
 border-top: 12px solid #FFF;
 z-index: 2;
}
.balloon2-left:after {
 content: "";
 position: absolute;
 bottom: -30px;
 left: 50%;
 margin-left: -17px;
 border: 14px solid transparent;
 border-top: 14px solid #172a88;
 z-index: 1;
}
.balloon2-left p {
 margin: 0;
 padding: 0;
}
/* 吹き出し左 見出しなし  終了 */

/* 吹き出し右 見出しなし  開始 */
.balloon2-right {
 position: relative;
 display: inline-block;
 letter-spacing: 0.1em;
 /*margin: 1.5em 0px;*/
 margin-top: 30px;
 padding: 5px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #231815;
 font-size: 16px;
 border-radius: 5px; 
 background: #FFF;
 border: solid 3px #172a88;
 box-sizing: border-box;
 width: 300px;
 text-align: left;
}
.balloon2-right:before {
 content: "";
 position: absolute;
 bottom: -24px;
 left: 50%;
 margin-left: -15px;
 border: 12px solid transparent;
 border-top: 12px solid #FFF;
 z-index: 2;
}
.balloon2-right:after {
 content: "";
 position: absolute;
 bottom: -30px;
 left: 50%;
 margin-left: -17px;
 border: 14px solid transparent;
 border-top: 14px solid #172a88;
 z-index: 1;
}
.balloon2-right p {
 margin: 0;
 padding: 0;
}

/* 吹き出し右 見出しなし 終了 */

/* 吹き出し枠　テキスト枠 */
.subicon-forte-text{
 margin:30px 0px;
 letter-spacing: 0.1em;
 text-align: left;
 font-size: 16px;
}
/* 吹き出し枠　終了------------------  */


.copy-box{
 margin-top: 170px;
 margin-bottom: 175px;
 margin-left: 20px;
 width: 100%;
}
.copy1{
 color: #f7f8f7;
 font-size: 21px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-bottom: 15px;
 text-shadow:1px 1px 3px #999;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.copy2{
 color: #f7f8f7;
 font-size: 26px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-bottom: 10px;
 text-shadow:1px 1px 3px #999;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
/*サブキャッチテキスト　終了　*/

.page-menu{
 text-align: left;
 letter-spacing: 0.1em;
 color: #040000;
 font-size:16px;
 padding:5px 20px;
 border-bottom: 2px solid #231815;
 width: 100%;
 margin-bottom: 50px;
}
.page-menu a{
 color: #040000;
}

.point-forte-box{
 margin: 0 auto; 
 width: 100%;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
}

.point-forte-box .point-box-img{
 display: inline-block;
 vertical-align: middle;
 width: 43%;
 text-align: left;
}

.point-forte-box .rec-box-text{
 display: inline-block;
 vertical-align: middle;
 width: 55%;
 padding-top:20px;
}


.point-forte-box .consul-btn2{
 display: inline-block;
 vertical-align: middle;
 width: 55%;
 padding-top:20px;
}

.point-forte-box .consul-btn2 a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 100%px;
 height: 40px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.point-forte-box .consul-btn2 a:hover {
  opacity: .5;
}

/* スマホ用*/
.point-rec-box{
 margin: 0 auto; 
 text-align: center;
}
.point-rec-box .consul-btn2{
 margin: 0 auto; 
 width: 55%;
 padding-top:20px;
}

.point-rec-box .consul-btn2 a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 100%;
 height: 40px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.point-rec-box .consul-btn2 a:hover {
  opacity: .5;
}

.yoko-inline-rec{
 margin: 0 auto;
 display: inline-block;
 width: 150px;
 text-align: center;
 vertical-align: middle;
}


.point-rec-box .consul-btn2rec{
 margin: 0 auto; 
 width: 90%;
 padding-top:20px;
}

.point-rec-box .consul-btn2rec a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 100%;
 height: 40px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.point-rec-box .consul-btn2rec a:hover {
  opacity: .5;
}



.title-forte-box{
 margin-top: 35px;
 margin-bottom: 35px;
 text-align:  left;
 width: 100%;
 margin: 0 auto;
}
.subicon-forte{
 display:inline-block;
 width: 20%;
}
.submidashi-forte{
 display:inline-block;
 width: 78%;
}

.forte-cnt-box{
 margin-top: 90px;
 text-align: center;
}

.submidashi-forte h3{
 font-weight: bold;
 font-size: 20px;
 letter-spacing: 0.1em;
 text-align:  left;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 3px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
}

.subicon-forte-text dl{
 margin-top: 30px;
}

.subicon-forte-text dt{
 color: #172a88;
 margin:0px;
 padding:0px;
}
.subicon-forte-text dd{
 color: #000;
 padding-left:20px;
 padding-bottom:30px;
 border:0;
}

.subicon-forte-text ul{
 margin-left:30px;
 list-style: disc;
}

.subicon-forte-textc{
 margin-top:60px;
 letter-spacing: 0.1em;
 text-align: center;
 font-weight: bold;
 font-size: 16px;
}

.op-dl3{
 margin: 0 auto; 
 width: 320px;
 padding: 1em;
 color: #172a88;
 letter-spacing: 0.1em;
 text-align: center;
 background:#fff;
 margin-bottom: 20px;
 border:3px solid #172a88;
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 margin-top: 20px; 
}

.op-dt3{
 padding: 10px 0px;
 border-radius: 10px;
 background: #fff;
 position: relative;
 font-size: 16px;
 font-weight: bold;
}

.op-dd3{
 font-size: 16px;
 padding: 20px 0px;
 border-radius: 10px;
 margin-top: 10px;
 background: #fff;
 text-align: left;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.op-sp3{
 position: absolute;
 top: 50%;
 right: 20px;
 transform: translateY(-50%);
 background: #0052a4;
 display: block;
 width: 24px;
 height: 24px;
 text-indent: 100%;
 white-space: nowrap;
 overflow: hidden;
 border-radius: 50%;
}

.op-sp3::before,.op-sp3::after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}
  
.op-sp3::after {
  background: #fff;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

.qa-g{
 color: #ddd;
 font-size: 30px;
 font-weight: bold;
 margin-right: 15px;
 font-family: "Arial Black","ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.qa-r{
 color: #ddd;
 font-size: 40px;
 margin-right: 15px;
 font-family: "Arial","ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.colorb{
 color: #00a0e9;
}

.jreki{
 color: #040000;
 font-size: 16px;
 padding-top:3px;
 text-align: center;
 margin: 0 auto;
 width: 100%;
}
.jreki-nen{
 display: inline-block;
 vertical-align: top;
 width:  33%;
 text-align: right;
 padding:3px 0px;
 margin: 0px;
}
.jreki-title{
 display: inline-block;
 vertical-align: top;
 width: 65%;
 text-align: left;
 padding-top:3px;
 padding-bottom:3px;
padding-left:5px;
 margin: 0px;
}


.btn-left-box .btn-left{
 margin-top: 30px;
}

.btn-left-box .btn-left a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 250px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.btn-left-box .btn-left a:hover {
  opacity: .5;
}

}
/* スマホ用2 終了 *****************************************************/







/* パソコン用2 開始 *****************************************************/
@media (min-width: 1000px){
.point-box .point-box-img img{
 width: 230px;
 padding-right:10px;
}


.head-logo-img{
 /*width: 240px;*/
 height: 38px;
}
.head-icon-img{
 height: 26px;
}
.subicon-forte-text-box{
 padding-left:50px;
}
.qa-g{
 color: #ddd;
 font-size: 30px;
 margin-right: 15px;
 font-family: "Arial Black","ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.qa-r{
 color: #ddd;
 font-size: 40px;
 margin-right: 15px;
 font-family: "Arial","ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.colorb{
 color: #00a0e9;
}

.jreki{
 color: #040000;
 font-size: 16px;
 padding-top:3px;
 text-align: center;
 margin: 0 auto;
 width: 450px;
}
.jreki-nen{
 display: inline-block;
 width: 120px;
 text-align: right;
 padding:3px 10px;
}
.jreki-title{
 display: inline-block;
 width: 300px;
 text-align: left;
 padding:3px 5px;
}

.page-menu{
 text-align: left;
 letter-spacing: 0.1em;
 color: #040000;
 font-size:16px;
 padding:5px 20px;
 border-bottom: 2px solid #231815;
}
.page-menu a{
 color: #040000;
}
.point-forte-box .consul-btn2{
 margin-top: 30px;
}

.point-forte-box .consul-btn2 a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 240px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.point-forte-box .consul-btn2 a:hover {
  opacity: .5;
}

/* パソコン用*/
.point-rec-box .consul-btn2{
 margin-top: 10px;
}

.point-rec-box .consul-btn2 a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 240px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.point-rec-box .consul-btn2 a:hover {
  opacity: .5;
}


.yoko-inline-rec{
 margin: 0 auto;
 display: inline-block;
 width: 200px;
 text-align: center;
 vertical-align: middle;
}

.point-rec-box .consul-btn2rec{
 margin-top: 10px;
}

.point-rec-box .consul-btn2rec a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 170px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.point-rec-box .consul-btn2rec a:hover {
  opacity: .5;
}




.btn-left-box .btn-left{
 margin-top: 30px;
}

.btn-left-box .btn-left a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 250px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.btn-left-box .btn-left a:hover {
  opacity: .5;
}

.forte-cnt-box{
 margin-top: 120px;
 text-align: center;
}

.subicon-forte-text-imgr{
 margin: 0 auto;
 padding:30px 20px;
 width: 280px;
 display: inline-block;
 justify-content: center;
 text-align: left;
}
.subicon-forte-text-imgl{
 margin: 0 auto;
 padding:30px 40px 30px 0px;
 width: 280px;
 display: inline-block;
 justify-content: center;
 text-align: right;
}
.subicon-forte-text-imgl2{
 margin: 0 auto;
 padding:30px 10px 30px 0px;
 width: 280px;
 display: inline-block;
 justify-content: center;
 text-align: right;
}
.subicon-forte-text-imgc{
 margin: 0 auto;
 padding:30px 20px;
 width: 100%;
 text-align: center;
}

.subicon-forte-text dl{
 margin-top: 30px;
}

.subicon-forte-text dt{
 color: #172a88;
 margin:0px;
 padding:0px;
}
.subicon-forte-text dd{
 color: #000;
 padding-left:20px;
 padding-bottom:30px;
 border:0;
}

.subicon-forte-text ul{
 margin-left:30px;
 list-style: disc;
}
.subicon-forte-text{
 margin-left:50px;
 letter-spacing: 0.1em;
}
.subicon-forte-textc{
 margin-top:60px;
 letter-spacing: 0.1em;
 text-align: center;
 font-weight: bold;
}


/* 吹き出し左 開始 */
.balloon1-left {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 letter-spacing: 0.1em;
 margin: 1.5em 0 1.5em 15px;
 padding: 30px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #231815;
 font-size: 16px;
 border-radius: 5px; 
 background: #FFF;
 border: solid 3px #172a88;
 box-sizing: border-box;
 width: 440px;
}

.balloon1-left:before {
 content: "";
 position: absolute;
 top: 50%;
 left: -19px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-right: 12px solid #FFF;
 z-index: 2;
}
.balloon1-left:after {
 content: "";
 position: absolute;
 top: 50%;
 left: -22px;
 margin-top: -10px;
 border: 10px solid transparent;
 border-right: 10px solid #172a88;
 z-index: 1;
}
.balloon1-left p {
 margin: 0;
 padding: 0;
}
.balloon1-left span.lefttitle:before {
 background-color: #fff;
 color: #172a88;
 content: "こんな不安ありませんか？";
 letter-spacing: 0.1em;
 font-weight: bold;
 left: 120px;
 padding: 2px;
 position: absolute;
 top: -15px;
 z-index: 5;
}

/* 吹き出し左 終了 */

/* 吹き出し右 開始 */
.balloon1-right {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 letter-spacing: 0.1em;
 margin: 1.5em 15px 1.5em 0;
 padding: 30px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #231815;
 font-size: 16px;
 border-radius: 5px; 
 background: #FFF;
 border: solid 3px #172a88;
 box-sizing: border-box;
 width: 440px;
}

.balloon1-right:before {
 content: "";
 position: absolute;
 top: 50%;
 right: -19px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-left: 12px solid #FFF;
 z-index: 2;
}

.balloon1-right:after {
 content: "";
 position: absolute;
 top: 50%;
 right: -24px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-left: 12px solid #172a88;
 z-index: 1;
}

.balloon1-right p {
 margin: 0;
 padding: 0;
}
.balloon1-right span.righttitle:before {
 background-color: #fff;
 color: #172a88;
 letter-spacing: 0.1em;
 content: "お客様の声";
 font-weight: bold;
 right: 180px;
 padding: 2px;
 position: absolute;
 top: -15px;
 z-index: 5;
}
/* 吹き出し右 終了 */

/* 吹き出し左 見出しなし  開始 */
.balloon2-left {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 letter-spacing: 0.1em;
 margin: 1.5em 0 1.5em 15px;
 padding: 10px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #231815;
 font-size: 16px;
 border-radius: 5px; 
 background: #FFF;
 border: solid 3px #172a88;
 box-sizing: border-box;
 width: 440px;
}

.balloon2-left:before {
 content: "";
 position: absolute;
 top: 50%;
 left: -19px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-right: 12px solid #FFF;
 z-index: 2;
}
.balloon2-left:after {
 content: "";
 position: absolute;
 top: 50%;
 left: -22px;
 margin-top: -10px;
 border: 10px solid transparent;
 border-right: 10px solid #172a88;
 z-index: 1;
}
.balloon2-left p {
 margin: 0;
 padding: 0;
}
/* 吹き出し左 見出しなし  終了 */

/* 吹き出し右 見出しなし  開始 */
.balloon2-right {
 position: relative;
 display: inline-block;
 vertical-align: middle;
 letter-spacing: 0.1em;
 margin: 1.5em 15px 1.5em 0;
 padding: 10px 10px;
 min-width: 120px;
 max-width: 100%;
 color: #231815;
 font-size: 16px;
 border-radius: 5px; 
 background: #FFF;
 border: solid 3px #172a88;
 box-sizing: border-box;
 width: 440px;
}
.balloon2-right:before {
 content: "";
 position: absolute;
 top: 50%;
 right: -19px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-left: 12px solid #FFF;
 z-index: 2;
}
.balloon2-right:after {
 content: "";
 position: absolute;
 top: 50%;
 right: -24px;
 margin-top: -12px;
 border: 12px solid transparent;
 border-left: 12px solid #172a88;
 z-index: 1;
}
.balloon2-right p {
 margin: 0;
 padding: 0;
}

/* 吹き出し右 見出しなし 終了 */


/*　想い・取り組み　アイキャッチ背景　開始　*/
.thought-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-thought.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　想い・取り組み　アイキャッチ背景　終了　*/

/*　保険商品　アイキャッチ背景　開始　*/
.hoken-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-hoken3.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　保険商品　アイキャッチ背景　終了　*/

/*　採用情報　PC　アイキャッチ背景　開始　*/
.recruitment-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-recruitment.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　採用情報　PC　アイキャッチ背景　終了　*/

/*　採用情報 営業職　PC　アイキャッチ背景　開始　*/
.sales-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-sales.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　採用情報 営業職　PC　アイキャッチ背景　終了　*/

/*　採用情報 営業事務　PC　アイキャッチ背景　開始　*/
.sales-office-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-sales-office.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　採用情報 営業事務　PC　アイキャッチ背景　終了　*/

/*　インタビューF.Y　PC　アイキャッチ背景　開始　*/
.itv-fy-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-itv-fy.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　インタビューF.Y　PC　アイキャッチ背景　終了　*/


/*　応募フォーム　PC　アイキャッチ背景　開始　*/
.rform-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-sfom.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　応募フォーム　PC　アイキャッチ背景　終了　*/



/*　表彰履歴　アイキャッチ背景　開始　*/
.award-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-award1.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　表彰履歴　アイキャッチ背景　終了　*/

/*　ポリシー　アイキャッチ背景　開始　*/
.policy-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-policy2.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　ポリシー　アイキャッチ背景　終了　*/

/*　フィデューシャリー　アイキャッチ背景　開始　*/
.fiduciary-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-fiduciary.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　フィデューシャリー　アイキャッチ背景　終了　*/

/*　健康経営　アイキャッチ背景　開始　*/
.management-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-management.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　健康経営　アイキャッチ背景　終了　*/

/*　会社概要　アイキャッチ背景　開始　*/
.company-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/10/bk-company.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　会社概要　アイキャッチ背景　終了　*/

/*　お問い合わせ　アイキャッチ背景　開始　*/
.consultation-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-consultation.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　お問い合わせ　アイキャッチ背景　終了　*/

/*　カテゴリー お知らせ　アイキャッチ背景　開始　*/
.cate-news-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-cate-news.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　カテゴリー お知らせ　アイキャッチ背景　終了　*/

/*　カテゴリー お客様の声　アイキャッチ背景　開始　*/
.cate-review-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/bk-cate-review.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　カテゴリー お客様の声　アイキャッチ背景　終了　*/


/*　想い・取り組み　キャッチコピーテキスト　開始　*/
.copy-box{
 margin-top: 165px;
 margin-left: 200px;
 width: 550px;
 padding-bottom: 20px;
}
.copy1{
 color: #f7f8f7;
 font-size: 21px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-bottom: 15px;
 text-shadow:1px 1px 3px #999;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
.copy2{
 color: #f7f8f7;
 font-size: 26px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-bottom: 10px;
 text-shadow:1px 1px 3px #999;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
/*サブキャッチテキスト　終了　*/

}
/* パソコン用2 終了 *****************************************************/









/* スマホ用 開始 *****************************************************/
@media (max-width:1000px){
.pc-box{
 display: none;
}

/*　ヘッダー全体　開始　*/
.head{
 position: fixed;
 width: 100%;
 top: 0;
 z-index: 10000;
 margin: 0 auto;
}
.head-bk{
 width: 100%;
 background-color: #fff;
 text-align: center;
 height: 50px;
}
/*　ヘッダー全体　終了　*/

/*　ヘッダー1　開始　*/
.head1{
 color: #040000;
 font-size: 16px;
 font-weight: bold;
 padding-top:3px;
 display:table;
 text-align: center;
 margin: 0 auto;
 width: 100%;
}

.head1 a{
 color: #040000;
}


.head1-logo{
 text-align: left;
}

.head1-box1{
 margin: 0 auto;
}

.head1-box1-in1,.head1-box1-in2,.head1-box1-in3{
 display:table-cell;
}

.head1-box1-in1{
 width:200px;
 text-align: center;
}

.head1-box1-in1 img{
 width:168px;
}

.head1-box1-in2{
 text-align: right;
}

.head1-box1-in2 img{
 width:100px;
}

.head1-box1-in3{
 width:60px;
}

.head1-menu{
 padding:3px 20px;
 text-align: center;
 display:table;
 width:100%;
 background-color: #f7f8f8;
 font-size: 10px;
 margin: 0 auto;
}

.head1-box2,
.head1-box3,
.head1-box4,
.head1-box5,
.head1-box6{
 display:table-cell;
 vertical-align: middle;
 width:60px;
}

.head1-box2,
.head1-box3,
.head1-box4,
.head1-box5,
.head1-box6{
 padding: 2px 5px;
 letter-spacing: 0.1em;
}

.head1-box2 img,
.head1-box3 img,
.head1-box4 img,
.head1-box5 img,
.head1-box6 img{
 padding-bottom:4px;
}
/*　ヘッダー1　終了　*/


/*　ヘッダー2　開始　*/
.head2{
 background-color: #182448;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 height: 50px;
 padding-top:12px;
 padding-left:10px;
 padding-right:10px;
 text-align: center;
 vertical-align: middle;
}

.head2 a{
 color: #fff;
}

.head2-box1,
.head2-box2,
.head2-box3,
.head2-box4,
.head2-box5{
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
 letter-spacing: 0.1em;
}

.head2-box1,
.head2-box2,
.head2-box3,
.head2-box4{
 margin-right: 50px;
}

/*　ヘッダー2　終了　*/



/*------------------------------
  ここから下がハンバーガーメニュー
  に関するCSS
------------------------------*/
  
/* チェックボックスは非表示に */
.drawer-hidden,
#header .clearfix {
 display: none;
}

.drawer{
 position: absolute;
 right: 0;
/* height: 20px !important; */
 top: -15px;
margin:0px;
padding:0px;
}

/* ハンバーガーアイコンの設置スペース */
.drawer-open {
 display: flex;
 height: 20px;
 width: 60px;
 justify-content: center;
 align-items: center;
 position: relative;
 z-index: 100;/* 重なり順を一番上に */
 cursor: pointer;
 padding-right: 15px;
}
.menu-title{
 font-size:10px;
 font-weight: bold;
 /*margin-top: 15px;*/
}

/* ハンバーガーメニューのアイコン */
.drawer-open span,
.drawer-open span:before,
.drawer-open span:after {
 content: '';
 display: block;
 height: 3px;
 width: 25px;
 border-radius: 3px;
 background: #171c61;
 transition: 0.5s;
 position: absolute;
 color:#171c61;
}

/* 三本線のうち一番上の棒の位置調整 */
.drawer-open span:before {
 bottom: 8px;
}

/* 三本線のうち一番下の棒の位置調整 */
.drawer-open span:after {
 top: 8px;
}

/* アイコンがクリックされたら真ん中の線を透明にする */
#drawer-check:checked ~ .drawer-open span {
 background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#drawer-check:checked ~ .drawer-open span::before {
 bottom: 0;
 transform: rotate(45deg);
}

#drawer-check:checked ~ .drawer-open span::after {
 top: 0;
 transform: rotate(-45deg);
}
  
/* メニューのデザイン*/
.drawer-content {
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
 left: 100%; /*メニューを画面の外に飛ばす */
 z-index: 99;
 background-color:#fff !important;
 transition: .5s;
}

/* アイコンがクリックされたらメニューを表示 */
#drawer-check:checked ~ .drawer-content {
 left: 0;/* メニューを画面に入れる */
}
/* /ハンバーガーメニュー */


.sidebar_content2{
 font-size: 16px;
 font-weight: bold;
 text-align: left;
}

.sidebar_content2 ul.main-menusp{
 margin-top: 50px;
 margin-left: 20px;
}
.sidebar_content2 li{
 line-height:1.7;
 margin-bottom: 12px;
}
.sidebar_content2 ul.sub-menusp{
 margin-top: 0px;
 margin-top: 12px;
}

/*　1.トップページSP　お知らせ　開始　*/
.top-news{
 margin:0 auto;
 margin-top:-25px;
}
ul.ul-news{
 /*margin:0 auto;*/
 text-align: center;
 list-style: none;
 display: flex; /*横並びにする*/
 background-color:#ff0000 !important;
}
.news1{ /*width: 100px;*/}
.news2{ /*width: 300px;*/}
ul.ul-news li{
 text-align: left;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0.1em;
}
ul.ul-news li a{
 position: relative;
 padding: 20px 15px;
 text-decoration: none;
 z-index: 1;
}
ul.ul-news li.news1 a{color: #fff;}
ul.ul-news li.news2 a{color: #000;}
ul.ul-news li.news1 a::before{
 content: "";
 position: absolute;
 top: 0; bottom: 0; left: 0; right: 0;
 z-index: -1;
 background-color:#fff;
 transform: skewX(-25deg);
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
 height: 65px;
 width: 100px;
}
ul.ul-news li.news2 a::before{
 content: "";
 position: absolute;
 top: 0; bottom: 0; left: 0; right: 0;
 z-index: -1;
 background-color:#fff;
 transform: skewX(-25deg);
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
 height: 65px;
 width: 200px;
}
ul.ul-news li:nth-child(odd) a::before{
 background-color:#182448;
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
 height: 65px;
}
/*　1.トップページ　お知らせ　終了 SP　*/

/*　1.トップページ　アイキャッチ背景　開始 SP　*/
.top-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-top-sp_1.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 /*background-attachment: fixed;*/
 background-size: cover;
 background-color: #464646;
 /*height: 568px;*/
 height: 650px;
}
/*　1.トップページ　アイキャッチ背景　終了　*/

/*　1.トップページ　キャッチコピーテキスト　開始　*/
.top-copy-box1{
 margin-top: 200px;
 margin-left: 20px;
 padding-bottom: 20px;
}

.top-copy1{
 color: #231815;
 font-size: 20px;
 letter-spacing: 0.2em;
 margin-bottom: 20px;
 font-family: serif;
 font-weight: bold;
}

.top-copy1-bk{
 background-color: #fff;
 padding:5px 3px;
 box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
/*　1.トップページ　キャッチコピーテキスト　終了　*/

/*　1.トップページ　サブキャッチテキスト　開始　*/
.top-copy-box2{
 margin-top: 0px;
 margin-left: 20px;
 margin-right: 20px;
 padding-bottom: 20px;
}

.top-copy2{
 color: #f7f8f7;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-bottom: 20px;
 border-top: 2px #fff solid;
 padding-top:20px;
 width: 250px;
}


.top-copy3{
 color: #f7f8f7;
 font-size: 16px;
 letter-spacing: 0.1em;
 margin-bottom: 10px;
 text-shadow:1px 1px 3px #999;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
/*　1.トップページ　サブキャッチテキスト　終了　*/

/* トップページ　３つの強み枠 アコーディオン  開始*/
.op-dl,.op-dl2,.op-dl3 {
 margin: 0 auto; 
 width: 90%;
 padding: 1em;
 color: #172a88;
 background:#fff;
 margin-bottom: 20px;
 border:3px solid #172a88;
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}
.op-dt,.op-dt2,.op-dt3 {
 padding: 0px;
 border-radius: 10px;
 background: #fff;
 position: relative;
 font-size: 16px;
 font-weight: bold;
}
.op-dd,.op-dd2{
 font-size: 16px;
  padding: 20px;
  border-radius: 10px;
  margin-top: 10px;
  background: #fff;
  text-align: left;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.op-dd3 {
 font-size: 16px;
  padding: 0px;
  border-radius: 10px;
  margin-top: 10px;
  background: #fff;
  text-align: left;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.op-sp,.op-sp2,.op-sp3{
	position: absolute;
	top: 50%;
	right: 0px;
	transform: translateY(-50%);
	background: #0052a4;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.op-sp::before,.op-sp::after,
.op-sp2::before,.op-sp2::after,
.op-sp3::before,.op-sp3::after{
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}
  
.op-sp::after,.op-sp2::after,.op-sp3::after {
  background: #fff;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

.active::after,.active2::after,.active3::after {
  transform: rotate(0);
  transition: 0.5s;
}

.accordion-title{
 padding:0px 10px;
}
.accordion-img{
 margin: 0 auto; 
 text-align: center;
 margin-top: 20px;
 margin-bottom: 20px; 
}
.ytable{
 padding:0px;
 text-align: center;
 display:table;
 width:100%;
 margin: 0 auto;
}
.ytd{
 display:table-cell;
 vertical-align: middle;
 width:50%;
}

.accordion-text{
 text-align: left;
 font-size: 16px;
 padding:30px 20px 20px 20px;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
 height: 360px;
}

.accordion-title{
 margin: 0 auto; 
}
.accordion-title h2{
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
 text-align: center;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
 color: #172a88 !important;
 font-weight: bold;
 font-size: 18px;
}
.accordion-title h2:before,.accordion-title h2:after  {
 position: absolute;
 top: 100%;
 left: 50%;
 content: "";
 height: 0;
 width: 0;
}
.accordion-title h2:before{
 border: 16px solid;
 border-color: transparent;
 border-top-color:#2d9ddf;
 margin-left: -16px;
}
.accordion-title h2:after {
 border: 10px solid;
 border-color: transparent;
 border-top-color: white;
 margin-left: -10px;
}
.accordion{
 margin: 0 auto; 
 text-align: center;
 margin: 30px 20px; 
}
.accordion1200,.accordion800{
 width: 100%;
 margin: 0 auto; 
 text-align: center;
}

.accordion-box{
 vertical-align: top;
 width: 100%;
 margin: 0 auto; 
 margin-left: 0px;
 margin-right: 0px; 
 margin-bottom:20px;
 text-align: center;
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 letter-spacing: 0.1em;
 background-color: #fff;
 padding-bottom:20px;
}
/* トップページ　３つの強み枠 アコーディオン  終了*/


/*　aボタン　開始　*/
.point-box-bt{
 margin: 0 auto; 
 margin-top: 10px; 
 margin-bottom: 20px; 
}

.point-box-bt .atag {
 padding: 10px 20px;
 border-radius: 40px;
 background-color: #036eb8;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color: #fff;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}
/*　aボタン　終了　*/


/*　1.トップページ　３つの強み背景　開始　*/
.point-head{
 background-color: #fff;
 padding-top:50px;
}
/*　1.トップページ　３つの強み背景　終了　*/

/*　1.トップページ　３つの強みコンテンツ　開始　*/
.point-contents{
 text-align: center;
 margin: 0 auto; 
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 padding-top:40px;
 padding-left:5px;
 padding-right:5px;
}
.point-boxwaku{
 margin: 0 auto; 
 text-align: center;
 margin-top: 20px; 
}
.point-box{
 margin: 0 auto; 
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 20px; 
}
/*　1.トップページ　３つの強みコンテンツ　終了　*/


/*　h2見出し　開始　*/
.midashi{
 width: 85%;
}
.midashi2{
 /*width: 650px;*/
 width: 85%;
}
.midashi2f{
 /*width: 650px;*/
 width: 100%;
}
.midashi1200{
 /*width: 900px;*/
 width: 100%;
}
.midashi,.midashi2,.midashi2f,.midashi1200{
 margin: 0 auto; 
}
.midashi h2,.midashi2 h2,.midashi2f h2,.midashi3 h2,.midashi1200 h2{
 margin-top: 30px; 
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
 text-align: center;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
 color: #172a88 !important;
 font-weight: bold;
 font-size: 20px;
 letter-spacing: 0.1em;
}
.midashi h2:before,.midashi h2:after,
.midashi2 h2:before,.midashi2 h2:after,
.midashi2f h2:before,.midashi2f h2:after,
.midashi1200 h2:before,.midashi1200 h2:after {
 position: absolute;
 top: 100%;
 left: 50%;
 content: "";
 height: 0;
 width: 0;
}
.midashi h2:before,
.midashi2 h2:before,
.midashi2f h2:before,
.midashi1200 h2:before{
 border: 16px solid;
 border-color: transparent;
 border-top-color:#2d9ddf;
 margin-left: -16px;
}
.midashi h2:after,
.midashi2 h2:after,
.midashi2f h2:after,
.midashi1200 h2:after {
 border: 10px solid;
 border-color: transparent;
 border-top-color: white;
 margin-left: -10px;
}
/*　h2見出し　終了　*/

.point-box .point-box-img,
.point-box .point-box-t{
 display: inline-block;
 vertical-align: top;
 margin-right: 0px;
}
.point-box .point-box-img{
 width: 40%;
 text-align: center;
 padding-left:10px;
}
.point-box .point-box-t{
 width: 55%;
 text-align: center;
 padding-top:30px;
}
.point-box-text{
 font-size: 14px;
}
.point-box-text2{
 font-size: 10px;
}

/*　1.トップページ　ご相談枠　開始　*/
.consul-box{
 margin: 0 auto; 
 text-align: center;
 padding-top:50px;
 padding-bottom:50px;
}
.consul-box .midashi2 h2{
 margin: 0;
}
.consul-box .consul-btn{
 margin-top: 30px;
}

.consul-box .consul-btn a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 250px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.consul-box .consul-btn a:hover {
  opacity: .5;
}

.arrow_button {
 display: inline-block;
 position: relative;
 padding: 10px 47px 10px 25px;
 border-radius: 20px;
 color: #fff; /* テキストの色 */
}
 
.arrow_button::before { /* 矢印の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 21px;
 width: 10px;
 height: 10px;
 border-top: 2px solid #165ab3;
 border-right: 2px solid #165ab3;
 transform: rotate(45deg);
 z-index:10;
}
 
.arrow_button::after { /* 矢印の丸枠の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 13px;
 width: 23px;
 height: 23px;
 border: 3px solid #fff;
 border-radius: 50%;
 background-color: #fff;
}

/*　1.トップページ　ご相談枠　終了　*/


/*　1.トップページ　サービス枠　開始　*/
.service-kojin-content{
 margin: 0 auto; 
 text-align: center;
 margin-bottom: 10px; 
}
.service-kojin-table,
.service-kojin-table2{
 display: table;
 vertical-align: middle;
 margin: 0 auto; 
}
.service-kojin-box{
 display: table-cell;
 vertical-align: middle;
 margin: 0 auto; 
 text-align: center;
 margin: 5px 0px;
 padding:2px;
 width: 32%;
 height: 170px;
}

.service-kojin-box2{
 display: table-cell;
 vertical-align: middle;
 margin: 0 auto; 
 text-align: center;
 margin: 5px 0px;
 padding:2px;
 width: 48%;
 height: 380px;
}
.service-kojin-waku{
 /*width: 122px;*/
 /*height: 170px;*/
}
.service-kojin-waku2{
 /*width: 175px;*/
 /*height: 380px;*/
}
.service-kojin-waku,.service-kojin-waku2{
 border-radius: 5px; 
 border:2px solid #172a88;
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 /*letter-spacing: 0.1em;*/
 background-color: #fff;
}
.service-kojin-title{
 background-color: #172a88;
 color: #fff;
 font-size: 13px;
 font-weight: bold;
 padding:5px 2px;
}
.service-kojin-icon{
 width: 100px;
 height: 100px;
 padding-top:20px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
.service-kojin-text{
 display: table;
 vertical-align: middle !important;
 padding:10px 5px;
 text-align: center;
 width: 130px;
 height: 200px;
 color: #000;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-left: 18px; 
}
.service-kojin-text ul{
 text-align:left;
 vertical-align: middle !important;
}
.arrow_button2 {
 display: inline-block;
 position: relative;
 padding: 10px 30px 5px 10px;
 border-radius: 20px;
 color: #172a88; /* テキストの色 */
 font-size: 10px;
 font-weight: bold;
}
.arrow_button2::before { /* 矢印の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 13px;
 width: 7px;
 height: 7px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 transform: rotate(45deg);
 z-index:10;
}
.arrow_button2::after { /* 矢印の丸枠の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 5px;
 width: 20px;
 height: 20px;
 border: 2px solid #172a88;
 border-radius: 50%;
 background-color: #172a88;
}
.arrow_button2:hover { 
 color: #172a88;
}

.service-copy{
 text-align: center;
 margin:0 auto;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 5px; 
 margin-bottom: 30px;
 width: 80%;
}
.service-img{
 text-align: center;
}

/* スマホ　*/
.service-box{
 text-align: center;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/03/bk-machi.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 /*background-attachment: fixed;*/
 /*background-size: cover;*/
 background-color: #fff;
 /*height: 1322px;*/
height: 1750px;
 padding-top:50px;
 padding-bottom:50px;
}
/*　1.トップページ　サービス枠　終了　*/

/*　1.トップページ　お客様の声枠　開始　*/
.review-box-btn{
 margin: 0 auto; 
 text-align: center;
 margin-top: 50px; 
}
.review-text{
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 20px;
 margin-bottom: 40px;
}
.review-img{
 text-align: center;
}
.review-title{
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 10px;
 margin-bottom: 10px;
}
.review-title a,
.review-title a:hover{
 color:#000 !important;
}
.review-box{
 margin: 0 auto; 
 text-align: center;
 background-size: cover;
 background-color: #fff;
 padding-top:20px;
 padding-bottom:100px;
}
.review-box{
 margin: 0 auto; 
 text-align: center;
 width: 80%;
}
/*　1.トップページ　お客様の声枠　終了　*/

/*　1.トップページ　スライダー枠　開始　*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
 color: #051d75 !important;
}
.slider .slide .inner{
 margin: 0 auto !important;
 text-align: center !important;
}

.slider .slide .inner img{
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 /*width: 50%;*/
}
.inner img{
 width: 100% !important;
}
.slider {
  margin: 0 auto;
}
.slick-slide{
  margin-left: 0px;
}
.prev_icon{
  position: absolute;
  top: 50%;
  left: -23px;
  transform: translate(0,-50%);
  width: 20px;
  z-index: 1;
}
.next_icon{
  position: absolute;
  top: 50%;
  right: -23px;
  transform: translate(0,-50%);
  width: 20px;
  z-index: 1;
}
/*　1.トップページ　スライダー枠　終了　*/


/*　1.トップページ　メッセージ&リクルート　開始　*/
.msg-box,
.recruit-box{
 margin: 0 auto; 
 width: 100%;
 margin-bottom: 100px;
}
.msg-box .msg-box-img,
.msg-box .msg-box-img2,
.recruit-box .recruit-box-img2{
 width: 100%;
}

.msg-box .msg-box-text,
.recruit-box .recruit-box-text2{
 padding-top:20px;
 padding-left:20px;
 padding-right:20px;
}

.msg-box .msg-box-text2 h3, 
.recruit-box .recruit-box-text2 h3{
 font-weight: bold;
 font-size: 20px;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 4px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
}
.msg-box .msg-box-text3,
.recruit-box .recruit-box-text3{
 font-size: 18px;
 letter-spacing: 0.1em;
 margin-top:  18px;
 margin-bottom: 20px;
}
.msg-box .msg-box-text4,
.recruit-box .recruit-box-text4{
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
}
.msg-box .msg-box-text5,
.recruit-box .recruit-box-text5{
 text-align: center;
 margin-top: 20px;
}
.msg-box .msg-box-text6{
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 text-align: right;
 color:#172a88;
 margin-top: 20px;
}
/*　1.トップページ　メッセージ&リクルート　終了　*/

/*　1.トップページ　お知らせ枠　開始　*/
.news-box-btn{
 text-align: center;
 margin-top: 30px; 
}
.news-list1{
 text-align: left;
}
.news-list2{
 text-align: left;
}
.news-list1,.news-list2{
 color:#000;
 font-size: 14px;
 font-weight: bold;
}
.news-list1 a,.news-list2 a{
 color:#000;
}
.news-list{
 padding:10px;
 text-align: center;
 border-bottom: 2px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1;
 margin-top: 10px; 
 margin-left: 10px; 
 margin-right: 10px; 
}
.news-img{
 text-align: center;
}
.news-box{
 text-align: center;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-color-2.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
 background-color: #80bae5;
 padding-bottom:80px;
}
/*　1.トップページ　お知らせ枠　終了　*/




/*　フッター　開始　*/
.footer-add{
 padding:10px 0px;
 letter-spacing: 0.1em;
}
.footer-logo{
 padding:10px;
 text-align: center;
 margin: 0 auto; 
}
.footer-box-waku1,
.footer-box-waku2,
.footer-box-waku3,
.footer-box-waku4{
 text-align: left;
 color: #000;
 font-size: 14px;
 letter-spacing: 0.1em;
 padding:10px;
}
.footer-box-waku1 a,
.footer-box-waku2 a,
.footer-box-waku3 a,
.footer-box-waku4 a{
 color: #000;
}
.footer-box-waku1{
 width: 100%;
}
.footer-box-waku2{
 padding-top:20px;
}
.footer-box-waku3,.footer-box-waku4{
 padding-top:20px;
}
.footer-box{
 margin: 0 auto; 
 text-align: center;
 background-color: #efefef;
 font-size: 14px;
 padding:30px 20px;
}
.copyright-box{
 margin: 0 auto; 
 text-align: center;
 background-color: #fff;
 font-size: 14px;
 padding:5px 2px;
 letter-spacing: 0.1em;
}
/*　フッター　終了　*/

.title{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 padding:0px !important;
 margin:0px !important;
}
.title2{
 color: #000 !important;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 padding:0px !important;
 margin:0px !important;
}
.title-line{
 display:inline-block;
 margin: 10px 0px; 
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}


}
/* スマホ用 終了 *****************************************************/



















/* パソコン用 開始 *****************************************************/
@media (min-width: 1000px){
.sp-box{
 display: none;
}

/*　ヘッダー全体　開始　*/
.head{
 position: fixed;
 width: 100%;
 top: 0;
 z-index: 10000;
 margin: 0 auto;
}
.head-bk{
 width: 100%;
 height:50px;  
 background-color: #f7f8f8;
 text-align: center;
 background-position: right 20px bottom 5px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/11/logo-head-right3.png);
 background-size: contain;
 background-repeat  : no-repeat;
}
/*　ヘッダー全体　終了　*/

/*　ヘッダー1　開始　*/
.head1{
 color: #040000;
 font-size: 16px;
 font-weight: bold;
 padding-top:3px;
 width: 1200px;
 display: table;
 padding-right:150px;
}

.head1 a{
 color: #040000;
}

.head1-logo{
 padding-top:3px;
 text-align: left;
 width: 300px;
}

.head1-menu{
 padding-top:3px;
 text-align: right;
 width: 800px;
}
.head1-box1,
.head1-box2,
.head1-box3,
.head1-box4,
.head1-box5,
.head1-box6{
 display: table-cell;
 vertical-align: middle;
}

.head1-box1{margin-right: 40px;}

.head1-box2,
.head1-box3,
.head1-box4,
.head1-box5,
.head1-box6{
/*margin-right: 15px;*/
 letter-spacing: 0.1em;
 text-align: left;
}
.head1-box1{width: 360px;}
.head1-box2{width: 115px;}
.head1-box3{width: 130px;}
.head1-box4{width: 250px;}
.head1-box5{width: 150px;}
.head1-box6{width: 180px;}

.head1-box2 img,
.head1-box3 img,
.head1-box4 img,
.head1-box5 img,
.head1-box6 img{
 margin-right: 10px;
 padding-bottom:4px;
}
/*　ヘッダー1　終了　*/


/*　ヘッダー2　開始　*/
.head2{
 background-color: #182448;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 height: 50px;
 padding-top:8px;
 padding-left:10px;
 padding-right:10px;
 text-align: center;
 vertical-align: middle;
}

.head2 a{
 color: #fff;
}

.head2-box1,
.head2-box2,
.head2-box3,
.head2-box4,
.head2-box5{
 display: inline-block;
 vertical-align: middle;
 margin-right: 10px;
 letter-spacing: 0.1em;
}

.head2-box1,
.head2-box2,
.head2-box3,
.head2-box4{
 margin-right: 50px;
}

/*　ヘッダー2　終了　*/


/*　1.トップページPC　お知らせ　開始　*/
.top-news{
 text-align: center;
 margin: 0 auto; 
 margin-top:-25px;
}
ul.ul-news{
 list-style: none;
 display: flex; /*横並びにする*/
}
ul.ul-news li{
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
}
ul.ul-news li a{
 position: relative;
 padding: 20px 15px;
 text-decoration: none;
 z-index: 1;
}
ul.ul-news li.news1 a{
 color: #fff;
}
ul.ul-news li.news2 a{
 color: #000;
}
ul.ul-news li a::before{
 content: "";
 position: absolute;
 top: 0; bottom: 0; left: 0; right: 0;
 z-index: -1;
 background-color:#fff;
 transform: skewX(-25deg);
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
}
ul.ul-news li:nth-child(odd) a::before{
 background-color:#182448;
 box-shadow: 0 10px 15px 0 rgba(0, 0, 0, .5);
}
/*　1.トップページ　お知らせ　終了　*/

/*　1.トップページ　アイキャッチ背景　開始　*/
.top-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-top1-4.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-color: #464646;
 height: 700px;
}
/*　1.トップページ　アイキャッチ背景　終了　*/

/*　1.トップページ　キャッチコピーテキスト　開始　*/
.top-copy-box1{
 margin-top: 230px;
 margin-left: 80px;
 width: 500px;
 padding-bottom: 20px;
 border-bottom: 2px #fff solid;
}

.top-copy1{
 color: #231815;
 font-size: 32px;
 letter-spacing: 0.2em;
 margin-bottom: 20px;
 font-family: serif;
 font-weight: bold;
}

.top-copy1-bk{
 background-color: #fff;
 padding:10px 3px;
 box-shadow: 0 10px 25px 0 rgba(0, 0, 0, .5);
}
/*　1.トップページ　キャッチコピーテキスト　終了　*/

/*　1.トップページ　サブキャッチテキスト　開始　*/
.top-copy-box2{
 margin-top: 30px;
 margin-left: 80px;
 width: 500px;
 padding-bottom: 20px;
}

.top-copy2{
 color: #f7f8f7;
 font-size: 21px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-bottom: 20px;
}

.top-copy3{
 color: #f7f8f7;
 font-size: 18px;
 letter-spacing: 0.1em;
 margin-bottom: 10px;
 text-shadow:1px 1px 3px #999;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}
/*　1.トップページ　サブキャッチテキスト　終了　*/

/* トップページ　３つの強み枠 アコーディオン  開始*/
.op-dl,.op-dl2{
 margin: 0 auto; 
 width: 90%;
 padding: 1em;
 color: #172a88;
 background:#fff;
 margin-bottom: 20px;
 border:3px solid #172a88;
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}

.op-dl3{
 margin: 0 auto; 
 width: 500px;
 padding: 1em;
 color: #172a88;
 letter-spacing: 0.1em;
 text-align: center;
 background:#fff;
 margin-bottom: 20px;
 border:3px solid #172a88;
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 margin-top: 20px; 
}

.op-dt,.op-dt2{
 padding: 0px;
 border-radius: 10px;
 background: #fff;
 position: relative;
 font-size: 16px;
 font-weight: bold;
}
.op-dt3 {
 padding: 10px 0px;
 border-radius: 10px;
 background: #fff;
 position: relative;
 font-size: 16px;
 font-weight: bold;
}

.op-dd,.op-dd2{
 font-size: 16px;
 padding: 20px;
 border-radius: 10px;
 margin-top: 10px;
 background: #fff;
 text-align: left;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}

.op-dd3{
 font-size: 16px;
 padding: 0px;
 border-radius: 10px;
 margin-top: 10px;
 background: #fff;
 text-align: left;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}


.op-sp,.op-sp2,.op-sp3{
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
	background: #0052a4;
	display: block;
	width: 24px;
	height: 24px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	border-radius: 50%;
}
.op-sp::before,.op-sp::after,
.op-sp2::before,.op-sp2::after,
.op-sp3::before,.op-sp3::after {
  content: '';
  display: block;
  width: 15px;
  height: 3px;
  border-radius: 5px;
  background: #fff;
  position: absolute;
  right: 20%;
  top: 50%;
  transform: translateY(-50%);
}
  
.op-sp::after,.op-sp2::after,.op-sp3::after {
  background: #fff;
  transform: translateY(-50%) rotate(90deg);
  transition: 0.5s;
}

.active::after,.active2::after,.active3::after {
  transform: rotate(0);
  transition: 0.5s;
}

.accordion-title{
 padding:0px 10px;
}
.accordion-img{
 margin: 0 auto; 
 text-align: center;
 margin-top: 15px;
 margin-bottom: 5px; 
}
.ytable{
 padding:0px;
 text-align: center;
 display:table;
 width:100%;
 margin: 0 auto;
}
.ytd{
 display:table-cell;
 vertical-align: middle;
 width:50%;
}





.accordion-text{
 text-align: left;
 font-size: 16px;
 padding:30px 20px 20px 20px;
 color:#231815;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
 height: 320px;
}

.accordion-title{
 margin: 0 auto; 
}
.accordion-title h2{
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
 text-align: center;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
 color: #172a88 !important;
 font-weight: bold;
 font-size: 26px;
}
.accordion-title h2:before,.accordion-title h2:after  {
 position: absolute;
 top: 100%;
 left: 50%;
 content: "";
 height: 0;
 width: 0;
}
.accordion-title h2:before{
 border: 16px solid;
 border-color: transparent;
 border-top-color:#2d9ddf;
 margin-left: -16px;
}
.accordion-title h2:after {
 border: 10px solid;
 border-color: transparent;
 border-top-color: white;
 margin-left: -10px;
}
.accordion{
 margin: 0 auto; 
 text-align: center;
 padding-top: 30px; 
 padding-bottom: 30px; 
}
.accordion1200{
 width: 1200px;
 margin: 0 auto; 
 text-align: center;
}
.accordion800{
 width: 800px;
 margin: 0 auto; 
 text-align: center;
}
.accordion-box{
 display: inline-block;
 vertical-align: top;
 width: 500px;
 margin: 0 auto; 
 margin-left: 10px;
 margin-right: 10px; 
 text-align: center;
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 letter-spacing: 0.1em;
 background-color: #fff;
}
/* トップページ　３つの強み枠 アコーディオン  終了*/


/*　aボタン　開始　*/
.point-box-bt{
 margin: 0 auto; 
 margin-top: 10px; 
 margin-bottom: 20px; 
}

.point-box-bt .atag {
 padding: 10px 30px;
 border-radius: 40px;
 background-color: #036eb8;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 color: #fff;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}
/*　aボタン　終了　*/


/*　1.トップページ　３つの強み背景　開始　*/
.point-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-top2_3.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-color: #fff;
 padding-top:50px;
}
/*　1.トップページ　３つの強み背景　終了　*/

/*　1.トップページ　３つの強みコンテンツ　開始　*/
.point-contents{
 text-align: center;
 margin: 0 auto; 
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 padding-top:80px;
}
.point-boxwaku{
 margin: 0 auto; 
 text-align: center;
 margin-top: 20px; 
}
.point-box{
 margin: 0 auto; 
 width: 300px;
 display: inline-block;
 vertical-align: top;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
}
/*　1.トップページ　３つの強みコンテンツ　終了　*/



/*　h2見出し　開始　*/
.midashi{
 width: 450px;
}
.midashi2{
 width: 700px;
}

.subcontent-box .midashi2,
.subcontent-box .midashi2f{
 width: 800px;
 margin-top:80px;
}
.subcontent-boxh .midashi2,
.subcontent-boxh .midashi2f{
 width: 800px;
 margin-top:80px;
}
.midashi1200{
 width: 800px;
}
.midashi,.midashi2,.midashi2f,.midashi1200{
 margin: 0 auto; 
}
.midashi h2,.midashi2 h2,.midashi2f h2,.midashi3 h2,.midashi1200 h2{
 margin-top: 30px; 
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
 text-align: center;
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 letter-spacing: 0.1em;
}
.midashi h2:before,.midashi h2:after,
.midashi2 h2:before,.midashi2 h2:after,
.midashi2f h2:before,.midashi2f h2:after,
.midashi1200 h2:before,.midashi1200 h2:after {
 position: absolute;
 top: 100%;
 left: 50%;
 content: "";
 height: 0;
 width: 0;
}
.midashi h2:before,
.midashi2 h2:before,
.midashi2f h2:before,
.midashi1200 h2:before{
 border: 16px solid;
 border-color: transparent;
 border-top-color:#2d9ddf;
 margin-left: -16px;
}
.midashi h2:after,
.midashi2 h2:after,
.midashi2f h2:after,
.midashi1200 h2:after {
 border: 10px solid;
 border-color: transparent;
 border-top-color: white;
 margin-left: -10px;
}
/*　h2見出し　終了　*/

/*　1.トップページ　ご相談枠　開始　*/
.consul-box{
 margin: 0 auto; 
 text-align: center;
 padding-top:50px;
 padding-bottom:50px;
}
.consul-box .midashi2 h2{
 margin: 0;
}
.consul-box .consul-btn{
 margin-top: 30px;
}

.consul-box .consul-btn a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 250px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}

.consul-box .consul-btn a:hover {
  opacity: .5;
}

.arrow_button {
 display: inline-block;
 position: relative;
 padding: 10px 47px 10px 25px;
 border-radius: 20px;
 color: #fff; /* テキストの色 */
 letter-spacing: 1.1em;
}
 
.arrow_button::before { /* 矢印の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 21px;
 width: 10px;
 height: 10px;
 border-top: 2px solid #165ab3;
 border-right: 2px solid #165ab3;
 transform: rotate(45deg);
 z-index:10;
}
 
.arrow_button::after { /* 矢印の丸枠の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 13px;
 width: 23px;
 height: 23px;
 border: 3px solid #fff;
 border-radius: 50%;
 background-color: #fff;
}
/*　1.トップページ　ご相談枠　終了　*/

/*　1.トップページ　サービス枠　開始　*/
.service-kojin-content{
 margin: 0 auto; 
 text-align: center;
 margin-bottom: 10px; 
}
.service-kojin-box{
 display: inline-block;
 vertical-align: middle;
 margin: 0 auto; 
 text-align: center;
 margin: 10px; 
}
.service-kojin-waku{
 width: 177px;
 height: 177px;
}
.service-kojin-waku2{
 width: 195px;
 height: 380px;
}
.service-kojin-waku,.service-kojin-waku2{
 border-radius: 5px; 
 border:2px solid #172a88;
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 letter-spacing: 0.1em;
 background-color: #fff;
}
.service-kojin-title{
 background-color: #172a88;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 padding:5px 2px;
}
.service-kojin-icon{
 width: 170px;
 height: 90px;
 padding-top:20px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}
.service-kojin-text{
 display: table;
 vertical-align: middle !important;
 padding:10px 5px;
 text-align: center;
 width: 180px;
 height: 200px;
 color: #000;
 font-size: 14px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-left: 18px; 
}
.service-kojin-text ul{
 text-align:left;
 vertical-align: middle !important;
}
.arrow_button2 {
 display: inline-block;
 position: relative;
 padding: 10px 40px 10px 12px;
 border-radius: 20px;
 color: #172a88; /* テキストの色 */
 font-size: 14px;
 font-weight: bold;
}
.arrow_button2::before { /* 矢印の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 21px;
 width: 7px;
 height: 7px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 transform: rotate(45deg);
 z-index:10;
}
.arrow_button2::after { /* 矢印の丸枠の表示設定 */
 content: "";
 position: absolute;
 margin: auto;
 top: 0;
 bottom: 0;
 right: 13px;
 width: 20px;
 height: 20px;
 border: 2px solid #172a88;
 border-radius: 50%;
 background-color: #172a88;
}
.arrow_button2:hover { 
 color: #172a88;
}

.service-copy{
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 20px; 
 margin-bottom: 40px; 
}
.service-img{
 text-align: center;
}

/* パソコン */
.service-box{
 text-align: center;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/03/bk-machi.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 /*background-attachment: fixed;*/
 /*background-size: cover;*/
 background-color: #fff;
 height: 1450px;
 padding-top:50px;
 padding-bottom:50px;
}

/*　1.トップページ　サービス枠　終了　*/

/*　1.トップページ　お客様の声枠　開始　*/
.review-box-btn{
 margin: 0 auto; 
 text-align: center;
 margin-top: 50px; 
}
.review-text{
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 20px;
 margin-bottom: 40px;
}
.review-img{
 text-align: center;
}
.review-title{
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 10px;
 margin-bottom: 10px;
}
.review-title a,
.review-title a:hover{
 color:#000 !important;
}
.review-box{
 margin: 0 auto; 
 text-align: center;
 background-size: cover;
 background-color: #fff;
 padding-top:50px;
 padding-bottom:100px;
 width: 1100px;
}
/*　1.トップページ　お客様の声枠　終了　*/

/*　1.トップページ　スライダー枠　開始　*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
 color: #051d75 !important;
}
.slider .slide .inner{
 padding: 1px !important;
 margin: 1px !important;
}

.slider .slide .inner img{
 border-radius: 5px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 width: 440px;
}
.slider {
  margin: 0 auto;
}
.slick-slide{
  margin-left: 55px;
}
.prev_icon{
  position: absolute;
  top: 50%;
  left: 10px;
  transform: translate(0,-50%);
  width: 30px;
  z-index: 1;
}
.next_icon{
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0,-50%);
  width: 30px;
  z-index: 1;
}
/*　1.トップページ　スライダー枠　終了　*/



/*　1.トップページ　メッセージ PC　開始　*/
.msg-box{
 margin: 0 auto; 
 width: 1200px;
 margin-bottom: 100px;
}
.msg-box .msg-box-img{
 display: inline-block;
 vertical-align: top;
 width: 550px;
}
.msg-box .msg-box-img2{
 display: inline-block;
 vertical-align: top;
 width: 600px;
 text-align: right !important;
}
.msg-box .msg-box-text{
 display: inline-block;
 vertical-align: top;
 padding-top:20px;
 /*padding-left:35px;*/
 width: 550px;
}

.msg-box .msg-box-text2 h3 {
 font-weight: bold;
 font-size: 24px;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 4px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
}
.msg-box .msg-box-text3{
 font-size: 24px;
 letter-spacing: 0.1em;
 margin-top: 20px;
 margin-bottom: 20px;
}
.msg-box .msg-box-text4{
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
}
.msg-box .msg-box-text5{
 text-align: center;
 margin-top: 20px;
}
.msg-box .msg-box-text6{
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 text-align: right;
 color:#172a88;
 margin-top: 20px;
}
/*　1.トップページ　メッセージ　終了　*/

/*　1.トップページ　リクルート枠　開始　*/
.recruit-box{
 margin: 0 auto; 
 width: 1200px;
 padding-bottom:100px;
}
.recruit-box .recruit-box-img{
 display: inline-block;
 vertical-align: top;
 width: 545px;
}
.recruit-box .recruit-box-text{
 display: inline-block;
 vertical-align: top;
 padding-top:20px;
 width: 645px;
}
.recruit-box .recruit-box-img2{
 display: inline-block;
 vertical-align: top;
 width: 595px;
}
.recruit-box .recruit-box-text2{
 display: inline-block;
 vertical-align: top;
 padding-top:20px;
 width: 595px;
}
.recruit-box .recruit-box-text2 h3 {
 font-weight: bold;
 font-size: 24px;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 4px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
}
.recruit-box .recruit-box-text3{
 font-size: 24px;
 letter-spacing: 0.1em;
 margin-top: 20px;
 margin-bottom: 20px;
}
.recruit-box .recruit-box-text4{
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
}
.recruit-box .recruit-box-text5{
 text-align: center;
 margin-top: 20px;
}
/*　1.トップページ　リクルート枠　終了　*/

/*　1.トップページ　お知らせ枠　開始　*/
.news-box-btn{
 text-align: center;
 margin-top: 30px; 
}
.news-list1{
 width: 150px;
}
.news-list2{
 width: 400px;
 text-align: left;
}
.news-list1,.news-list2{
 display: inline-block;
 vertical-align: middle;
 margin: 0 auto;
 color:#000;
 font-size: 16px;
 font-weight: bold;
}
.news-list1 a,.news-list2 a{
 color:#000;
}
.news-list{
 margin: 0 auto; 
 padding:10px;
 text-align: center;
 border-bottom: 2px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1;
 margin-top: 10px; 
 width: 600px;
}
.news-img{
 text-align: center;
}
.news-box{
 text-align: center;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-color-2.jpg);
 background-position: center bottom;
 background-repeat: no-repeat;
 background-size: cover;
 background-color: #80bae5;
 height:  600px;
 padding-top:10px;
 padding-bottom:10px;
}
/*　1.トップページ　お知らせ枠　終了　*/




/*　フッター　開始　*/
.footer-add{
 padding:10px;
 letter-spacing: 0.1em;
}
.footer-logo{
 padding:10px;
}
.footer-box-waku1,
.footer-box-waku2,
.footer-box-waku3,
.footer-box-waku4{
 display:inline-block;
 vertical-align: top;
 text-align: left;
 color: #000;
 font-size: 16px;
 letter-spacing: 0.1em;
}
.footer-box-waku1 a,
.footer-box-waku2 a,
.footer-box-waku3 a,
.footer-box-waku4 a{
 color: #000;
}
.footer-box-waku1{
 width: 400px;
}
.footer-box-waku2{
 width: 260px;
 /*padding-top:140px;*/
 padding-right:20px;
}
.footer-box-waku3,.footer-box-waku4{
 width: 190px;
 /*padding-top:140px;*/
}
.footer-box-waku3{
 padding-right:20px;
}
.footer-box{
 margin: 0 auto; 
 text-align: center;
 background-color: #efefef;
 font-size: 16px;
 padding:30px 0px;
}
.copyright-box{
 margin: 0 auto; 
 text-align: center;
 background-color: #fff;
 font-size: 16px;
 padding:5px 2px;
 letter-spacing: 0.1em;
}
/*　フッター　終了　*/




/* スクロールCSS */
.fade-in {
  opacity: 0;
  transition-duration: 800ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


.point-forte-box{
 margin: 0 auto; 
 width: 260px;
 display: inline-block;
 vertical-align: top;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
}

.point-forte-box .consul-btn{
 margin-top: 30px;
 letter-spacing: 1.1em;
}

.point-forte-box .consul-btn a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 250px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 /*background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);*/
 background-color: #036eb8;
}

.point-forte-box .consul-btn a:hover {
  opacity: .5;
}

.title-forte-box{
 margin-top: 35px;
 margin-bottom: 35px;
 text-align:  left;
 width: 800px;
 margin: 0 auto;
}
.subicon-forte{
 display:inline-block;
 width: 90px;
}
.submidashi-forte{
 display:inline-block;
 width: 700px;
}

.submidashi-forte h3{
 font-weight: bold;
 font-size: 24px;
 letter-spacing: 0.1em;
 text-align:  left;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 3px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
}

/*　強み　アイキャッチ背景　開始　*/
.forte-head{
 margin-top: 85px;
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-forte.jpg);
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 /*background-color: #464646;*/
 height: 400px;
}
/*　強み　アイキャッチ背景　終了　*/

/*　強み　背景　開始　*/
.point-head{
 background-image: url(https://www.tokai-nw.co.jp/wp-content/uploads/2023/06/bk-top2_3.png);
 background-position: center center;
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-size: cover;
 background-color: #fff;
 padding-top:50px;
}
/*　強み　背景　終了　*/



/*　想い・取り組み　関連　開始　*/
.subimg{
 text-align: center;
}
.subtitle{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 padding:0px !important;
 margin:50px 0 !important;
}
.subtitle20{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 padding:0px !important;
 margin:20px 0 !important;
}
.subtitle2{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 padding:0px !important;
 margin-top:50px 0 !important;
}

.subtitle-line{
 display:inline-block;
 margin: 10px 0px; 
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}
.subtitle2{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 20px;
 text-align: center;
 margin-bottom:30px;
}
.subtitle3{
 font-size: 24px;
 letter-spacing: 0.1em;
 margin-bottom: 30px;
 text-align: center;
}
.subtitle4{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 padding:0px !important;
 margin:0px 0 !important;
}
.subtext-c{
 font-size: 16px;
 letter-spacing: 0.1em;
 text-align: center;
 margin-bottom: 50px;
}
.subtext-l{
 font-size: 16px;
 letter-spacing: 0.1em;
 text-align: left;
 margin-bottom: 50px;
}
.subtext-l2{
 font-size: 16px;
 letter-spacing: 0.1em;
 text-align: left;
 margin-top: 30px;
 margin-bottom: 30px;
}
.subcontent-box ul{
 list-style: disc;
}
.subcontent-box li{
 margin-bottom: 20px;
}
.subcontent-boxh ul{
 list-style: disc;
}
.subcontent-boxh li{
 margin-bottom: 20px;
}

/*　想い・取り組み　関連　終了　*/


.subcontent-box{
 margin: 0 auto;
 width: 800px;
 margin-top: 30px;
 margin-bottom: 80px;
}
.subcontent-box2{
 margin: 0 auto;
 width: 800px;
 margin-top: 30px;
 margin-bottom: 0px;
}
.subcontent-boxh{
 margin: 0 auto;
 width: 800px;
 margin-top: 30px;
 margin-bottom: 20px;
}
.hs-box,.hs-box2{
 margin: 0 auto;
 width: 800px;
 margin-top: 30px;
 margin-bottom: 0px;
 text-align: center;
}

.subcontent2-box{
 margin-top: 35px;
 margin-bottom: 35px;
}
.submidashi h3 {
 font-weight: bold;
 font-size: 20px;
 color: #172a88 !important;
 margin: 0px 0px 5px 0px;
 padding: 0px;
 border-bottom: 1px solid;
 border-image: linear-gradient(40deg, #165ab3, #fff);
 border-image-slice: 1; 
 letter-spacing: 0.1em;
}

h2{
 margin: 0; 
}

/*　1.トップページ　事故時のご連絡枠　開始　*/
.customer-box .customer-btn{
 margin-top: 30px;
}
.customer-box .customer-btn a{
 margin: 0 auto; 
 display: flex;
 align-items: center;
 justify-content: center;
 line-height: 1;
 text-decoration: none;
 color: #ffffff;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 width: 250px;
 height: 50px;
 border-radius: 40px; 
 transition: 0.3s;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
 background-image: linear-gradient(90deg, #165ab3, #2d9ddf 50%, #165ab3);
}
.customer-box .customer-btn a:hover {
  opacity: .5;
}
.customer-box-btn .customer-btn-box2 p{
 color: #172a88 !important;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin:0px;
}
.customer-box-btn .customer-btn-box2 .office-name{
 margin-top: 20px;
}
.customer-box-btn .customer-btn-box2 .office-tel{
 margin-top: 5px;
 margin-bottom: 30px;
}
.customer-box .office-tel{
 color: #172a88 !important;
 font-size: 18px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 5px;
 margin-bottom: 30px;
}
.customer-box-btn .customer-btn-box2{
 display: inline-block;
 vertical-align: top;
 width: 360px;
}
.customer-box-btn .customer-btn-box1{
 text-align: center;
 margin: 0 auto; 
 padding:0;
 width: 1000px;
 margin-bottom: 30px;
}
.customer-box-btn{
 margin: 0 auto; 
 text-align: center;
 margin-top: 30px; 
}
.customer-text{
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 20px;
 margin-bottom: 40px;
}
.customer-img{
 text-align: center;
}
.customer-box{
 text-align: center;
 background-size: cover;
 background-color: #f7f8f8;
 padding-top:50px;
 padding-bottom:100px;
}
/*　1.トップページ　事故時のご連絡枠　終了　*/

/*　1.トップページ　お問い合わせ枠　開始　*/
.contact-box-btn .btn-box2{
 display: inline-block;
 vertical-align: top;
 width: 462px;
}
.contact-box-btn .btn-box1{
 text-align: center;
 margin: 0 auto; 
 padding:0;
 width: 1000px;
}

.contact-box-btn{
 margin: 0 auto; 
 text-align: center;
 margin-top: 30px; 
}
.contact-text{
 text-align: center;
 font-size: 16px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin-top: 20px;
 margin-bottom: 40px;
}
.contact-img{
 text-align: center;
}
.contact-box{
 text-align: center;
 background-size: cover;
 background-color: #fff;
 height:  600px;
 padding-top:50px;
 padding-bottom:100px;
}
/*　1.トップページ　お問い合わせ枠　終了　*/

.title{
 color: #172a88 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 padding:0px !important;
 margin:0px !important;
}
.title2{
 color: #000 !important;
 font-weight: bold;
 font-size: 24px;
 text-align: center;
 padding:0px !important;
 margin:0px !important;
}
.title-line{
 display:inline-block;
 margin: 20px 0px; 
 position: relative;
 border-bottom: 4px solid;
 border-image-source: linear-gradient(40deg, #165ab3, #2d9ddf, #2d9ddf, #165ab3);
 border-image-slice: 1; 
}

a:hover{
 opacity: 10 !important;
}

.subtext-l2 a{
 color: #2ea7e0 !important;
}


}
/* パソコン用 終了*****************************************************/

body{
 font-family: "ヒラギノ角ゴ ProN W5","HiraKakuProN-W5","ヒラギノ角ゴ Pro W5","HiraKakuPro-W5","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS Pgothic","Osaka",sans-serif,Helvetica, Helvetica Neue, Arial, Verdana;
}