@charset "utf-8";

/*Icons style */
.icon-style	img{
    background: var(--nv-secondary-accent);
 padding: 16px;
}

/* Style the field labels */

div.wpforms-container-full .wpforms-form .wpforms-field-label {
   display: block;
   font-weight: 400;
   font-size: 16px;
   float: none;
   line-height: 1.3;
   margin: 0 0 4px 0;
   padding: 0;
 color:white;
}

/* Change the color of the required mark */
div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#fff;}

/* Style the text area */

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea input {
   background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 120px;
   width: 100%;
   line-height: 1.3;
}


/* Style the text and email inputs */
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email]{
   
    background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 60px;
   width: 100%;
   line-height: 1.3;
}

/* Style the submit button */
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
       background-color: var(--nv-primary-accent);
   border: none;
   color: #fff;
   font-size: 0.9em;
       text-transform:uppercase;
       font-weight:600;
   padding: 15px 25px;
   
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
       background-color: var(--nv-secondary-accent);
   border: none;
   color: #121212;
   font-size: 0.9em;
       text-transform: uppercase;
       font-weight:600;
   padding: 15px 25px;
   
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{
 border: none;
}

.nv-single-page-wrap{
   margin-bottom: 0px;
}

.entry-title{font-size:25px}

/* ======== table.tableOther ======== */
table.sheet {border-collapse: collapse;text-align: left;font-size:14px;letter-spacing:1px;line-height:2;width:100%;max-width: 1200px;color: #333;margin: 0 auto;}
table.sheet tr { }
table.sheet tr.dbl {border-bottom: #ddd double ;}
table.sheet th {width:25%;padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
table.sheet th.dbl {border-bottom: #ddd double ;}
table.sheet td {padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-left:none;}
table.sheet td .linkArea {margin-top:10px;text-align:left;}
table.sheet td .linkArea a.btn {margin:0;}
table.sheet td.dbl {border-bottom: #ddd double ;}



@media only screen and (max-width: 950px) {
table.sheet th {width:30%;padding:20px;}
table.sheet td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
table.sheet { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
table.sheet { font-size:12px;}	
}
@media only screen and (max-width: 414px) {
table.sheet th {width:30%;padding:15px;}
table.sheet td {padding:15px;}		
}

.head_test {
   margin: 0;
   font-size: 18px;
   position: relative;
   font-weight: normal;
   display: inline-block;
   background-color: #fff;
   color: #14357b;
   margin-left: 20px;
   padding: 0 10px;
}
.head_test-wrap {
   position: relative;
   margin-bottom: 30px;
}
.head_test-wrap:before {
   content: '';
   background-color: #14357b;
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
   height: 2px;
   top: 0;
   bottom: 0;
   margin: auto;
}
@media screen and (min-width: 768px) {
   .head_test {
       margin: 0;
       font-size: 26px;
       position: relative;
       font-weight: normal;
       display: inline-block;
       background-color: #fff;
       color: #14357b;
       margin-left: 20px;
       padding: 0 30px;
   }
}
.btnmore {
   display: inline-block;
   padding: 0px 20px 3px 20px;
   margin: 0 15px;
   font-size: 13px;
   text-decoration: none;
   text-align: center;
   line-height: 2;
   letter-spacing: 1px;
   position: relative;
   color: #fefefe;
   background: #fcaf3b;
   border: #fff 1px solid;
   -webkit-border-radius: 1.5em;
   -moz-border-radius: 1.5em;
   border-radius: 1.5em;
   max-width: 100%;
}
.btnmore:after {
   font-family: 'themify';
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 0;
   right: 10px;
   z-index: 1;
   line-height: 2.5;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}
.btnmore:hover {
   color: #333;
   background: #999;
   color: #fff;
   border: #999 1px solid;
   border: #999 1px solid;
   }
h1, .single h1.entry-title{
       font-size: 40px;
   line-height: 1.3em;
   letter-spacing: 0px;
   }

/* リストcss */
.box {
   display:flex;
   flex-direction: column;
   padding: 20px;
 }

 .text {
   width: 100%;
/*     text-align: center; */
 }
 
 h3 {
   font-size: 21px;
   margin: 0;
   color: #121212;
 }
 
 .pict {
   width: 100%;
   text-align: center;
   min-height: 0%;
 }

  .text p{
     text-align: left;
     font-size:15px;
   }

 
 .pict img {
   max-width: 500px;
   height:auto;
   width: 100%;
 }
 .box:nth-child(even) {
   /* background-color: #fcf6e4; */
   padding: 20px;
 }
 
 @media (min-width:768px) {
   body {
     padding: 0px;
   }
   .box {
     flex-direction: row;
     justify-content: space-between;
     margin-bottom: 20px;
     border-bottom: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 80px;
   }
   .box:nth-child(even) {
     flex-direction: row-reverse;
     padding-bottom: 80px;
     padding-top: 80px;
   }
   
   .text {
     text-align: left;
   }
 
   .text h2{
     text-align: left;
   }
     .text p{
     text-align: left;
     font-size:15px;
   }
 
   .box:nth-child(even) .text {
     text-align: right;
   }
   .pict {
     width: 100%;
   }
   .pict img {
     width: 98%;
     height:auto;
   }
   .box:nth-child(even) .pict {
     margin-left: 0;
     margin-right: 3%;
   }
 }

.page_title_txt{
   font-size: 35px;
   line-height: 1.5;
}

.recruit ul, ol {
   padding: 0;
   position: relative;
 }

 .recruit ol {
   padding: 0;
   position: relative;
 }
 
 .recruit ul li {
   color: black;
   border-left: solid 8px #fca63b;/*左側の線*/
   border-bottom: solid 2px #dadada;/*下に灰色線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
   line-height: 1.5;
   padding: 0.7em;
   list-style-type: none!important;/*ポチ消す*/
   text-align: left;
   font-weight: 550;
 }

 .recruit ol li {
   color: black;
   border-left: solid 6px #fca63b;/*左側の線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
    line-height: 1.5;
   padding: 0.5em;
   list-style-type: none!important;/*ポチ消す*/
 }
.box .page_title_txt{
   color:black;
}

/* -----------------------------------------------------------
#sub_works_area
----------------------------------------------------------- */
   
   #sub_works_area {
       padding: 50px 50px;
       /* background: url(../images/common/noise.png) repeat #f5f5f5; */
       /*background: #faf9f9;*/
       /* width: 95%; */
       margin: 80px auto;
   }
   
   #sub_works_area .central {
       width: 100%;
       max-width: 1200px;
       margin: 0 auto;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works_area {
           padding: 0;
       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works_area {
           padding: 0;
       }
   }
/* -----------------------------------------------------------
#sub_works
----------------------------------------------------------- */
   
   #sub_works {
       /* float: right; */
       width: 100%;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works {
           width: 100%;

       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works {
           padding: 20px 0;
       }

     
   }
   /* --------- .worksArea --------- */
   
   .worksArea {
       z-index: 3;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: stretch;
       padding:1%;
   justify-content: flex-start;}
   
   .worksArea .worksBox {
       flex: 0 0 31%;
       align-items: stretch;
       background: #fff;
       border: 1px solid #ddd;
       /* border-radius: 0.5em; */
       margin: 1%;
       }
   
/*      .worksArea .worksBox:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
*/
.worksBox:hover {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }







   /* .inner */
   
   .worksArea .worksBox .inner {
       position: relative;
       padding: 10px;
       z-index: 2;
       /* border: 1px solid #ddd; */
       border-radius: 1em;
       text-align: center;
   }
   
   .worksArea .worksBox .inner:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
   
   .worksBox:hover .inner:before {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }
   
   .worksArea .worksBox .inner .imgArea {
        text-align: center;
   }

   .worksArea .worksBox .inner .imgArea img{
       width: 100%;
       margin: 0 auto;
       /* max-width: 150px; */
   }
/* 
   .worksArea .worksBox .inner img {
       width: 100%;
       margin: 0 auto;
       max-width: 150px;
       text-align: center;
   } */
   
   .worksArea .worksBox .inner h2 {
       text-align: center;
       color: #fcaf3b;
       margin: 10px 0;
       font-weight: 600;
       font-size: 18px;
       display: block;
   }
   
   .worksArea .worksBox .inner h2:after {
       content: '';
       display: block;
       width: 147px;
       height: 1px;
       background-color: #fcaf3b;
       position: relative;
       bottom: 0px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       color:#fff;
   }

   .worksArea .worksBox .inner:hover {
       color:#fff;
   }

   .worksArea .worksBox .inner:hover h2 {
       color:#fff;
   }


   /* ul.category */
   
   .worksArea .worksBox ul.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox ul.category li {
       display: inline-block;
       color: #fefefe;
       background:#fcaf3b;
       font-size: 13px;
       font-weight: 500;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       padding: 0 35px 0 25px;
       position: relative;
       z-index: 1;
   }
   
   .worksArea .worksBox ul.category li:after {
       position: absolute;
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: "\e649";
       vertical-align: 0;
   }


.worksArea .worksBox p.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox p.category {
       /* display: inline-block; */
       color: #fefefe;
       background: #fcaf3b;
       font-size: 13px;
       font-weight: 550;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       /* padding: 0 35px 0 25px; */
       /* position: relative; */
       z-index: 1;
       width: 150px;
       margin: 0 auto;
   }
   
   .worksArea .worksBox p.category:after {
      /*  position: absolute; */
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: ">";
       vertical-align: 0;
   }












   
      
   .worksArea .worksBox p.date {
       position: absolute;
       top: 20px;
       left: 7.5%;
       font-family: 'Poppins', sans-serif;
       font-weight: 500;
       line-height: 40px;
       font-size: 0;
       display: none;
   }
   
   .worksArea .worksBox .inner h3 {
       font-size: 15px;
       font-weight: 500;
       line-height: 2;
       letter-spacing: 1px;
       padding: 0;
       margin-top: 10px;
       text-align: center;
   }
   
   .worksArea .worksBox .icon_award {
       position: absolute;
       top: 15px;
       right: 7.5%;
       width: 55px;
       height: 55px;
       content: "";
       background: url(../images/common/icon_award.png) center center no-repeat;
       background-size: cover;
       z-index: 2;
   }
   
   @media only screen and (max-width: 900px) {
       .worksArea .worksBox .inner {
           padding: 50px 7.5% 50px;
       }
       .worksArea .worksBox .inner p{
           display:block;
       }
       
       .worksArea .worksBox .inner:before {
           display: none;
       }


       .worksArea .worksBox .inner:hover {
           color:#fff;
           background:#fcaf3b;
           border-radius:0.5em;
       }

       .worksArea .worksBox .inner:hover h2 {
           color:#fff;
       
       }

       
       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: -35px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           padding: 0 15px 0 30px;
           /* margin-top: 50px; */
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
       }
       /*.worksArea .worksBox p.date span { font-size: 13px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 14px;
           display: block;
       }
       /* .icon_award */
       .worksArea .worksBox .icon_award {
           top: 10px;
           right: 7.5%;
           width: 50px;
           height: 50px;
       }
   }
   
   @media only screen and (max-width: 736px) {

       .worksArea .worksBox .inner {
           padding: 40px 7.5% 30px;
       }
       .worksArea .worksBox .inner:before {
           display: none;
       }


       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: 0px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 11px;
           line-height: 25px;
           letter-spacing: 1px;
           padding: 0 10px 0 20px;
       }
       .worksArea .worksBox ul.category li:before {
           left: 5px;
           font-size: 1em;
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
           line-height: 30px;
       }
       /*.worksArea .worksBox p.date span { font-size: 11px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 11px;
           line-height: 1.8;
           margin-top: 5px;
       }

        .worksArea .worksBox {
           flex: 0 0 49%;
           margin-bottom:10px;
        }

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

       .worksArea {
           z-index: 3;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
           align-items: stretch;
           padding:20px;
       }
   

       .worksArea .worksBox {
           flex: 0 0 100%;
           margin-bottom: 20px;
       }

      



   }
   
   @media only screen and (max-width: 414px) {
       .worksArea .worksBox p.date {
           letter-spacing: 0.5px;
       }
       .worksArea .worksBox .inner h3 {
           line-height: 1.8;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 9px;
           padding: 0 20px 0 20px;
       }
       .worksArea .worksBox .icon_award {
           top: 6px;
           right: 4%;
           width: 30px;
           height: 30px;
       }
   }




/* -----------------------------------------------------------
 #home_news
  ----------------------------------------------------------- */

  #home_news {
   /* float: left; */
   /* width: 33%; */
   padding: 90px 0;
   /*background: url(../images/pattern/noise.png) repeat #d9e3eb;*/
}

@media only screen and (max-width: 900px) {
   #home_news {
       float: none;
       width: 100%;
       /* background: #f0f0f0; */
       padding: 80px 5%;
   }
}

@media only screen and (max-width: 736px) {
   #home_news {
       padding: 70px 0%;
   }
}



@media only screen and (max-width: 500px) {
   #home_news {
       padding: 70px 0;
   }
}




/* --------- .newsArea --------- */

#home_news .newsArea {
   /* margin: 0 auto; */
   /* max-width: 900px; */
}

#home_news .newsArea .top-blog__list{z-index: 3;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;padding: 1%;}

#home_news .newsArea dl {
   flex: 0 0 32%;
   align-items: stretch;
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 0.5em;
   margin: 0;
   cursor:pointer;
}

#home_news .newsArea dl:hover {
   background:#f3abab;
   color:#fff;
}

@media only screen and (max-width: 500px) {
   #home_news .newsArea .top-blog__list{
   display:flex;
   flex-flow: column;
   padding: 1% 20px;
   }

#home_news .newsArea dl {
   width: 100%;
   padding: 0;
   margin: 0 auto;
}
   
}




#home_news .newsArea dl:first-child {
   margin: 0;
}

#home_news .newsArea dl dt {
   display: block;
   margin: 0;
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   padding: 20px 20px 0;
}

#home_news .newsArea dl dt span {
   padding-left: 5px;
   color: #e96c36;
}

#home_news .newsArea dl dd {
   display: flex;
   flex-flow: column;
   padding: 20px;
   justify-content: center;
   margin: 0;
}

#home_news .newsArea dl dd img{
   width:60px;
   width: 100%;
   height: 200px;
   object-fit: cover;
}




#home_news .newsArea dl a {
   /* position: absolute; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
}

#home_news .newsArea dl:after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 100%;
   height: 0;
   content: "";
   border-bottom: transparent 3px solid;
   z-index: 1;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

#home_news .newsArea dl:hover:after {
   right: 0;
   border-color: #fcaf3b;
}

@media only screen and (max-width: 900px) {
   #home_news .newsArea dl:after {
       display: none;
   }
}

@media only screen and (max-width: 736px) {
   #home_news .newsArea dl {
       flex: 0 0 49%;
       margin-bottom:10px;
       font-size: 12px;
   }

}




/* ----------------------------------------------------------
  .headline
  ---------------------------------------------------------- */

.headline {
   margin-bottom: 30px;
   text-align: center;
   position: relative;
   z-index: 1;
}

.headline h2.en {
   font-size: 16px;
   /*     font-family: 'Poppins', sans-serif; */
   font-weight: 700;
   letter-spacing: 2px;
   line-height: 1;
}

.headline h2.jp {
   font-size: 22px;
   font-weight: 600;
   letter-spacing: 2px;
   margin-top: 10px;
   margin-bottom: 5px;
}

@media only screen and (max-width: 900px) {
   .headline {
       margin-bottom: 45px;
   }
   .headline h2.en {
       /* font-size: 30px; */
   }
   .headline h2.jp {
       font-size: 18px;
       font-weight: 700;
       letter-spacing: 1px;
       line-height: 1;
       margin-top: 15px;
       margin-bottom: 10px;
   }
}

@media only screen and (max-width: 736px) {
   .headline {
       margin-bottom: 40px;
   }
   .headline h2.en {
       font-size: 14px;
   }
   .headline h2.jp {
       /* font-size: 13px; */
       margin-top: 10px;
   }
}

@media only screen and (max-width: 414px) {
   .headline h2.jp {
       /* font-size: 12px; */
   }
}

/* news more */
.news-more_ares {
   width: 90%;
   text-align:center;
   margin: 15px auto;
}
.news-more{
   margin: 0 3px 15px;
   display: inline-block;
   width: 200px;
   max-width: 100%;
   margin: 0 auto;
   color: #fff;
   background: #fcaf3b;
   font-size: 13px;
   line-height: 25px;
   text-align: center;
   letter-spacing: 1px;
   position: relative;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 5em;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
   padding-bottom: 3px;
}

.news-more:after {
   font-family: 'themify';
   content: "\e649";
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 2px;
   right: 12px;
   z-index: 1;
   -webkit-transition: right 0.3s ease;
   -moz-transition: right 0.3s ease;
   transition: right 0.3s ease;
}
.news-more:hover {
   color: #fff;
   /*     border: #9E9E9E 1px solid; */
   background: #464544;
}
.news-more:hover:after {
   right: 10px;
}



/* -----------------------------------------------------------

#breadcrumb

----------------------------------------------------------- */

#breadcrumb {margin: 0px 0;padding: 15px 20px;position:relative;z-index:1;text-align: right;/* background: #fbfbfb; *//* border-bottom: 1px solid #e1e1e1; */}
#breadcrumb ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
#breadcrumb li {display: inline-flex;list-style: none;font-size: 12px;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;margin: 0;padding: 0;letter-spacing: 0.5px;height:20px;line-height:20px;}
#breadcrumb li:after {color: #322961;font-size: 10px;font-family: 'themify';content: "\e649";font-weight: normal;margin: 0 8px;height:20px;line-height:20px;}
#breadcrumb li:last-child:after { display:none;}
#breadcrumb li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
#breadcrumb li a { position:relative; z-index:1; font-weight: 400; height:20px; line-height:20px; }
#breadcrumb li a:hover { color: #322961; }
#breadcrumb li:first-child a:before {padding-right:5px;color: #322961; font-size: 11px; font-family: 'themify'; content: "\e69b";}
#breadcrumb li a:after { position: absolute; bottom: -4px; left: -2px; width: 100%; height: 0; display: block; border-bottom:#322961 1px solid;content: ""; z-index: -1; -webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
#breadcrumb li a:hover:after  { -webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

@media only screen and (max-width: 900px) {
#breadcrumb {margin: 0px 0 0;padding:20px 5%;border-top:none;}
#breadcrumb:before { display:none;}
#breadcrumb li a:hover {color: #111;}
#breadcrumb li a:hover:after { display:none;}
}

@media only screen and (max-width: 414px) {
#breadcrumb { padding:18px 5% 16px; border-top:none;}
#breadcrumb ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
#breadcrumb li {font-size: 13px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;}
#breadcrumb li:after { margin: 0 5px;}
#breadcrumb li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;}
#breadcrumb li:first-child a {font-size: 0;width:auto;padding-bottom: 7px;}
#breadcrumb li:first-child a:before {padding-right:0;font-size: 13px;}
}

@media only screen and (max-width: 320px) {
#breadcrumb li:last-child { width:6em;}
}
p.catch {
    font-size: 16px;
    line-height: 2.5;
    font-weight: 300;
letter-spacing: 0.9px;
    color: #2A2929;
}

p.catch span {
    background: #e5e5e5;
    padding: 2px 10px;
    border-radius: 3em;
    /* color: #fff; */
    font-size: 13px;
}

/*Icons style */
.icon-style	img{
    background: var(--nv-secondary-accent);
 padding: 16px;
}

/* Style the field labels */

div.wpforms-container-full .wpforms-form .wpforms-field-label {
   display: block;
   font-weight: 400;
   font-size: 16px;
   float: none;
   line-height: 1.3;
   margin: 0 0 4px 0;
   padding: 0;
 color:white;
}

/* Change the color of the required mark */
div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#fff;}

/* Style the text area */

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea input {
   background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 120px;
   width: 100%;
   line-height: 1.3;
}


/* Style the text and email inputs */
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email]{
   
    background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 60px;
   width: 100%;
   line-height: 1.3;
}

/* Style the submit button */
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
       background-color: var(--nv-primary-accent);
   border: none;
   color: #fff;
   font-size: 0.9em;
       text-transform:uppercase;
       font-weight:600;
   padding: 15px 25px;
   
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
       background-color: var(--nv-secondary-accent);
   border: none;
   color: #121212;
   font-size: 0.9em;
       text-transform: uppercase;
       font-weight:600;
   padding: 15px 25px;
   
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{
 border: none;
}

.nv-single-page-wrap{
   margin-bottom: 0px;
}

.entry-title{font-size:25px}

/* ======== table.tableOther ======== */
table.sheet {border-collapse: collapse;text-align: left;font-size:14px;letter-spacing:1px;line-height:2;width:100%;max-width: 1200px;color: #333;margin: 0 auto;}
table.sheet tr { }
table.sheet tr.dbl {border-bottom: #ddd double ;}
table.sheet th {width:25%;padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
table.sheet th.dbl {border-bottom: #ddd double ;}
table.sheet td {padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-left:none;}
table.sheet td .linkArea {margin-top:10px;text-align:left;}
table.sheet td .linkArea a.btn {margin:0;}
table.sheet td.dbl {border-bottom: #ddd double ;}



@media only screen and (max-width: 950px) {
table.sheet th {width:30%;padding:20px;}
table.sheet td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
table.sheet { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
table.sheet { font-size:12px;}	
}
@media only screen and (max-width: 414px) {
table.sheet th {width:30%;padding:15px;}
table.sheet td {padding:15px;}		
}

.head_test {
   margin: 0;
   font-size: 18px;
   position: relative;
   font-weight: normal;
   display: inline-block;
   background-color: #fff;
   color: #14357b;
   margin-left: 20px;
   padding: 0 10px;
}
.head_test-wrap {
   position: relative;
   margin-bottom: 30px;
}
.head_test-wrap:before {
   content: '';
   background-color: #14357b;
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
   height: 2px;
   top: 0;
   bottom: 0;
   margin: auto;
}
@media screen and (min-width: 768px) {
   .head_test {
       margin: 0;
       font-size: 26px;
       position: relative;
       font-weight: normal;
       display: inline-block;
       background-color: #fff;
       color: #14357b;
       margin-left: 20px;
       padding: 0 30px;
   }
}
.btnmore {
   display: inline-block;
   padding: 0px 20px 3px 20px;
   margin: 0 15px;
   font-size: 13px;
   text-decoration: none;
   text-align: center;
   line-height: 2;
   letter-spacing: 1px;
   position: relative;
   color: #fefefe;
   background: #fcaf3b;
   border: #fff 1px solid;
   -webkit-border-radius: 1.5em;
   -moz-border-radius: 1.5em;
   border-radius: 1.5em;
   max-width: 100%;
}
.btnmore:after {
   font-family: 'themify';
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 0;
   right: 10px;
   z-index: 1;
   line-height: 2.5;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}
.btnmore:hover {
   color: #333;
   background: #999;
   color: #fff;
   border: #999 1px solid;
   border: #999 1px solid;
   }
h1, .single h1.entry-title{
       font-size: 40px;
   line-height: 1.3em;
   letter-spacing: 0px;
   }

/* リストcss */
.box {
   display:flex;
   flex-direction: column;
   padding: 20px;
 }

 .text {
   width: 100%;
/*     text-align: center; */
 }
 
 h3 {
   font-size: 21px;
   margin: 0;
   color: #121212;
 }
 
 .pict {
   width: 100%;
   text-align: center;
   min-height: 0%;
 }

  .text p{
     text-align: left;
     font-size:15px;
   }

 
 .pict img {
   max-width: 500px;
   height:auto;
   width: 100%;
 }
 .box:nth-child(even) {
   /* background-color: #fcf6e4; */
   padding: 20px;
 }
 
 @media (min-width:768px) {
   body {
     padding: 0px;
   }
   .box {
     flex-direction: row;
     justify-content: space-between;
     margin-bottom: 20px;
     border-bottom: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 80px;
   }
   .box:nth-child(even) {
     flex-direction: row-reverse;
     padding-bottom: 80px;
     padding-top: 80px;
   }
   
   .text {
     text-align: left;
   }
 
   .text h2{
     text-align: left;
   }
     .text p{
     text-align: left;
     font-size:15px;
   }
 
   .box:nth-child(even) .text {
     text-align: right;
   }
   .pict {
     width: 100%;
   }
   .pict img {
     width: 98%;
     height:auto;
   }
   .box:nth-child(even) .pict {
     margin-left: 0;
     margin-right: 3%;
   }
 }

.page_title_txt{
   font-size: 35px;
   line-height: 1.5;
}

.recruit ul, ol {
   padding: 0;
   position: relative;
 }

 .recruit ol {
   padding: 0;
   position: relative;
 }
 
 .recruit ul li {
   color: black;
   border-left: solid 8px #fca63b;/*左側の線*/
   border-bottom: solid 2px #dadada;/*下に灰色線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
   line-height: 1.5;
   padding: 0.7em;
   list-style-type: none!important;/*ポチ消す*/
   text-align: left;
   font-weight: 550;
 }

 .recruit ol li {
   color: black;
   border-left: solid 6px #fca63b;/*左側の線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
    line-height: 1.5;
   padding: 0.5em;
   list-style-type: none!important;/*ポチ消す*/
 }
.box .page_title_txt{
   color:black;
}

/* -----------------------------------------------------------
#sub_works_area
----------------------------------------------------------- */
   
   #sub_works_area {
       padding: 50px 50px;
       /* background: url(../images/common/noise.png) repeat #f5f5f5; */
       /*background: #faf9f9;*/
       /* width: 95%; */
       margin: 80px auto;
   }
   
   #sub_works_area .central {
       width: 100%;
       max-width: 1200px;
       margin: 0 auto;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works_area {
           padding: 0;
       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works_area {
           padding: 0;
       }
   }
/* -----------------------------------------------------------
#sub_works
----------------------------------------------------------- */
   
   #sub_works {
       /* float: right; */
       width: 100%;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works {
           width: 100%;

       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works {
           padding: 20px 0;
       }

     
   }
   /* --------- .worksArea --------- */
   
   .worksArea {
       z-index: 3;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: stretch;
       padding:1%;
   justify-content: flex-start;}
   
   .worksArea .worksBox {
       flex: 0 0 31%;
       align-items: stretch;
       background: #fff;
       border: 1px solid #ddd;
       /* border-radius: 0.5em; */
       margin: 1%;
       }
   
/*      .worksArea .worksBox:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
*/
.worksBox:hover {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }







   /* .inner */
   
   .worksArea .worksBox .inner {
       position: relative;
       padding: 10px;
       z-index: 2;
       /* border: 1px solid #ddd; */
       border-radius: 1em;
       text-align: center;
   }
   
   .worksArea .worksBox .inner:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
   
   .worksBox:hover .inner:before {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }
   
   .worksArea .worksBox .inner .imgArea {
        text-align: center;
   }

   .worksArea .worksBox .inner .imgArea img{
       width: 100%;
       margin: 0 auto;
       /* max-width: 150px; */
   }
/* 
   .worksArea .worksBox .inner img {
       width: 100%;
       margin: 0 auto;
       max-width: 150px;
       text-align: center;
   } */
   
   .worksArea .worksBox .inner h2 {
       text-align: center;
       color: #fcaf3b;
       margin: 10px 0;
       font-weight: 600;
       font-size: 18px;
       display: block;
   }
   
   .worksArea .worksBox .inner h2:after {
       content: '';
       display: block;
       width: 147px;
       height: 1px;
       background-color: #fcaf3b;
       position: relative;
       bottom: 0px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       color:#fff;
   }

   .worksArea .worksBox .inner:hover {
       color:#fff;
   }

   .worksArea .worksBox .inner:hover h2 {
       color:#fff;
   }


   /* ul.category */
   
   .worksArea .worksBox ul.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox ul.category li {
       display: inline-block;
       color: #fefefe;
       background:#fcaf3b;
       font-size: 13px;
       font-weight: 500;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       padding: 0 35px 0 25px;
       position: relative;
       z-index: 1;
   }
   
   .worksArea .worksBox ul.category li:after {
       position: absolute;
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: "\e649";
       vertical-align: 0;
   }


.worksArea .worksBox p.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox p.category {
       /* display: inline-block; */
       color: #fefefe;
       background: #fcaf3b;
       font-size: 13px;
       font-weight: 550;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       /* padding: 0 35px 0 25px; */
       /* position: relative; */
       z-index: 1;
       width: 150px;
       margin: 0 auto;
   }
   
   .worksArea .worksBox p.category:after {
      /*  position: absolute; */
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: ">";
       vertical-align: 0;
   }












   
      
   .worksArea .worksBox p.date {
       position: absolute;
       top: 20px;
       left: 7.5%;
       font-family: 'Poppins', sans-serif;
       font-weight: 500;
       line-height: 40px;
       font-size: 0;
       display: none;
   }
   
   .worksArea .worksBox .inner h3 {
       font-size: 15px;
       font-weight: 500;
       line-height: 2;
       letter-spacing: 1px;
       padding: 0;
       margin-top: 10px;
       text-align: center;
   }
   
   .worksArea .worksBox .icon_award {
       position: absolute;
       top: 15px;
       right: 7.5%;
       width: 55px;
       height: 55px;
       content: "";
       background: url(../images/common/icon_award.png) center center no-repeat;
       background-size: cover;
       z-index: 2;
   }
   
   @media only screen and (max-width: 900px) {
       .worksArea .worksBox .inner {
           padding: 50px 7.5% 50px;
       }
       .worksArea .worksBox .inner p{
           display:block;
       }
       
       .worksArea .worksBox .inner:before {
           display: none;
       }


       .worksArea .worksBox .inner:hover {
           color:#fff;
           background:#fcaf3b;
           border-radius:0.5em;
       }

       .worksArea .worksBox .inner:hover h2 {
           color:#fff;
       
       }

       
       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: -35px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           padding: 0 15px 0 30px;
           /* margin-top: 50px; */
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
       }
       /*.worksArea .worksBox p.date span { font-size: 13px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 14px;
           display: block;
       }
       /* .icon_award */
       .worksArea .worksBox .icon_award {
           top: 10px;
           right: 7.5%;
           width: 50px;
           height: 50px;
       }
   }
   
   @media only screen and (max-width: 736px) {

       .worksArea .worksBox .inner {
           padding: 40px 7.5% 30px;
       }
       .worksArea .worksBox .inner:before {
           display: none;
       }


       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: 0px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 11px;
           line-height: 25px;
           letter-spacing: 1px;
           padding: 0 10px 0 20px;
       }
       .worksArea .worksBox ul.category li:before {
           left: 5px;
           font-size: 1em;
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
           line-height: 30px;
       }
       /*.worksArea .worksBox p.date span { font-size: 11px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 11px;
           line-height: 1.8;
           margin-top: 5px;
       }

        .worksArea .worksBox {
           flex: 0 0 49%;
           margin-bottom:10px;
        }

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

       .worksArea {
           z-index: 3;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
           align-items: stretch;
           padding:20px;
       }
   

       .worksArea .worksBox {
           flex: 0 0 100%;
           margin-bottom: 20px;
       }

      



   }
   
   @media only screen and (max-width: 414px) {
       .worksArea .worksBox p.date {
           letter-spacing: 0.5px;
       }
       .worksArea .worksBox .inner h3 {
           line-height: 1.8;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 9px;
           padding: 0 20px 0 20px;
       }
       .worksArea .worksBox .icon_award {
           top: 6px;
           right: 4%;
           width: 30px;
           height: 30px;
       }
   }




/* -----------------------------------------------------------
 #home_news
  ----------------------------------------------------------- */

  #home_news {
   /* float: left; */
   /* width: 33%; */
   padding: 90px 0;
   /*background: url(../images/pattern/noise.png) repeat #d9e3eb;*/
}

@media only screen and (max-width: 900px) {
   #home_news {
       float: none;
       width: 100%;
       /* background: #f0f0f0; */
       padding: 80px 5%;
   }
}

@media only screen and (max-width: 736px) {
   #home_news {
       padding: 70px 0%;
   }
}



@media only screen and (max-width: 500px) {
   #home_news {
       padding: 70px 0;
   }
}




/* --------- .newsArea --------- */

#home_news .newsArea {
   /* margin: 0 auto; */
   /* max-width: 900px; */
}

#home_news .newsArea .top-blog__list{z-index: 3;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;padding: 1%;}

#home_news .newsArea dl {
   flex: 0 0 32%;
   align-items: stretch;
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 0.5em;
   margin: 0;
   cursor:pointer;
}

#home_news .newsArea dl:hover {
   background:#f3abab;
   color:#fff;
}

@media only screen and (max-width: 500px) {
   #home_news .newsArea .top-blog__list{
   display:flex;
   flex-flow: column;
   padding: 1% 20px;
   }

#home_news .newsArea dl {
   width: 100%;
   padding: 0;
   margin: 0 auto;
}
   
}




#home_news .newsArea dl:first-child {
   margin: 0;
}

#home_news .newsArea dl dt {
   display: block;
   margin: 0;
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   padding: 20px 20px 0;
}

#home_news .newsArea dl dt span {
   padding-left: 5px;
   color: #e96c36;
}

#home_news .newsArea dl dd {
   display: flex;
   flex-flow: column;
   padding: 20px;
   justify-content: center;
   margin: 0;
}

#home_news .newsArea dl dd img{
   width:60px;
   width: 100%;
   height: 200px;
   object-fit: cover;
}




#home_news .newsArea dl a {
   /* position: absolute; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
}

#home_news .newsArea dl:after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 100%;
   height: 0;
   content: "";
   border-bottom: transparent 3px solid;
   z-index: 1;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

#home_news .newsArea dl:hover:after {
   right: 0;
   border-color: #fcaf3b;
}

@media only screen and (max-width: 900px) {
   #home_news .newsArea dl:after {
       display: none;
   }
}

@media only screen and (max-width: 736px) {
   #home_news .newsArea dl {
       flex: 0 0 49%;
       margin-bottom:10px;
       font-size: 12px;
   }

}




/* ----------------------------------------------------------
  .headline
  ---------------------------------------------------------- */

.headline {
   margin-bottom: 30px;
   text-align: center;
   position: relative;
   z-index: 1;
}

.headline h2.en {
   font-size: 16px;
   /*     font-family: 'Poppins', sans-serif; */
   font-weight: 700;
   letter-spacing: 2px;
   line-height: 1;
}

.headline h2.jp {
   font-size: 22px;
   font-weight: 600;
   letter-spacing: 2px;
   margin-top: 10px;
   margin-bottom: 5px;
}

@media only screen and (max-width: 900px) {
   .headline {
       margin-bottom: 45px;
   }
   .headline h2.en {
       /* font-size: 30px; */
   }
   .headline h2.jp {
       font-size: 18px;
       font-weight: 700;
       letter-spacing: 1px;
       line-height: 1;
       margin-top: 15px;
       margin-bottom: 10px;
   }
}

@media only screen and (max-width: 736px) {
   .headline {
       margin-bottom: 40px;
   }
   .headline h2.en {
       font-size: 14px;
   }
   .headline h2.jp {
       /* font-size: 13px; */
       margin-top: 10px;
   }
}

@media only screen and (max-width: 414px) {
   .headline h2.jp {
       /* font-size: 12px; */
   }
}

/* news more */
.news-more_ares {
   width: 90%;
   text-align:center;
   margin: 15px auto;
}
.news-more{
   margin: 0 3px 15px;
   display: inline-block;
   width: 200px;
   max-width: 100%;
   margin: 0 auto;
   color: #fff;
   background: #fcaf3b;
   font-size: 13px;
   line-height: 25px;
   text-align: center;
   letter-spacing: 1px;
   position: relative;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 5em;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
   padding-bottom: 3px;
}

.news-more:after {
   font-family: 'themify';
   content: "\e649";
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 2px;
   right: 12px;
   z-index: 1;
   -webkit-transition: right 0.3s ease;
   -moz-transition: right 0.3s ease;
   transition: right 0.3s ease;
}
.news-more:hover {
   color: #fff;
   /*     border: #9E9E9E 1px solid; */
   background: #464544;
}
.news-more:hover:after {
   right: 10px;
}



/* -----------------------------------------------------------

#breadcrumb

----------------------------------------------------------- */

#breadcrumb {margin: 0px 0;padding: 15px 20px;position:relative;z-index:1;text-align: right;/* background: #fbfbfb; *//* border-bottom: 1px solid #e1e1e1; */}
#breadcrumb ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
#breadcrumb li {display: inline-flex;list-style: none;font-size: 12px;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;margin: 0;padding: 0;letter-spacing: 0.5px;height:20px;line-height:20px;}
#breadcrumb li:after {color: #322961;font-size: 10px;font-family: 'themify';content: "\e649";font-weight: normal;margin: 0 8px;height:20px;line-height:20px;}
#breadcrumb li:last-child:after { display:none;}
#breadcrumb li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
#breadcrumb li a { position:relative; z-index:1; font-weight: 400; height:20px; line-height:20px; }
#breadcrumb li a:hover { color: #322961; }
#breadcrumb li:first-child a:before {padding-right:5px;color: #322961; font-size: 11px; font-family: 'themify'; content: "\e69b";}
#breadcrumb li a:after { position: absolute; bottom: -4px; left: -2px; width: 100%; height: 0; display: block; border-bottom:#322961 1px solid;content: ""; z-index: -1; -webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
#breadcrumb li a:hover:after  { -webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

@media only screen and (max-width: 900px) {
#breadcrumb {margin: 0px 0 0;padding:20px 5%;border-top:none;}
#breadcrumb:before { display:none;}
#breadcrumb li a:hover {color: #111;}
#breadcrumb li a:hover:after { display:none;}
}

@media only screen and (max-width: 414px) {
#breadcrumb { padding:18px 5% 16px; border-top:none;}
#breadcrumb ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
#breadcrumb li {font-size: 13px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;}
#breadcrumb li:after { margin: 0 5px;}
#breadcrumb li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;}
#breadcrumb li:first-child a {font-size: 0;width:auto;padding-bottom: 7px;}
#breadcrumb li:first-child a:before {padding-right:0;font-size: 13px;}
}

@media only screen and (max-width: 320px) {
#breadcrumb li:last-child { width:6em;}
}
p.catch {
    font-size: 16px;
    line-height: 2.5;
    font-weight: 300;
letter-spacing: 0.9px;
    color: #2A2929;
}

p.catch span {
    background: #e5e5e5;
    padding: 2px 10px;
    border-radius: 3em;
    /* color: #fff; */
    font-size: 13px;
}

.contents-wrap {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 7rem; */
    /* justify-content: center; */

    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 50px;
}

.contents-wrap:nth-child(odd) {
    flex-direction: row-reverse;
    margin-bottom: 100px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
}
.contents-wrap:nth-child(even) {
    /* 	background:#eee; */
}
.contents-text {
    width: 65%;
    padding: 2% 0;
    /*flex: 2;*/
}
.flow_title {
    border-bottom: solid 2px
}
.contents-text p {
    /* font-size:18px; */

    line-height: 1.5;
}
.contents-img {
    width: 100%;
    flex: 1;
    padding: 0 1em;
}
.contents-text h2 {
    margin-bottom: 2rem;
    margin-top: 1rem;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding: 3px;
    color: #0e222d;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Abel', sans-serif;
}
.contents-img img {
    display: block;
    /* max-width: 400px; */
    /* height: 500px; */

    overflow: hidden;
    /* width: 120px; */
    /* height: 80px; */

    position: relative;
    object-fit: cover;
    margin: 0 auto;
    width: 100%;
    border-radius: 0.5%;
}
@media screen and (max-width: 768px) {
    .contents-wrap,
    .contents-wrap:nth-child(odd) {
        flex-direction: column;
    }

    .contents-text,
    .contents-img img {
        width: 100%;
        /*flex: 1;*/
    }

    .contents-text {
        padding: 3rem;
    }

    .contents-text h2 {
        /* text-align: center; */
    }
}
@media(max-width:499px) {
    h2.sub-ttl2 {
        font-size: 1.5rem;
    }

    .contents-text {
        padding: 1rem 0;
    }

    .contents-img img {
        /* width: 150px; */
    }
}
.stepBox {
    margin: 2em;
}
@media(max-width:499px) {
    .stepBox {
        margin: 1em 0.5em 0.5em;
    }
}
.stepBox_wrap {
    position: relative;
    margin: 2em auto;
    padding: 25px 10px 7px;
    max-width: 1200px;
    width: 90%;
    border: solid 1px #ddd;
}
.stepBox_wrap .box-title {
    position: absolute;
    display: inline-block;
    top: -20px;
    left: 20px;
    padding: 0 9px;
    height: 40px;
    line-height: 2;
    font-size: 20px;
    background: #45975a;
    color: #ffffff;
    font-weight: bold;
    /* font-family: 'Abel', sans-serif; */

    letter-spacing: 0.1em;
}
.stepBox_wrap p {
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 17px;
    color: #000;
}
.stepBox_wrap li {
    line-height: 1.8;
    font-size: 17px;
}
@media(max-width:499px) {
    .stepBox_wrap .box-title {
        font-size: 18px;
    }
}

/* .btnmenu */
.btnmenu {
    color: #ffffff;
    background: #373535;
}
.btnmenu:hover {
    color: #373535;
    background: none;
    border: #373535 1px solid;
}

/* .btndl */
.btndl {
    color: #ffffff;
    background: #484645;
}
.btndl:hover {
    color: #ffffff;
    background: rgba(72, 70, 69, 0.6);
    border: rgba(72, 70, 69, 0.6) 1px solid;
}
@media only screen and (max-width: 800px) {
    .linkArea {
        margin-top: 30px;
    }
    /* .btn  */

    .btnA {
        margin: 10px 1% 0;
        font-size: 13px;
        line-height: 38px;
        width: 275px;
        max-width: 100%;
    }

    .btnA:after {
        line-height: 30px;
        right: 10px;
    }
    /* .btn  */
	
	   .btnA:hover {
        color: #fefefe;
        background: #000;
        border: #9E9E9E 0px solid;
    }



.table p.rinen {
    text-align: center;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 640px) {
    .table p.rinen {
        font-size: 16px;
    }
}

.table {
    margin-bottom: 2%
}



.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.cp_qa {
    overflow-x: hidden;
    margin: 0 auto;
    color: #333333;
}
.cp_qa .cp_actab {
    padding: 2em;
    border-bottom: 1px dotted #cccccc;
}



.cp_qa label {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding-left: 50px;
    cursor: pointer;
    top: 0.4em;
    font-size: 1.4em;
    color: #1e843a;
}
.cp_qa .cp_actab-content {
    font-size: 1em;
    position: relative;
    overflow: hidden;
    height: 0;
    margin: 0 40px;
    padding: 0 14px;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
    height: auto;
    padding: 20px 10px 0;
    opacity: 1;
}
.cp_qa .cp_plus {
    font-size: 2.4em;
    line-height: 100%;
    position: absolute;
    z-index: 5;
    margin: 7px 0 0 10px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    color: #1e843a;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
    display: none;
}

.cp_qa01 .cp_actab input[type=checkbox] + label::after {
    content: '\25BC';
}
.cp_qa01 .cp_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.cp_qa a{
    color: #f15a24;
    font-weight: 600;
    border-bottom: 1px solid;
}
.cp_qa a:hover {
    color: #a1a1a1;
}


@media screen and (max-width: 600px) {
    .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
        padding: 20px 0;
        margin: 0;
    }
    .cp_qa .cp_actab {
        padding: 10px;
    }
    .cp_qa label {
        top: 0;
        font-size: 1.2em;
        padding-left: 20px;
    }
    .cp_qa .cp_plus {
        font-size: 2em;
        margin: 0;
    }
}

.flexbox{
    display: flex;
}

.flexbox .cnt{
    padding: 10px;
    align-self: center;
}

@media only screen and (max-width: 800px) {
    .flexbox{
        display: block;
    }
}

.cnt h2{
    font-size: 25px;
    line-height: 1.4;
}
.cnt h2 span{
    font-size: 18px;
}

@media screen and (max-width: 420px) {
    .table dl dt {
        width: 98%;
        padding: 1% 2%; }

    .table dl dd {
        font-size: 16px;
        width: 98%;
    }
}

.center{
    text-align: center;
    margin: auto;
}
}
.table p.rinen {
    text-align: center;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 640px) {
    .table p.rinen {
        font-size: 16px;
    }
}

.table {
    margin-bottom: 2%
}



.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.cp_qa {
    overflow-x: hidden;
    margin: 0 auto;
    color: #333333;
}
.cp_qa .cp_actab {
    padding: 2em;
    border-bottom: 1px dotted #cccccc;
}



.cp_qa label {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding-left: 50px;
    cursor: pointer;
    top: 0.4em;
    font-size: 1.2em;
    color: #fcaf3b;
		font-weight: 550;
}
.cp_qa .cp_actab-content {
    font-size: 1em;
    position: relative;
    overflow: hidden;
    height: 0;
    margin: 0 40px;
    padding: 0 14px;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
    height: auto;
    padding: 20px 10px 0;
    opacity: 1;
}
.cp_qa .cp_plus {
    font-size: 2.4em;
    line-height: 100%;
    position: absolute;
    z-index: 5;
    margin: 7px 0 0 10px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    color: #fcaf3b;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
    display: none;
}

.cp_qa01 .cp_actab input[type=checkbox] + label::after {
    content: '\25BC';
}
.cp_qa01 .cp_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.cp_qa a{
    color: #f15a24;
    font-weight: 600;
    border-bottom: 1px solid;
}
.cp_qa a:hover {
    color: #a1a1a1;
}


@media screen and (max-width: 600px) {
    .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
        padding: 20px 0;
        margin: 0;
    }
    .cp_qa .cp_actab {
        padding: 10px;
    }
    .cp_qa label {
        top: 0;
        font-size: 1.2em;
        padding-left: 20px;
    }
    .cp_qa .cp_plus {
        font-size: 2em;
        margin: 0;
    }
}

.flexbox{
    display: flex;
}

.flexbox .cnt{
    padding: 10px;
    align-self: center;
}

@media only screen and (max-width: 800px) {
    .flexbox{
        display: block;
    }
}

.cnt h2{
    font-size: 25px;
    line-height: 1.4;
}
.cnt h2 span{
    font-size: 18px;
}

@media screen and (max-width: 420px) {
    .table dl dt {
        width: 98%;
        padding: 1% 2%; }

    .table dl dd {
        font-size: 16px;
        width: 98%;
    }
}

.center{
    text-align: center;
    margin: auto;
}
  .cp_qa p{
    font-size: 20px;
}

 .cp_qa2 *, .cp_qa *:after, .cp_qa *:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }
    .cp_qa2 {
        overflow-x: hidden;
        margin: 0 auto;
        color: #333333;
    }
    .cp_qa2 .cp_actab {
        padding: 2em;
        border-bottom: 1px dotted #cccccc;
    }
    
    
    
    .cp_qa2 label {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding-left: 50px;
        cursor: pointer;
        top: 0.4em;
        font-size: 1.2em;
        color: #99bfe0;
		    font-weight: 550;
    }
    .cp_qa2 .cp_actab-content {
        font-size: 1em;
        position: relative;
        overflow: hidden;
        height: 0;
        margin: 0 40px;
        padding: 0 14px;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
        opacity: 0;
    }
    .cp_qa2 .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
        height: auto;
        padding: 20px 10px 0;
        opacity: 1;
    }
    .cp_qa2 .cp_plus {
        font-size: 2.4em;
        line-height: 100%;
        position: absolute;
        z-index: 5;
        margin: 7px 0 0 10px;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease;
        color: #99bfe0;
    }
    .cp_qa2 .cp_actab input[type=checkbox]:checked ~ .cp_plus {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .cp_qa2 .cp_actab input[type=checkbox] {
        display: none;
    }
    
    .cp_qa01 .cp_actab input[type=checkbox] + label::after {
        content: '\25BC';
    }
    .cp_qa01 .cp_actab input[type=checkbox]:checked + label::after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
    
    .cp_qa2 a{
        color: #f15a24;
        font-weight: 600;
        border-bottom: 1px solid;
    }
    .cp_qa2 a:hover {
        color: #a1a1a1;
    }
    
    
    @media screen and (max-width: 600px) {
        .cp_qa2 .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
            padding: 20px 0;
            margin: 0;
        }
        .cp_qa2 .cp_actab {
            padding: 10px;
        }
        .cp_qa2 label {
            top: 0;
            font-size: 1.2em;
            padding-left: 20px;
        }
        .cp_qa2 .cp_plus {
            font-size: 2em;
            margin: 0;
        }
    }
    
    .flexbox{
        display: flex;
    }
    
    .flexbox .cnt{
        padding: 10px;
        align-self: center;
    }
    
    @media only screen and (max-width: 800px) {
        .flexbox{
            display: block;
        }
    }
    
    .cnt h2{
        font-size: 25px;
        line-height: 1.4;
    }
    .cnt h2 span{
        font-size: 18px;
    }
    
    @media screen and (max-width: 420px) {
        .table dl dt {
            width: 98%;
            padding: 1% 2%; }
    
        .table dl dd {
            font-size: 16px;
            width: 98%;
        }
    }
    
    .center{
        text-align: center;
        margin: auto;
    }
    
}



/* #service
-----------------------------------------------------------------*/
#service{
    /*padding: 0;
    margin: 80px 0;*/
    height: 300px;
    background: url(../images/main_01.jpg) no-repeat 50% 50% ;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width:1024px) {
    #service{
        height: 200px;
    }

}
@media screen and (max-width:500px) {
    #service{
        height: 100px;
    }

}

#service .wrap{
    position: relative;
    text-align: center;
    /* 	background: #fff;*/
    /*	opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    */
}

#service .note{
    padding-top: 150px;
    width: 100%;
    color: #fff;
}

#service .note h2{
    /*	color: #fb6e1a;*/
    line-height: 1.5;
    font-size: 400%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service .note h2 span1{
    /*	color: #098eb2;*/
    line-height: 1.9;
    font-weight: 500;
    font-size: 80%;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service .note h2 span{
    /*	color: #4f4f4f;*/
    line-height: 1.9;
    font-size: 80%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}


#service .note p{
    margin-top: 20px;
    /*	color: #4f4f4f;*/
    line-height: 1.9;
    font-size: 120%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}


#service .note h3{
    padding-top: 8px;
    line-height: 2;
    text-align: right;
    font-weight: 500;
}
#service .note img{
    margin: 20px;

}


.right {
    float: right;
    margin-right:10px;
    padding: 5px 0 5px 5px;
}

#service .img{
    display: none;
    margin-right: 30px;
    float: right;
    padding:5px;
}



#service1{
    padding: 20px 0px;
    background: #fff;
    margin-top: 20px;
}
#service1 .wrap{
    position: relative;
}


#service1 .note2{
    margin: 1% ;
    padding: 1%
        width: 46%;
    margin-bottom:0px;
}

#service1 .note2 h2{
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 380%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
    text-align: left;
}



#service2{
    padding: 20px 0px 50px;
    background: #fff;
    margin-top: 20px;
    /* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
    background-position: right;  */
}
#service2 .wrap{
    position: relative;
    /* 	background: #fff;*/
    /*	opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    */
}

#service2 .note{
    margin: 1%;
    padding: 1%;
    width: 96%;
    margin-bottom:0px;
}
#service2 .note h2{
    font-size: 200%;
    font-weight: 500;
    /* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
    text-align: center;
}


#service2 .note h2 span1{
    color: #098eb2;
    line-height: 1.9;
    font-weight: 500;
    font-size: 80%;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note h2 span{
    color: #000;
    line-height: 1.9;
    font-size: 80%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}




#service2 .note2{
    margin: 4%;
    padding: 1%;
    width: 90%;
    margin-bottom:0px;
    float: left;
}

#service2 .note2 h2{
    color: #000;
    line-height: 1.9;
    font-size: 200%;
    font-weight: 500;
    /* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
    text-align: left;
}


#service2 .note2 p{
    color: #000;
    line-height: 1.9;
    /*font-size: 120%; */
    font-weight: 400;
    /* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
    text-align: left;
}

#service2 .note2 img{
    margin: 0 20px 0;
    float: right;


}


#service2 .note3{
    margin: 50px 140px 0;
    padding: 10px 10px;
    width: 80％;
    /*border: 1px solid #999;*/
    text-align: center;
}
#service2 .note3 h2{
    text-align: left;
    padding-left: 10px;
}

#service2 .note3 .bannerA{
    width: 100%;
    text-align:left;
}

.bannerA img a:hober{
    padding: 0 0px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";}

#service2 .note3 .bannerB{
    width: 100%;
    text-align:left;
}
#service2 .note3 .bannerC{
    margin-top: 15px;
    width: 100%;
    text-align:right;
}
#service2 .note3 .bannerA p{
    padding-left: 8px;
    margin-top: 0px;
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 110%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note3 h2 a:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

#service2 .note3 p{
    padding: 0;
    /* margin-top: 0px; */
    color: #4f4f4f;
    font-size: 100%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note4{
    margin: 5px 5% 0;
    width: 90%;
    height:20px;
}





#service4{
    padding: 20px 0px 50px;
    background: #fff;
    margin-top: 20px;
    /* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
    background-position: right;  */
}
#service4 .wrap{
    position: relative;
    /* 	background: #fff;*/
    /*	opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    */
}

#service4 .note{
    margin: 0 40px;
    padding: 10px;
    width: 90%;
    margin-bottom:0px;
    text-align:center;
}

#service4 .note2{
    margin: 50px 40px;
    padding: 12px;
    width: 90%;
    margin-bottom:0px;
}

#service4 .note2 h2{
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 380%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
    text-align: left;
}

#service4 .note2 p{
    margin-top: 20px;
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 120%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}



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

    #service2 .note{
        width: 95%;
        margin: 0 2.5%;
    }

    #service2 .note h2{
        font-size:18px;
    }

    #service2 .note2 h3{
        font-size:16px;
    }



    #service2 .note2{
        width: 100%;
        padding: 5%;
        margin: 0 auto;
    }
    #service2 .note2  h2{
        font-size:18px;
        border-bottom:1px solid #ddd;
        margin-bottom:5px;
    }





    #service2 .note2 img {
        max-width:220px;
        margin: 0 auto;
        width:90%;
        padding:2%;
    }
}
.contactbox{
	text-align:center;
	max-width: 800px;
	margin: 0px　auto 60px;
	margin:2em 0;
	position: relative;
	padding: 0.5em 1.5em;
	border: solid 2px #0d5484;
	margin-left: auto;
	margin-right: auto;
}
.contactbox .size22 a{
	font-weight: 550;
	font-size:160%;
	color:#72aee6;
}

.contactbox p {
	padding:15px;
	font-size: 16px;
	line-height: 1.9;
    text-align:center;
}

.contactbox a:hover{
	color:#ccc;
	text-decoration: none;
}


/* .btnB  */
.btnB {
    display: inline-block;
    width: 160px;
    max-width: 100%;
    padding: 0;
    margin: 10px 10px;
    color: #fff;
    background: #fca63b;
    /* border: #3f3d3d 1px solid; */
    /* border-bottom: #3f3d3d 1px solid; */

    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 2px;
}
.btnB:after {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 38px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btnB:hover {
    color: #fff;
    background: #fca63bba;
}
.btnB:hover:after {
    right: 10px;
}


.btnmenuB{
    color: #fff;
    background: #fca63b;
   
}
.btnmenu:hoverB{
    color: #373535;
    background: none;
     border: #373535 1px solid;
}

/* .btnC  */
.btnC {
    display: inline-block;
    width: 160px;
    max-width: 100%;
    padding: 0;
    margin: 10px 10px;
    font-weight: 550;
    color: #fca63b;
    background: #fff;
    border: #fca63b 1px solid;
    border-bottom: #fca63b 1px solid;

    font-size: 14px;
    text-decoration: none;
    text-align: center;
   
    line-height: 38px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 2px;
}
.btnC:after {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 38px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btnC:hover {
    color: #fff;
    background: #fca63bba;
    border: solid 1px #fca63bba;
}
.btnC:hover:after {
    right: 10px;
}






.page-section .quality p:after{
 content: '';
 border-top: solid 1px #ddd;
 /* border-right: solid 1px #ddd; */
 border-bottom: solid 1px #ddd;
 right: 0;
}


.page-section .quality p span{
   color:#b32424;
   font-weight:600;
     font-size:1.6rem;
}

.page-section .quality h2{
    font-size:1.6rem;
}


@media(max-width:499px) {
 .quality {
  width: 95%;
  margin:20px auto;
  text-align: left;
  
  padding-top:30px;
  /* float:left; */
}
}


.reborn_contents{}

.reborn_contents h3{margin-top:60px!important}




.content-box {
   width: 100%;
   max-width: 1280px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 90px;
}

.content-box p {
   font-size: 15px;
   line-height: 220%;
   margin-bottom: 1.4em;
}

.content-box .photo {
   margin-top: 40px;
   margin-bottom: 40px;
   text-align: center;
}

.content-box .photo img {
   max-width: 100%;
   height: auto;
}

.tel a{
    font-size:1.6rem;
    color:#b32424;
}
.tel a:hover{
    font-size:1.6rem;
    color:#b32424ad;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
    .inquiry th,.inquiry td {
     display:block!important;
     width:100%!important;
     border-top:none!important;
     -webkit-box-sizing:border-box!important;
     -moz-box-sizing:border-box!important;
     box-sizing:border-box!important;
    }
    .inquiry tr:first-child th{
     border-top:1px solid #d7d7d7!important;
    }
    /* 必須・任意のサイズ調整 */	
    .inquiry .haveto,.inquiry .any {	
    font-size:10px;
    }}
    /*見出し欄*/
    .inquiry th{
     text-align:left;
     font-size:14px;
     color:#444;
     padding-right:5px;
     width:30%;
     background:#f7f7f7;
     border:solid 1px #d7d7d7;
    }
    /*通常欄*/
    .inquiry td{
     font-size:13px;
     border:solid 1px #d7d7d7;	
    }
    /*横の行とテーブル全体*/
    .entry-content .inquiry tr,.entry-content table{
     border:solid 1px #d7d7d7;	
    }
    /*必須の調整*/
    .haveto{
     font-size:7px;
     padding:5px;
     background:#ff9393;
     color:#fff;
     border-radius:2px;
     margin-right:5px;
     position:relative;
     bottom:1px;
    }
    /*任意の調整*/
    .any{
     font-size:7px;
     padding:5px;
     background:#93c9ff;
     color:#fff;
     border-radius:2px;
     margin-right:5px;
     position:relative;
     bottom:1px;
    }
    /*ラジオボタンを縦並び指定*/
    .verticallist .wpcf7-list-item{
     display:block;
    }
    /*送信ボタンのデザイン変更*/
    #formbtn{
     display: block;
     padding:1em 0;
     margin-top:30px;
     width: 40%;
     background:#ffaa56;
     color:#fff;
     font-size:18px;
     font-weight:bold;
     border-radius:2px;
     border: none;
     /* text-align: center; */
     margin:  0 auto;
    }
    /*送信ボタンマウスホバー時*/
    #formbtn:hover{
     background:#fff;
     color:#ffaa56;
    }

    ------------- カード・4カラム ------------- */
.card_04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card_04 .card {
    width: calc(25% - 40px * 3/4);
    margin-right: 40px;
}

.card_04 .card:nth-child(4n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .card_04 .card {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }
    .card_04 .card:nth-child(1) {
        margin-top: 0px;
    }
}

/* ------------- カード・4カラム #syouyaku------------- */
#syouyaku .card_04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#syouyaku .card_04 .card {
    width: calc(28% - 20px * 2/3);
    margin: 0 auto;
    border: solid 1px #cfcfcf;
}

#syouyaku .card_04 .card .image {
    padding:0;
}

#syouyaku .card_04 .card h3 {
    padding-top:15px;
    text-align: center;
}

#syouyaku .card_04 .card p {
    margin: 0 auto;
    padding: 0.7rem;
}


#syouyaku .card_04 .card:nth-child(4n) {
    margin-right: 0;
}

#syouyaku .card_04 .card .Link  {
    margin-bottom: 15px;
}

#syouyaku .card_04 .card .Link a  {
    margin:auto 0;
}

#syouyaku .card_04 .card .effect {
    margin: 0;
}

@media screen and (max-width: 767px) {
    #syouyaku .card_04 .card {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }
    .card_04 .card:nth-child(1) {
        margin-top: 0px;
    }
}
.Link {
    text-align: center;
    max-width: 142px;
    width: 100%;
    margin: 10px auto 0;
    border-bottom: 1px dashed #363636;
}

.Link a {
    color: #363636;
    font-family: 'ヒラギノ明朝 ProN';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@charset "utf-8";

/*Icons style */
.icon-style	img{
    background: var(--nv-secondary-accent);
 padding: 16px;
}

/* Style the field labels */

div.wpforms-container-full .wpforms-form .wpforms-field-label {
   display: block;
   font-weight: 400;
   font-size: 16px;
   float: none;
   line-height: 1.3;
   margin: 0 0 4px 0;
   padding: 0;
 color:white;
}

/* Change the color of the required mark */
div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#fff;}

/* Style the text area */

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea input {
   background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 120px;
   width: 100%;
   line-height: 1.3;
}


/* Style the text and email inputs */
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email]{
   
    background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 60px;
   width: 100%;
   line-height: 1.3;
}

/* Style the submit button */
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
       background-color: var(--nv-primary-accent);
   border: none;
   color: #fff;
   font-size: 0.9em;
       text-transform:uppercase;
       font-weight:600;
   padding: 15px 25px;
   
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
       background-color: var(--nv-secondary-accent);
   border: none;
   color: #121212;
   font-size: 0.9em;
       text-transform: uppercase;
       font-weight:600;
   padding: 15px 25px;
   
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{
 border: none;
}

.nv-single-page-wrap{
   margin-bottom: 0px;
}

.entry-title{font-size:25px}

/* ======== table.tableOther ======== */
table.sheet {border-collapse: collapse;text-align: left;font-size:14px;letter-spacing:1px;line-height:2;width:100%;max-width: 1200px;color: #333;margin: 0 auto;}
table.sheet tr { }
table.sheet tr.dbl {border-bottom: #ddd double ;}
table.sheet th {width:25%;padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
table.sheet th.dbl {border-bottom: #ddd double ;}
table.sheet td {padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-left:none;}
table.sheet td .linkArea {margin-top:10px;text-align:left;}
table.sheet td .linkArea a.btn {margin:0;}
table.sheet td.dbl {border-bottom: #ddd double ;}



@media only screen and (max-width: 950px) {
table.sheet th {width:30%;padding:20px;}
table.sheet td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
table.sheet { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
table.sheet { font-size:12px;}	
}
@media only screen and (max-width: 414px) {
table.sheet th {width:30%;padding:15px;}
table.sheet td {padding:15px;}		
}

.head_test {
   margin: 0;
   font-size: 18px;
   position: relative;
   font-weight: normal;
   display: inline-block;
   background-color: #fff;
   color: #14357b;
   margin-left: 20px;
   padding: 0 10px;
}
.head_test-wrap {
   position: relative;
   margin-bottom: 30px;
}
.head_test-wrap:before {
   content: '';
   background-color: #14357b;
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
   height: 2px;
   top: 0;
   bottom: 0;
   margin: auto;
}
@media screen and (min-width: 768px) {
   .head_test {
       margin: 0;
       font-size: 26px;
       position: relative;
       font-weight: normal;
       display: inline-block;
       background-color: #fff;
       color: #14357b;
       margin-left: 20px;
       padding: 0 30px;
   }
}
.btnmore {
   display: inline-block;
   padding: 0px 20px 3px 20px;
   margin: 0 15px;
   font-size: 13px;
   text-decoration: none;
   text-align: center;
   line-height: 2;
   letter-spacing: 1px;
   position: relative;
   color: #fefefe;
   background: #fcaf3b;
   border: #fff 1px solid;
   -webkit-border-radius: 1.5em;
   -moz-border-radius: 1.5em;
   border-radius: 1.5em;
   max-width: 100%;
}
.btnmore:after {
   font-family: 'themify';
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 0;
   right: 10px;
   z-index: 1;
   line-height: 2.5;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}
.btnmore:hover {
   color: #333;
   background: #999;
   color: #fff;
   border: #999 1px solid;
   border: #999 1px solid;
   }
h1, .single h1.entry-title{
       font-size: 40px;
   line-height: 1.3em;
   letter-spacing: 0px;
   }

/* リストcss */
.box {
   display:flex;
   flex-direction: column;
   padding: 20px;
 }

 .text {
   width: 100%;
/*     text-align: center; */
 }
 
 h3 {
   font-size: 21px;
   margin: 0;
   color: #121212;
 }
 
 .pict {
   width: 100%;
   text-align: center;
   min-height: 0%;
 }

  .text p{
     text-align: left;
     font-size:15px;
   }

 
 .pict img {
   max-width: 500px;
   height:auto;
   width: 100%;
 }
 .box:nth-child(even) {
   /* background-color: #fcf6e4; */
   padding: 20px;
 }
 
 @media (min-width:768px) {
   body {
     padding: 0px;
   }
   .box {
     flex-direction: row;
     justify-content: space-between;
     margin-bottom: 20px;
     border-bottom: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 80px;
   }
   .box:nth-child(even) {
     flex-direction: row-reverse;
     padding-bottom: 80px;
     padding-top: 80px;
   }
   
   .text {
     text-align: left;
   }
 
   .text h2{
     text-align: left;
   }
     .text p{
     text-align: left;
     font-size:15px;
   }
 
   .box:nth-child(even) .text {
     text-align: right;
   }
   .pict {
     width: 100%;
   }
   .pict img {
     width: 98%;
     height:auto;
   }
   .box:nth-child(even) .pict {
     margin-left: 0;
     margin-right: 3%;
   }
 }

.page_title_txt{
   font-size: 35px;
   line-height: 1.5;
}

.recruit ul, ol {
   padding: 0;
   position: relative;
 }

 .recruit ol {
   padding: 0;
   position: relative;
 }
 
 .recruit ul li {
   color: black;
   border-left: solid 8px #fca63b;/*左側の線*/
   border-bottom: solid 2px #dadada;/*下に灰色線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
   line-height: 1.5;
   padding: 0.7em;
   list-style-type: none!important;/*ポチ消す*/
   text-align: left;
   font-weight: 550;
 }

 .recruit ol li {
   color: black;
   border-left: solid 6px #fca63b;/*左側の線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
    line-height: 1.5;
   padding: 0.5em;
   list-style-type: none!important;/*ポチ消す*/
 }
.box .page_title_txt{
   color:black;
}

/* -----------------------------------------------------------
#sub_works_area
----------------------------------------------------------- */
   
   #sub_works_area {
       padding: 50px 50px;
       /* background: url(../images/common/noise.png) repeat #f5f5f5; */
       /*background: #faf9f9;*/
       /* width: 95%; */
       margin: 80px auto;
   }
   
   #sub_works_area .central {
       width: 100%;
       max-width: 1200px;
       margin: 0 auto;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works_area {
           padding: 0;
       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works_area {
           padding: 0;
       }
   }
/* -----------------------------------------------------------
#sub_works
----------------------------------------------------------- */
   
   #sub_works {
       /* float: right; */
       width: 100%;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works {
           width: 100%;

       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works {
           padding: 20px 0;
       }

     
   }
   /* --------- .worksArea --------- */
   
   .worksArea {
       z-index: 3;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: stretch;
       padding:1%;
   justify-content: flex-start;}
   
   .worksArea .worksBox {
       flex: 0 0 31%;
       align-items: stretch;
       background: #fff;
       border: 1px solid #ddd;
       /* border-radius: 0.5em; */
       margin: 1%;
       }
   
/*      .worksArea .worksBox:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
*/
.worksBox:hover {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }







   /* .inner */
   
   .worksArea .worksBox .inner {
       position: relative;
       padding: 10px;
       z-index: 2;
       /* border: 1px solid #ddd; */
       border-radius: 1em;
       text-align: center;
   }
   
   .worksArea .worksBox .inner:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
   
   .worksBox:hover .inner:before {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }
   
   .worksArea .worksBox .inner .imgArea {
        text-align: center;
   }

   .worksArea .worksBox .inner .imgArea img{
       width: 100%;
       margin: 0 auto;
       /* max-width: 150px; */
   }
/* 
   .worksArea .worksBox .inner img {
       width: 100%;
       margin: 0 auto;
       max-width: 150px;
       text-align: center;
   } */
   
   .worksArea .worksBox .inner h2 {
       text-align: center;
       color: #fcaf3b;
       margin: 10px 0;
       font-weight: 600;
       font-size: 18px;
       display: block;
   }
   
   .worksArea .worksBox .inner h2:after {
       content: '';
       display: block;
       width: 147px;
       height: 1px;
       background-color: #fcaf3b;
       position: relative;
       bottom: 0px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       color:#fff;
   }

   .worksArea .worksBox .inner:hover {
       color:#fff;
   }

   .worksArea .worksBox .inner:hover h2 {
       color:#fff;
   }


   /* ul.category */
   
   .worksArea .worksBox ul.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox ul.category li {
       display: inline-block;
       color: #fefefe;
       background:#fcaf3b;
       font-size: 13px;
       font-weight: 500;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       padding: 0 35px 0 25px;
       position: relative;
       z-index: 1;
   }
   
   .worksArea .worksBox ul.category li:after {
       position: absolute;
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: "\e649";
       vertical-align: 0;
   }


.worksArea .worksBox p.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox p.category {
       /* display: inline-block; */
       color: #fefefe;
       background: #fcaf3b;
       font-size: 13px;
       font-weight: 550;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       /* padding: 0 35px 0 25px; */
       /* position: relative; */
       z-index: 1;
       width: 150px;
       margin: 0 auto;
   }
   
   .worksArea .worksBox p.category:after {
      /*  position: absolute; */
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: ">";
       vertical-align: 0;
   }












   
      
   .worksArea .worksBox p.date {
       position: absolute;
       top: 20px;
       left: 7.5%;
       font-family: 'Poppins', sans-serif;
       font-weight: 500;
       line-height: 40px;
       font-size: 0;
       display: none;
   }
   
   .worksArea .worksBox .inner h3 {
       font-size: 15px;
       font-weight: 500;
       line-height: 2;
       letter-spacing: 1px;
       padding: 0;
       margin-top: 10px;
       text-align: center;
   }
   
   .worksArea .worksBox .icon_award {
       position: absolute;
       top: 15px;
       right: 7.5%;
       width: 55px;
       height: 55px;
       content: "";
       background: url(../images/common/icon_award.png) center center no-repeat;
       background-size: cover;
       z-index: 2;
   }
   
   @media only screen and (max-width: 900px) {
       .worksArea .worksBox .inner {
           padding: 50px 7.5% 50px;
       }
       .worksArea .worksBox .inner p{
           display:block;
       }
       
       .worksArea .worksBox .inner:before {
           display: none;
       }


       .worksArea .worksBox .inner:hover {
           color:#fff;
           background:#fcaf3b;
           border-radius:0.5em;
       }

       .worksArea .worksBox .inner:hover h2 {
           color:#fff;
       
       }

       
       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: -35px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           padding: 0 15px 0 30px;
           /* margin-top: 50px; */
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
       }
       /*.worksArea .worksBox p.date span { font-size: 13px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 14px;
           display: block;
       }
       /* .icon_award */
       .worksArea .worksBox .icon_award {
           top: 10px;
           right: 7.5%;
           width: 50px;
           height: 50px;
       }
   }
   
   @media only screen and (max-width: 736px) {

       .worksArea .worksBox .inner {
           padding: 40px 7.5% 30px;
       }
       .worksArea .worksBox .inner:before {
           display: none;
       }


       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: 0px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 11px;
           line-height: 25px;
           letter-spacing: 1px;
           padding: 0 10px 0 20px;
       }
       .worksArea .worksBox ul.category li:before {
           left: 5px;
           font-size: 1em;
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
           line-height: 30px;
       }
       /*.worksArea .worksBox p.date span { font-size: 11px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 11px;
           line-height: 1.8;
           margin-top: 5px;
       }

        .worksArea .worksBox {
           flex: 0 0 49%;
           margin-bottom:10px;
        }

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

       .worksArea {
           z-index: 3;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
           align-items: stretch;
           padding:20px;
       }
   

       .worksArea .worksBox {
           flex: 0 0 100%;
           margin-bottom: 20px;
       }

      



   }
   
   @media only screen and (max-width: 414px) {
       .worksArea .worksBox p.date {
           letter-spacing: 0.5px;
       }
       .worksArea .worksBox .inner h3 {
           line-height: 1.8;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 9px;
           padding: 0 20px 0 20px;
       }
       .worksArea .worksBox .icon_award {
           top: 6px;
           right: 4%;
           width: 30px;
           height: 30px;
       }
   }




/* -----------------------------------------------------------
 #home_news
  ----------------------------------------------------------- */

  #home_news {
   /* float: left; */
   /* width: 33%; */
   padding: 90px 0;
   /*background: url(../images/pattern/noise.png) repeat #d9e3eb;*/
}

@media only screen and (max-width: 900px) {
   #home_news {
       float: none;
       width: 100%;
       /* background: #f0f0f0; */
       padding: 80px 5%;
   }
}

@media only screen and (max-width: 736px) {
   #home_news {
       padding: 70px 0%;
   }
}



@media only screen and (max-width: 500px) {
   #home_news {
       padding: 70px 0;
   }
}




/* --------- .newsArea --------- */

#home_news .newsArea {
   /* margin: 0 auto; */
   /* max-width: 900px; */
}

#home_news .newsArea .top-blog__list{z-index: 3;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;padding: 1%;}

#home_news .newsArea dl {
   flex: 0 0 32%;
   align-items: stretch;
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 0.5em;
   margin: 0;
   cursor:pointer;
}

#home_news .newsArea dl:hover {
   background:#f3abab;
   color:#fff;
}

@media only screen and (max-width: 500px) {
   #home_news .newsArea .top-blog__list{
   display:flex;
   flex-flow: column;
   padding: 1% 20px;
   }

#home_news .newsArea dl {
   width: 100%;
   padding: 0;
   margin: 0 auto;
}
   
}




#home_news .newsArea dl:first-child {
   margin: 0;
}

#home_news .newsArea dl dt {
   display: block;
   margin: 0;
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   padding: 20px 20px 0;
}

#home_news .newsArea dl dt span {
   padding-left: 5px;
   color: #e96c36;
}

#home_news .newsArea dl dd {
   display: flex;
   flex-flow: column;
   padding: 20px;
   justify-content: center;
   margin: 0;
}

#home_news .newsArea dl dd img{
   width:60px;
   width: 100%;
   height: 200px;
   object-fit: cover;
}




#home_news .newsArea dl a {
   /* position: absolute; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
}

#home_news .newsArea dl:after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 100%;
   height: 0;
   content: "";
   border-bottom: transparent 3px solid;
   z-index: 1;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

#home_news .newsArea dl:hover:after {
   right: 0;
   border-color: #fcaf3b;
}

@media only screen and (max-width: 900px) {
   #home_news .newsArea dl:after {
       display: none;
   }
}

@media only screen and (max-width: 736px) {
   #home_news .newsArea dl {
       flex: 0 0 49%;
       margin-bottom:10px;
       font-size: 12px;
   }

}




/* ----------------------------------------------------------
  .headline
  ---------------------------------------------------------- */

.headline {
   margin-bottom: 30px;
   text-align: center;
   position: relative;
   z-index: 1;
}

.headline h2.en {
   font-size: 16px;
   /*     font-family: 'Poppins', sans-serif; */
   font-weight: 700;
   letter-spacing: 2px;
   line-height: 1;
}

.headline h2.jp {
   font-size: 22px;
   font-weight: 600;
   letter-spacing: 2px;
   margin-top: 10px;
   margin-bottom: 5px;
}

@media only screen and (max-width: 900px) {
   .headline {
       margin-bottom: 45px;
   }
   .headline h2.en {
       /* font-size: 30px; */
   }
   .headline h2.jp {
       font-size: 18px;
       font-weight: 700;
       letter-spacing: 1px;
       line-height: 1;
       margin-top: 15px;
       margin-bottom: 10px;
   }
}

@media only screen and (max-width: 736px) {
   .headline {
       margin-bottom: 40px;
   }
   .headline h2.en {
       font-size: 14px;
   }
   .headline h2.jp {
       /* font-size: 13px; */
       margin-top: 10px;
   }
}

@media only screen and (max-width: 414px) {
   .headline h2.jp {
       /* font-size: 12px; */
   }
}

/* news more */
.news-more_ares {
   width: 90%;
   text-align:center;
   margin: 15px auto;
}
.news-more{
   margin: 0 3px 15px;
   display: inline-block;
   width: 200px;
   max-width: 100%;
   margin: 0 auto;
   color: #fff;
   background: #fcaf3b;
   font-size: 13px;
   line-height: 25px;
   text-align: center;
   letter-spacing: 1px;
   position: relative;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 5em;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
   padding-bottom: 3px;
}

.news-more:after {
   font-family: 'themify';
   content: "\e649";
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 2px;
   right: 12px;
   z-index: 1;
   -webkit-transition: right 0.3s ease;
   -moz-transition: right 0.3s ease;
   transition: right 0.3s ease;
}
.news-more:hover {
   color: #fff;
   /*     border: #9E9E9E 1px solid; */
   background: #464544;
}
.news-more:hover:after {
   right: 10px;
}



/* -----------------------------------------------------------

#breadcrumb

----------------------------------------------------------- */

#breadcrumb {margin: 0px 0;padding: 15px 20px;position:relative;z-index:1;text-align: right;/* background: #fbfbfb; *//* border-bottom: 1px solid #e1e1e1; */}
#breadcrumb ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
#breadcrumb li {display: inline-flex;list-style: none;font-size: 12px;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;margin: 0;padding: 0;letter-spacing: 0.5px;height:20px;line-height:20px;}
#breadcrumb li:after {color: #322961;font-size: 10px;font-family: 'themify';content: "\e649";font-weight: normal;margin: 0 8px;height:20px;line-height:20px;}
#breadcrumb li:last-child:after { display:none;}
#breadcrumb li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
#breadcrumb li a { position:relative; z-index:1; font-weight: 400; height:20px; line-height:20px; }
#breadcrumb li a:hover { color: #322961; }
#breadcrumb li:first-child a:before {padding-right:5px;color: #322961; font-size: 11px; font-family: 'themify'; content: "\e69b";}
#breadcrumb li a:after { position: absolute; bottom: -4px; left: -2px; width: 100%; height: 0; display: block; border-bottom:#322961 1px solid;content: ""; z-index: -1; -webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
#breadcrumb li a:hover:after  { -webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

@media only screen and (max-width: 900px) {
#breadcrumb {margin: 0px 0 0;padding:20px 5%;border-top:none;}
#breadcrumb:before { display:none;}
#breadcrumb li a:hover {color: #111;}
#breadcrumb li a:hover:after { display:none;}
}

@media only screen and (max-width: 414px) {
#breadcrumb { padding:18px 5% 16px; border-top:none;}
#breadcrumb ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
#breadcrumb li {font-size: 13px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;}
#breadcrumb li:after { margin: 0 5px;}
#breadcrumb li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;}
#breadcrumb li:first-child a {font-size: 0;width:auto;padding-bottom: 7px;}
#breadcrumb li:first-child a:before {padding-right:0;font-size: 13px;}
}

@media only screen and (max-width: 320px) {
#breadcrumb li:last-child { width:6em;}
}
p.catch {
    font-size: 16px;
    line-height: 2.5;
    font-weight: 300;
letter-spacing: 0.9px;
    color: #2A2929;
}

p.catch span {
    background: #e5e5e5;
    padding: 2px 10px;
    border-radius: 3em;
    /* color: #fff; */
    font-size: 13px;
}

/*Icons style */
.icon-style	img{
    background: var(--nv-secondary-accent);
 padding: 16px;
}

/* Style the field labels */

div.wpforms-container-full .wpforms-form .wpforms-field-label {
   display: block;
   font-weight: 400;
   font-size: 16px;
   float: none;
   line-height: 1.3;
   margin: 0 0 4px 0;
   padding: 0;
 color:white;
}

/* Change the color of the required mark */
div.wpforms-container-full .wpforms-form .wpforms-required-label{color:#fff;}

/* Style the text area */

div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea textarea, div.wpforms-container-full .wpforms-form .wpforms-field.wpforms-field-textarea input {
   background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 120px;
   width: 100%;
   line-height: 1.3;
}


/* Style the text and email inputs */
div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=email]{
   
    background-color: white;
   box-sizing: border-box;
   border-radius:0px;
   color: #333;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   display: block;
   float: none;
   font-size: 16px;
   border: none;
   padding: 5px 10px;
   height: 60px;
   width: 100%;
   line-height: 1.3;
}

/* Style the submit button */
div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
       background-color: var(--nv-primary-accent);
   border: none;
   color: #fff;
   font-size: 0.9em;
       text-transform:uppercase;
       font-weight:600;
   padding: 15px 25px;
   
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus {
       background-color: var(--nv-secondary-accent);
       border: none;
       color: #121212;
       font-size: 0.9em;
       text-transform: uppercase;
       font-weight:600;
       padding: 15px 25px;
}

div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form input[type=submit]:focus, div.wpforms-container-full .wpforms-form input[type=submit]:active, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:focus, div.wpforms-container-full .wpforms-form button[type=submit]:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:active, div.wpforms-container-full .wpforms-form .wpforms-page-button:focus{
 border: none;
}

.nv-single-page-wrap{
   margin-bottom: 0px;
}

.entry-title{font-size:25px}

/* ======== table.tableOther ======== */
table.sheet {border-collapse: collapse;text-align: left;font-size:14px;letter-spacing:1px;line-height:2;width:100%;max-width: 1200px;color: #333;margin: 0 auto;}
table.sheet tr { }
table.sheet tr.dbl {border-bottom: #ddd double ;}
table.sheet th {width:25%;padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-right:#ddd 1px dashed;border-right: #ddd 1px solid;}
table.sheet th.dbl {border-bottom: #ddd double ;}
table.sheet td {padding: 15px;vertical-align: 0;border: #ddd 1px solid;border-left:none;}
table.sheet td .linkArea {margin-top:10px;text-align:left;}
table.sheet td .linkArea a.btn {margin:0;}
table.sheet td.dbl {border-bottom: #ddd double ;}



@media only screen and (max-width: 950px) {
table.sheet th {width:30%;padding:20px;}
table.sheet td {padding:20px;}	
}

@media only screen and (max-width: 800px) {
table.sheet { font-size:13px;}	
}
@media only screen and (max-width: 738px) {
table.sheet { font-size:12px;}	
}
@media only screen and (max-width: 414px) {
table.sheet th {width:30%;padding:15px;}
table.sheet td {padding:15px;}		
}

.head_test {
   margin: 0;
   font-size: 18px;
   position: relative;
   font-weight: normal;
   display: inline-block;
   background-color: #fff;
   color: #14357b;
   margin-left: 20px;
   padding: 0 10px;
}
.head_test-wrap {
   position: relative;
   margin-bottom: 30px;
}
.head_test-wrap:before {
   content: '';
   background-color: #14357b;
   display: block;
   position: absolute;
   left: 0;
   width: 100%;
   height: 2px;
   top: 0;
   bottom: 0;
   margin: auto;
}
@media screen and (min-width: 768px) {
   .head_test {
       margin: 0;
       font-size: 26px;
       position: relative;
       font-weight: normal;
       display: inline-block;
       background-color: #fff;
       color: #14357b;
       margin-left: 20px;
       padding: 0 30px;
   }
}
.btnmore {
   display: inline-block;
   padding: 0px 20px 3px 20px;
   margin: 0 15px;
   font-size: 13px;
   text-decoration: none;
   text-align: center;
   line-height: 2;
   letter-spacing: 1px;
   position: relative;
   color: #fefefe;
   background: #fcaf3b;
   border: #fff 1px solid;
   -webkit-border-radius: 1.5em;
   -moz-border-radius: 1.5em;
   border-radius: 1.5em;
   max-width: 100%;
}
.btnmore:after {
   font-family: 'themify';
   font-size: 12px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 0;
   right: 10px;
   z-index: 1;
   line-height: 2.5;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
}
.btnmore:hover {
   color: #333;
   background: #999;
   color: #fff;
   border: #999 1px solid;
   border: #999 1px solid;
   }
h1, .single h1.entry-title{
       font-size: 40px !important;
       line-height: 1.3em;
       letter-spacing: 0px;
   }

/* リストcss */
.box {
   display:flex;
   flex-direction: column;
   padding: 20px;
 }

 .text {
   width: 100%;
/*     text-align: center; */
 }
 
 h3 {
   font-size: 21px;
   margin: 0;
   color: #121212;
 }
 
 .pict {
   width: 100%;
   text-align: center;
   min-height: 0%;
 }

  .text p{
     text-align: left;
     font-size:15px;
   }

 
 .pict img {
   max-width: 500px;
   height:auto;
   width: 100%;
 }
 .box:nth-child(even) {
   /* background-color: #fcf6e4; */
   padding: 20px;
 }
 
 @media (min-width:768px) {
   body {
     padding: 0px;
   }
   .box {
     flex-direction: row;
     justify-content: space-between;
     margin-bottom: 20px;
     border-bottom: 1px solid #eee;
     padding-top: 80px;
     padding-bottom: 80px;
   }
   .box:nth-child(even) {
     flex-direction: row-reverse;
     padding-bottom: 80px;
     padding-top: 80px;
   }
   
   .text {
     text-align: left;
   }
 
   .text h2{
     text-align: left;
   }
     .text p{
     text-align: left;
     font-size:15px;
   }
 
   .box:nth-child(even) .text {
     text-align: right;
   }
   .pict {
     width: 100%;
   }
   .pict img {
     width: 98%;
     height:auto;
   }
   .box:nth-child(even) .pict {
     margin-left: 0;
     margin-right: 3%;
   }
 }

.page_title_txt{
   font-size: 35px;
   line-height: 1.5;
}

.recruit ul, ol {
   padding: 0;
   position: relative;
 }

 .recruit ol {
   padding: 0;
   position: relative;
 }
 
 .recruit ul li {
   color: black;
   border-left: solid 8px #fca63b;/*左側の線*/
   border-bottom: solid 2px #dadada;/*下に灰色線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
   line-height: 1.5;
   padding: 0.7em;
   list-style-type: none!important;/*ポチ消す*/
   text-align: left;
   font-weight: 550;
 }

 .recruit ol li {
   color: black;
   border-left: solid 6px #fca63b;/*左側の線*/
   background: whitesmoke;/*背景色*/
   margin-bottom: 3px;/*下のバーとの余白*/
    line-height: 1.5;
   padding: 0.5em;
   list-style-type: none!important;/*ポチ消す*/
 }
.box .page_title_txt{
   color:black;
}

/* -----------------------------------------------------------
#sub_works_area
----------------------------------------------------------- */
   
   #sub_works_area {
       padding: 50px 50px;
       /* background: url(../images/common/noise.png) repeat #f5f5f5; */
       /*background: #faf9f9;*/
       /* width: 95%; */
       margin: 80px auto;
   }
   
   #sub_works_area .central {
       width: 100%;
       max-width: 1200px;
       margin: 0 auto;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works_area {
           padding: 0;
       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works_area {
           padding: 0;
       }
   }
/* -----------------------------------------------------------
#sub_works
----------------------------------------------------------- */
   
   #sub_works {
       /* float: right; */
       width: 100%;
   }
   
   @media only screen and (max-width: 900px) {
       #sub_works {
           width: 100%;

       }
   }
   
   @media only screen and (max-width: 736px) {
       #sub_works {
           padding: 20px 0;
       }

       h1, .single h1.entry-title{
           font-size: 20px !important;
       }

     
   }
   /* --------- .worksArea --------- */
   
   .worksArea {
       z-index: 3;
       display: flex;
       flex-wrap: wrap;
       justify-content: space-between;
       align-items: stretch;
       padding:1%;
   justify-content: flex-start;}
   
   .worksArea .worksBox {
       flex: 0 0 31%;
       align-items: stretch;
       background: #fff;
       border: 1px solid #ddd;
       /* border-radius: 0.5em; */
       margin: 1%;
       }
   
/*      .worksArea .worksBox:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
*/
.worksBox:hover {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }







   /* .inner */
   
   .worksArea .worksBox .inner {
       position: relative;
       padding: 10px;
       z-index: 2;
       /* border: 1px solid #ddd; */
       border-radius: 1em;
       text-align: center;
   }
   
   .worksArea .worksBox .inner:before {
       position: absolute;
       right: 0;
       top: 0;
       left: 0;
       bottom: 0;
       content: "";
       border: #fefefe 0 solid;
       -webkit-transition: all 0.2s ease;
       -moz-transition: all 0.2s ease;
       -o-transition: all 0.2s ease;
       transition: all 0.2s ease;
       z-index: -1;
   }
   
   .worksBox:hover .inner:before {
       /* border: #f2f2f2 2px solid; */
      /*  border-radius: 0.5em; */
       background:#fcaf3b;
       color:#fff;
   }
   
   .worksArea .worksBox .inner .imgArea {
        text-align: center;
        position: relative;
        width: 100%;
        padding-bottom: 66.66%; /* 3:2 のアスペクト比 (高さ:幅 = 2:3) */
        overflow: hidden;
   }

   .worksArea .worksBox .inner .imgArea img{
       width: 100%;
       margin: 0 auto;
       /* max-width: 150px; */
       position: absolute;
       top: 50%;
       left: 50%;
       transform: translate(-50%, -50%);
       width: 100%;
       height: 100%;
       object-fit: cover;
   }
/* 
   .worksArea .worksBox .inner img {
       width: 100%;
       margin: 0 auto;
       max-width: 150px;
       text-align: center;
   } */
   
   .worksArea .worksBox .inner h2 {
       text-align: center;
       color: #fcaf3b;
       margin: 10px 0;
       font-weight: 600;
       font-size: 18px;
       display: block;
   }
   
   .worksArea .worksBox .inner h2:after {
       content: '';
       display: block;
       width: 147px;
       height: 1px;
       background-color: #fcaf3b;
       position: relative;
       bottom: 0px;
       left: 50%;
       -webkit-transform: translateX(-50%);
       transform: translateX(-50%);
       color:#fff;
   }

   .worksArea .worksBox .inner:hover {
       color:#fff;
   }

   .worksArea .worksBox .inner:hover h2 {
       color:#fff;
   }


   /* ul.category */
   
   .worksArea .worksBox ul.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox ul.category li {
       display: inline-block;
       color: #fefefe;
       background:#fcaf3b;
       font-size: 13px;
       font-weight: 500;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       padding: 0 35px 0 25px;
       position: relative;
       z-index: 1;
   }
   
   .worksArea .worksBox ul.category li:after {
       position: absolute;
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: "\e649";
       vertical-align: 0;
   }


.worksArea .worksBox p.category {
       margin-top: 20px;
       list-style: none;
       z-index: 2;
       text-align: center;
   }
   
   .worksArea .worksBox p.category {
       /* display: inline-block; */
       color: #fefefe;
       background: #fcaf3b;
       font-size: 13px;
       font-weight: 550;
       line-height: 35px;
       letter-spacing: 1px;
       border-radius: 1.5em;
       /* padding: 0 35px 0 25px; */
       /* position: relative; */
       z-index: 1;
       width: 150px;
       margin: 0 auto;
   }
   
   .worksArea .worksBox p.category:after {
      /*  position: absolute; */
       top: 0;
       right: 10px;
       bottom: 0;
       font-size: 1.1em;
       /* line-height: 25px; */
       font-family: themify;
       /* content: "\e6ad"; */
       font-weight: normal;
       /* font-family: 'Font Awesome 6 pro'; */
       content: ">";
       vertical-align: 0;
   }












   
      
   .worksArea .worksBox p.date {
       position: absolute;
       top: 20px;
       left: 7.5%;
       font-family: 'Poppins', sans-serif;
       font-weight: 500;
       line-height: 40px;
       font-size: 0;
       display: none;
   }
   
   .worksArea .worksBox .inner h3 {
       font-size: 15px;
       font-weight: 500;
       line-height: 2;
       letter-spacing: 1px;
       padding: 0;
       margin-top: 10px;
       text-align: center;
   }
   
   .worksArea .worksBox .icon_award {
       position: absolute;
       top: 15px;
       right: 7.5%;
       width: 55px;
       height: 55px;
       content: "";
       background: url(../images/common/icon_award.png) center center no-repeat;
       background-size: cover;
       z-index: 2;
   }
   
   @media only screen and (max-width: 900px) {
       .worksArea .worksBox .inner {
           padding: 50px 7.5% 50px;
       }
       .worksArea .worksBox .inner p{
           display:block;
       }
       
       .worksArea .worksBox .inner:before {
           display: none;
       }


       .worksArea .worksBox .inner:hover {
           color:#fff;
           background:#fcaf3b;
           border-radius:0.5em;
       }

       .worksArea .worksBox .inner:hover h2 {
           color:#fff;
       
       }

       
       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: -35px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           padding: 0 15px 0 30px;
           /* margin-top: 50px; */
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
       }
       /*.worksArea .worksBox p.date span { font-size: 13px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 14px;
           display: block;
       }
       /* .icon_award */
       .worksArea .worksBox .icon_award {
           top: 10px;
           right: 7.5%;
           width: 50px;
           height: 50px;
       }
   }
   
   @media only screen and (max-width: 736px) {

       .worksArea .worksBox .inner {
           padding: 20px;
       }
       .worksArea .worksBox .inner:before {
           display: none;
       }


       /* ul.category */
       .worksArea .worksBox ul.category {
           margin-top: 0px;
           list-style: none;
           z-index: 2;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 11px;
           line-height: 25px;
           letter-spacing: 1px;
           padding: 0 10px 0 20px;
       }
       .worksArea .worksBox ul.category li:before {
           left: 5px;
           font-size: 1em;
       }
       /* p.date */
       .worksArea .worksBox p.date {
           top: 10px;
           left: 7.5%;
           line-height: 30px;
       }
       /*.worksArea .worksBox p.date span { font-size: 11px; }*/
       /* h3 */
       .worksArea .worksBox .inner h3 {
           font-size: 11px;
           line-height: 1.8;
           margin-top: 5px;
       }

        .worksArea .worksBox {
           flex: 0 0 49%;
           margin-bottom:10px;
        }

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

       .worksArea {
           z-index: 3;
           display: flex;
           flex-wrap: wrap;
           justify-content: space-between;
           align-items: stretch;
           padding:20px;
       }
   

       .worksArea .worksBox {
           flex: 0 0 100%;
           margin-bottom: 20px;
       }

      



   }
   
   @media only screen and (max-width: 414px) {
       .worksArea .worksBox p.date {
           letter-spacing: 0.5px;
       }
       .worksArea .worksBox .inner h3 {
           line-height: 1.8;
           display: block;
       }
       .worksArea .worksBox ul.category li {
           font-size: 9px;
           padding: 0 20px 0 20px;
       }
       .worksArea .worksBox .icon_award {
           top: 6px;
           right: 4%;
           width: 30px;
           height: 30px;
       }
   }




/* -----------------------------------------------------------
 #home_news
  ----------------------------------------------------------- */

  #home_news {
   /* float: left; */
   /* width: 33%; */
   padding: 90px 0;
   /*background: url(../images/pattern/noise.png) repeat #d9e3eb;*/
}

@media only screen and (max-width: 900px) {
   #home_news {
       float: none;
       width: 100%;
       /* background: #f0f0f0; */
       padding: 80px 5%;
   }
}

@media only screen and (max-width: 736px) {
   #home_news {
       padding: 70px 0%;
   }
}



@media only screen and (max-width: 500px) {
   #home_news {
       padding: 70px 0;
   }
}




/* --------- .newsArea --------- */

#home_news .newsArea {
   /* margin: 0 auto; */
   /* max-width: 900px; */
}

#home_news .newsArea .top-blog__list{z-index: 3;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;padding: 1%;}

#home_news .newsArea dl {
   flex: 0 0 32%;
   align-items: stretch;
   background: #fff;
   border: 1px solid #ddd;
   border-radius: 0.5em;
   margin: 0;
   cursor:pointer;
}

#home_news .newsArea dl:hover {
   background:#f3abab;
   color:#fff;
}

@media only screen and (max-width: 500px) {
   #home_news .newsArea .top-blog__list{
   display:flex;
   flex-flow: column;
   padding: 1% 20px;
   }

#home_news .newsArea dl {
   width: 100%;
   padding: 0;
   margin: 0 auto;
}
   
}




#home_news .newsArea dl:first-child {
   margin: 0;
}

#home_news .newsArea dl dt {
   display: block;
   margin: 0;
   font-family: 'Poppins', sans-serif;
   font-weight: 500;
   padding: 20px 20px 0;
}

#home_news .newsArea dl dt span {
   padding-left: 5px;
   color: #e96c36;
}

#home_news .newsArea dl dd {
   display: flex;
   flex-flow: column;
   padding: 20px;
   justify-content: center;
   margin: 0;
}

#home_news .newsArea dl dd img{
   width:60px;
   width: 100%;
   height: 200px;
   object-fit: cover;
}




#home_news .newsArea dl a {
   /* position: absolute; */
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
}

#home_news .newsArea dl:after {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 100%;
   height: 0;
   content: "";
   border-bottom: transparent 3px solid;
   z-index: 1;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
}

#home_news .newsArea dl:hover:after {
   right: 0;
   border-color: #fcaf3b;
}

@media only screen and (max-width: 900px) {
   #home_news .newsArea dl:after {
       display: none;
   }
}

@media only screen and (max-width: 736px) {
   #home_news .newsArea dl {
       flex: 0 0 49%;
       margin-bottom:10px;
       font-size: 12px;
   }

}




/* ----------------------------------------------------------
  .headline
  ---------------------------------------------------------- */

.headline {
   margin-bottom: 30px;
   text-align: center;
   position: relative;
   z-index: 1;
}

.headline h2.en {
   font-size: 16px;
   /*     font-family: 'Poppins', sans-serif; */
   font-weight: 700;
   letter-spacing: 2px;
   line-height: 1;
}

.headline h2.jp {
   font-size: 22px;
   font-weight: 600;
   letter-spacing: 2px;
   margin-top: 10px;
   margin-bottom: 5px;
}

@media only screen and (max-width: 900px) {
   .headline {
       margin-bottom: 45px;
   }
   .headline h2.en {
       /* font-size: 30px; */
   }
   .headline h2.jp {
       font-size: 18px;
       font-weight: 700;
       letter-spacing: 1px;
       line-height: 1;
       margin-top: 15px;
       margin-bottom: 10px;
   }
}

@media only screen and (max-width: 736px) {
   .headline {
       margin-bottom: 40px;
   }
   .headline h2.en {
       font-size: 14px;
   }
   .headline h2.jp {
       /* font-size: 13px; */
       margin-top: 10px;
   }
}

@media only screen and (max-width: 414px) {
   .headline h2.jp {
       /* font-size: 12px; */
   }
}

/* news more */
.news-more_ares {
   width: 90%;
   text-align:center;
   margin: 15px auto;
}
.news-more{
   margin: 0 3px 15px;
   display: inline-block;
   width: 200px;
   max-width: 100%;
   margin: 0 auto;
   color: #fff;
   background: #fcaf3b;
   font-size: 13px;
   line-height: 25px;
   text-align: center;
   letter-spacing: 1px;
   position: relative;
   -webkit-border-radius: 30px;
   -moz-border-radius: 30px;
   border-radius: 5em;
   -webkit-transition: all 0.3s;
   -moz-transition: all 0.3s;
   transition: all 0.3s;
   padding-bottom: 3px;
}

.news-more:after {
   font-family: 'themify';
   content: "\e649";
   font-size: 10px;
   font-style: normal;
   font-weight: normal;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   position: absolute;
   top: 2px;
   right: 12px;
   z-index: 1;
   -webkit-transition: right 0.3s ease;
   -moz-transition: right 0.3s ease;
   transition: right 0.3s ease;
}
.news-more:hover {
   color: #fff;
   /*     border: #9E9E9E 1px solid; */
   background: #464544;
}
.news-more:hover:after {
   right: 10px;
}



/* -----------------------------------------------------------

#breadcrumb

----------------------------------------------------------- */

#breadcrumb {margin: 0px 0;padding: 15px 20px;position:relative;z-index:1;text-align: right;/* background: #fbfbfb; *//* border-bottom: 1px solid #e1e1e1; */}
#breadcrumb ol { font-size: 0; margin: 0; padding: 0; line-height: 1.8; line-height:1; }
#breadcrumb li {display: inline-flex;list-style: none;font-size: 12px;font-family: 'Noto Sans JP', sans-serif;font-weight: 400;margin: 0;padding: 0;letter-spacing: 0.5px;height:20px;line-height:20px;}
#breadcrumb li:after {color: #322961;font-size: 10px;font-family: 'themify';content: "\e649";font-weight: normal;margin: 0 8px;height:20px;line-height:20px;}
#breadcrumb li:last-child:after { display:none;}
#breadcrumb li i { font-size: 16px; padding-right: 5px; font-weight: normal; line-height: 1.3; }
#breadcrumb li a { position:relative; z-index:1; font-weight: 400; height:20px; line-height:20px; }
#breadcrumb li a:hover { color: #322961; }
#breadcrumb li:first-child a:before {padding-right:5px;color: #322961; font-size: 11px; font-family: 'themify'; content: "\e69b";}
#breadcrumb li a:after { position: absolute; bottom: -4px; left: -2px; width: 100%; height: 0; display: block; border-bottom:#322961 1px solid;content: ""; z-index: -1; -webkit-transform-origin:right top;-moz-transform-origin:right top;-o-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);-ms-transform:scale(0,1);transform:scale(0,1);-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-o-transition:transform .3s ease;transition:transform .3s ease}
#breadcrumb li a:hover:after  { -webkit-transform-origin:left top;-moz-transform-origin:left top;-o-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top;-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1)}

@media only screen and (max-width: 900px) {
#breadcrumb {margin: 0px 0 0;padding:20px 5%;border-top:none;}
#breadcrumb:before { display:none;}
#breadcrumb li a:hover {color: #111;}
#breadcrumb li a:hover:after { display:none;}
}

@media only screen and (max-width: 414px) {
#breadcrumb { padding:18px 5% 16px; border-top:none;}
#breadcrumb ol { font-size: 0; margin: -10px auto 0; padding: 0; display:block; text-align:left; }
#breadcrumb li {font-size: 13px;margin: 10px 0 0;padding: 0;letter-spacing: 1px;}
#breadcrumb li:after { margin: 0 5px;}
#breadcrumb li:last-child {overflow: hidden;text-overflow: ellipsis; white-space: nowrap; width:10em;}
#breadcrumb li:first-child a {font-size: 0;width:auto;padding-bottom: 7px;}
#breadcrumb li:first-child a:before {padding-right:0;font-size: 13px;}
}

@media only screen and (max-width: 320px) {
#breadcrumb li:last-child { width:6em;}
}
p.catch {
    font-size: 16px;
    line-height: 2.5;
    font-weight: 300;
letter-spacing: 0.9px;
    color: #2A2929;
}

p.catch span {
    background: #e5e5e5;
    padding: 2px 10px;
    border-radius: 3em;
    /* color: #fff; */
    font-size: 13px;
}

.contents-wrap {
    display: flex;
    justify-content: space-between;
    /* margin-bottom: 7rem; */
    /* justify-content: center; */

    align-items: center;
    width: 100%;
    max-width: 1200px;
    margin: 50px auto 50px;
}

.contents-wrap:nth-child(odd) {
    flex-direction: row-reverse;
    margin-bottom: 100px;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto 50px;
}
.contents-wrap:nth-child(even) {
    /* 	background:#eee; */
}
.contents-text {
    width: 65%;
    padding: 2% 0;
    /*flex: 2;*/
}
.flow_title {
    border-bottom: solid 2px
}
.contents-text p {
    /* font-size:18px; */

    line-height: 1.5;
}
.contents-img {
    width: 100%;
    flex: 1;
    padding: 0 1em;
}
.contents-text h2 {
    margin-bottom: 2rem;
    margin-top: 1rem;
    font-size: 20px;
    font-weight: 500;
    border-bottom: 1px solid #ddd;
    padding: 3px;
    color: #0e222d;
    font-weight: 600;
    letter-spacing: 0.1em;
    font-family: 'Abel', sans-serif;
}
.contents-img img {
    display: block;
    /* max-width: 400px; */
    /* height: 500px; */

    overflow: hidden;
    /* width: 120px; */
    /* height: 80px; */

    position: relative;
    object-fit: cover;
    margin: 0 auto;
    width: 100%;
    border-radius: 0.5%;
}
@media screen and (max-width: 768px) {
    .contents-wrap,
    .contents-wrap:nth-child(odd) {
        flex-direction: column;
    }

    .contents-text,
    .contents-img img {
        width: 100%;
        /*flex: 1;*/
    }

    .contents-text {
        padding: 3rem;
    }

    .contents-text h2 {
        /* text-align: center; */
    }
}
@media(max-width:499px) {
    h2.sub-ttl2 {
        font-size: 1.5rem;
    }

    .contents-text {
        padding: 1rem 0;
    }

    .contents-img img {
        /* width: 150px; */
    }
}
.stepBox {
    margin: 2em;
}
@media(max-width:499px) {
    .stepBox {
        margin: 1em 0.5em 0.5em;
    }
}
.stepBox_wrap {
    position: relative;
    margin: 2em auto;
    padding: 25px 10px 7px;
    max-width: 1200px;
    width: 90%;
    border: solid 1px #ddd;
}
.stepBox_wrap .box-title {
    position: absolute;
    display: inline-block;
    top: -20px;
    left: 20px;
    padding: 0 9px;
    height: 40px;
    line-height: 2;
    font-size: 20px;
    background: #45975a;
    color: #ffffff;
    font-weight: bold;
    /* font-family: 'Abel', sans-serif; */

    letter-spacing: 0.1em;
}
.stepBox_wrap p {
    margin: 0;
    padding: 0;
    line-height: 1.7;
    font-size: 17px;
    color: #000;
}
.stepBox_wrap li {
    line-height: 1.8;
    font-size: 17px;
}
@media(max-width:499px) {
    .stepBox_wrap .box-title {
        font-size: 18px;
    }
}

/* .btnmenu */
.btnmenu {
    color: #ffffff;
    background: #373535;
}
.btnmenu:hover {
    color: #373535;
    background: none;
    border: #373535 1px solid;
}

/* .btndl */
.btndl {
    color: #ffffff;
    background: #484645;
}
.btndl:hover {
    color: #ffffff;
    background: rgba(72, 70, 69, 0.6);
    border: rgba(72, 70, 69, 0.6) 1px solid;
}
@media only screen and (max-width: 800px) {
    .linkArea {
        margin-top: 30px;
    }
    /* .btn  */

    .btnA {
        margin: 10px 1% 0;
        font-size: 13px;
        line-height: 38px;
        width: 275px;
        max-width: 100%;
    }

    .btnA:after {
        line-height: 30px;
        right: 10px;
    }
    /* .btn  */
	
	   .btnA:hover {
        color: #fefefe;
        background: #000;
        border: #9E9E9E 0px solid;
    }



.table p.rinen {
    text-align: center;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 640px) {
    .table p.rinen {
        font-size: 16px;
    }
}

.table {
    margin-bottom: 2%
}



.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.cp_qa {
    overflow-x: hidden;
    margin: 0 auto;
    color: #333333;
}
.cp_qa .cp_actab {
    padding: 2em;
    border-bottom: 1px dotted #cccccc;
}



.cp_qa label {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding-left: 50px;
    cursor: pointer;
    top: 0.4em;
    font-size: 1.4em;
    color: #1e843a;
}
.cp_qa .cp_actab-content {
    font-size: 1em;
    position: relative;
    overflow: hidden;
    height: 0;
    margin: 0 40px;
    padding: 0 14px;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
    height: auto;
    padding: 20px 10px 0;
    opacity: 1;
}
.cp_qa .cp_plus {
    font-size: 2.4em;
    line-height: 100%;
    position: absolute;
    z-index: 5;
    margin: 7px 0 0 10px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    color: #1e843a;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
    display: none;
}

.cp_qa01 .cp_actab input[type=checkbox] + label::after {
    content: '\25BC';
}
.cp_qa01 .cp_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.cp_qa a{
    color: #f15a24;
    font-weight: 600;
    border-bottom: 1px solid;
}
.cp_qa a:hover {
    color: #a1a1a1;
}


@media screen and (max-width: 600px) {
    .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
        padding: 20px 0;
        margin: 0;
    }
    .cp_qa .cp_actab {
        padding: 10px;
    }
    .cp_qa label {
        top: 0;
        font-size: 1.2em;
        padding-left: 20px;
    }
    .cp_qa .cp_plus {
        font-size: 2em;
        margin: 0;
    }
}

.flexbox{
    display: flex;
}

.flexbox .cnt{
    padding: 10px;
    align-self: center;
}

@media only screen and (max-width: 800px) {
    .flexbox{
        display: block;
    }
}

.cnt h2{
    font-size: 25px;
    line-height: 1.4;
}
.cnt h2 span{
    font-size: 18px;
}

@media screen and (max-width: 420px) {
    .table dl dt {
        width: 98%;
        padding: 1% 2%; }

    .table dl dd {
        font-size: 16px;
        width: 98%;
    }
}

.center{
    text-align: center;
    margin: auto;
}
}
.table p.rinen {
    text-align: center;
    font-size: 18px;
    line-height: 180%;
    letter-spacing: 0.5px;
}

@media only screen and (max-width: 640px) {
    .table p.rinen {
        font-size: 16px;
    }
}

.table {
    margin-bottom: 2%
}



.cp_qa *, .cp_qa *:after, .cp_qa *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: left;
}
.cp_qa {
    overflow-x: hidden;
    margin: 0 auto;
    color: #333333;
}
.cp_qa .cp_actab {
    padding: 2em;
    border-bottom: 1px dotted #cccccc;
}



.cp_qa label {
    position: relative;
    display: block;
    width: 100%;
    margin: 0;
    padding-left: 50px;
    cursor: pointer;
    top: 0.4em;
    font-size: 1.2em;
    color: #fcaf3b;
		font-weight: 550;
}
.cp_qa .cp_actab-content {
    font-size: 1em;
    position: relative;
    overflow: hidden;
    height: 0;
    margin: 0 40px;
    padding: 0 14px;
    -webkit-transition: 0.4s ease;
    transition: 0.4s ease;
    opacity: 0;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
    height: auto;
    padding: 20px 10px 0;
    opacity: 1;
}
.cp_qa .cp_plus {
    font-size: 2.4em;
    line-height: 100%;
    position: absolute;
    z-index: 5;
    margin: 7px 0 0 10px;
    -webkit-transition: 0.2s ease;
    transition: 0.2s ease;
    color: #fcaf3b;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
    display: none;
}

.cp_qa01 .cp_actab input[type=checkbox] + label::after {
    content: '\25BC';
}
.cp_qa01 .cp_actab input[type=checkbox]:checked + label::after {
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.cp_qa a{
    color: #f15a24;
    font-weight: 600;
    border-bottom: 1px solid;
}
.cp_qa a:hover {
    color: #a1a1a1;
}


@media screen and (max-width: 600px) {
    .cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
        padding: 20px 0;
        margin: 0;
    }
    .cp_qa .cp_actab {
        padding: 10px;
    }
    .cp_qa label {
        top: 0;
        font-size: 1.2em;
        padding-left: 20px;
    }
    .cp_qa .cp_plus {
        font-size: 2em;
        margin: 0;
    }
}

.flexbox{
    display: flex;
}

.flexbox .cnt{
    padding: 10px;
    align-self: center;
}

@media only screen and (max-width: 800px) {
    .flexbox{
        display: block;
    }
}

.cnt h2{
    font-size: 25px;
    line-height: 1.4;
}
.cnt h2 span{
    font-size: 18px;
}

@media screen and (max-width: 420px) {
    .table dl dt {
        width: 98%;
        padding: 1% 2%; }

    .table dl dd {
        font-size: 16px;
        width: 98%;
    }
}

.center{
    text-align: center;
    margin: auto;
}
  .cp_qa p{
    font-size: 20px;
}

 .cp_qa2 *, .cp_qa *:after, .cp_qa *:before {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: left;
    }
    .cp_qa2 {
        overflow-x: hidden;
        margin: 0 auto;
        color: #333333;
    }
    .cp_qa2 .cp_actab {
        padding: 2em;
        border-bottom: 1px dotted #cccccc;
    }
    
    
    
    .cp_qa2 label {
        position: relative;
        display: block;
        width: 100%;
        margin: 0;
        padding-left: 50px;
        cursor: pointer;
        top: 0.4em;
        font-size: 1.2em;
        color: #99bfe0;
		    font-weight: 550;
    }
    .cp_qa2 .cp_actab-content {
        font-size: 1em;
        position: relative;
        overflow: hidden;
        height: 0;
        margin: 0 40px;
        padding: 0 14px;
        -webkit-transition: 0.4s ease;
        transition: 0.4s ease;
        opacity: 0;
    }
    .cp_qa2 .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
        height: auto;
        padding: 20px 10px 0;
        opacity: 1;
    }
    .cp_qa2 .cp_plus {
        font-size: 2.4em;
        line-height: 100%;
        position: absolute;
        z-index: 5;
        margin: 7px 0 0 10px;
        -webkit-transition: 0.2s ease;
        transition: 0.2s ease;
        color: #99bfe0;
    }
    .cp_qa2 .cp_actab input[type=checkbox]:checked ~ .cp_plus {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    .cp_qa2 .cp_actab input[type=checkbox] {
        display: none;
    }
    
    .cp_qa01 .cp_actab input[type=checkbox] + label::after {
        content: '\25BC';
    }
    .cp_qa01 .cp_actab input[type=checkbox]:checked + label::after {
        -webkit-transform: rotateX(180deg);
        transform: rotateX(180deg);
    }
    
    .cp_qa2 a{
        color: #f15a24;
        font-weight: 600;
        border-bottom: 1px solid;
    }
    .cp_qa2 a:hover {
        color: #a1a1a1;
    }
    
    
    @media screen and (max-width: 600px) {
        .cp_qa2 .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
            padding: 20px 0;
            margin: 0;
        }
        .cp_qa2 .cp_actab {
            padding: 10px;
        }
        .cp_qa2 label {
            top: 0;
            font-size: 1.2em;
            padding-left: 20px;
        }
        .cp_qa2 .cp_plus {
            font-size: 2em;
            margin: 0;
        }
    }
    
    .flexbox{
        display: flex;
    }
    
    .flexbox .cnt{
        padding: 10px;
        align-self: center;
    }
    
    @media only screen and (max-width: 800px) {
        .flexbox{
            display: block;
        }
    }
    
    .cnt h2{
        font-size: 25px;
        line-height: 1.4;
    }
    .cnt h2 span{
        font-size: 18px;
    }
    
    @media screen and (max-width: 420px) {
        .table dl dt {
            width: 98%;
            padding: 1% 2%; }
    
        .table dl dd {
            font-size: 16px;
            width: 98%;
        }
    }
    
    .center{
        text-align: center;
        margin: auto;
    }
    
}



/* #service
-----------------------------------------------------------------*/
#service{
    /*padding: 0;
    margin: 80px 0;*/
    height: 300px;
    background: url(../images/main_01.jpg) no-repeat 50% 50% ;
    background-size: cover;
    background-position: center;
}

@media screen and (max-width:1024px) {
    #service{
        height: 200px;
    }

}
@media screen and (max-width:500px) {
    #service{
        height: 100px;
    }

}

#service .wrap{
    position: relative;
    text-align: center;
    /* 	background: #fff;*/
    /*	opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    */
}

#service .note{
    padding-top: 150px;
    width: 100%;
    color: #fff;
}

#service .note h2{
    /*	color: #fb6e1a;*/
    line-height: 1.5;
    font-size: 400%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service .note h2 span1{
    /*	color: #098eb2;*/
    line-height: 1.9;
    font-weight: 500;
    font-size: 80%;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service .note h2 span{
    /*	color: #4f4f4f;*/
    line-height: 1.9;
    font-size: 80%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}


#service .note p{
    margin-top: 20px;
    /*	color: #4f4f4f;*/
    line-height: 1.9;
    font-size: 120%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}


#service .note h3{
    padding-top: 8px;
    line-height: 2;
    text-align: right;
    font-weight: 500;
}
#service .note img{
    margin: 20px;

}


.right {
    float: right;
    margin-right:10px;
    padding: 5px 0 5px 5px;
}

#service .img{
    display: none;
    margin-right: 30px;
    float: right;
    padding:5px;
}



#service1{
    padding: 20px 0px;
    background: #fff;
    margin-top: 20px;
}
#service1 .wrap{
    position: relative;
}


#service1 .note2{
    margin: 1% ;
    padding: 1%
        width: 46%;
    margin-bottom:0px;
}

#service1 .note2 h2{
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 380%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
    text-align: left;
}



#service2{
    padding: 20px 0px 50px;
    background: #fff;
    margin-top: 20px;
    /* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
    background-position: right;  */
}
#service2 .wrap{
    position: relative;
    /* 	background: #fff;*/
    /*	opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    */
}

#service2 .note{
    margin: 1%;
    padding: 1%;
    width: 96%;
    margin-bottom:0px;
}
#service2 .note h2{
    font-size: 200%;
    font-weight: 500;
    /* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
    text-align: center;
}


#service2 .note h2 span1{
    color: #098eb2;
    line-height: 1.9;
    font-weight: 500;
    font-size: 80%;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note h2 span{
    color: #000;
    line-height: 1.9;
    font-size: 80%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}




#service2 .note2{
    margin: 4%;
    padding: 1%;
    width: 90%;
    margin-bottom:0px;
    float: left;
}

#service2 .note2 h2{
    color: #000;
    line-height: 1.9;
    font-size: 200%;
    font-weight: 500;
    /* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
    text-align: left;
}


#service2 .note2 p{
    color: #000;
    line-height: 1.9;
    /*font-size: 120%; */
    font-weight: 400;
    /* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
    text-align: left;
}

#service2 .note2 img{
    margin: 0 20px 0;
    float: right;


}


#service2 .note3{
    margin: 50px 140px 0;
    padding: 10px 10px;
    width: 80％;
    /*border: 1px solid #999;*/
    text-align: center;
}
#service2 .note3 h2{
    text-align: left;
    padding-left: 10px;
}

#service2 .note3 .bannerA{
    width: 100%;
    text-align:left;
}

.bannerA img a:hober{
    padding: 0 0px;
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";}

#service2 .note3 .bannerB{
    width: 100%;
    text-align:left;
}
#service2 .note3 .bannerC{
    margin-top: 15px;
    width: 100%;
    text-align:right;
}
#service2 .note3 .bannerA p{
    padding-left: 8px;
    margin-top: 0px;
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 110%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note3 h2 a:hover{
    opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

#service2 .note3 p{
    padding: 0;
    /* margin-top: 0px; */
    color: #4f4f4f;
    font-size: 100%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}

#service2 .note4{
    margin: 5px 5% 0;
    width: 90%;
    height:20px;
}





#service4{
    padding: 20px 0px 50px;
    background: #fff;
    margin-top: 20px;
    /* background: url(../images/main_bg.svg) no-repeat 50% 50% ;
    background-position: right;  */
}
#service4 .wrap{
    position: relative;
    /* 	background: #fff;*/
    /*	opacity:0.8;
    filter:alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
    */
}

#service4 .note{
    margin: 0 40px;
    padding: 10px;
    width: 90%;
    margin-bottom:0px;
    text-align:center;
}

#service4 .note2{
    margin: 50px 40px;
    padding: 12px;
    width: 90%;
    margin-bottom:0px;
}

#service4 .note2 h2{
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 380%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
    text-align: left;
}

#service4 .note2 p{
    margin-top: 20px;
    color: #4f4f4f;
    line-height: 1.9;
    font-size: 120%;
    font-weight: 500;
    font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif;
}



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

    #service2 .note{
        width: 95%;
        margin: 0 2.5%;
    }

    #service2 .note h2{
        font-size:18px;
    }

    #service2 .note2 h3{
        font-size:16px;
    }



    #service2 .note2{
        width: 100%;
        padding: 5%;
        margin: 0 auto;
    }
    #service2 .note2  h2{
        font-size:18px;
        border-bottom:1px solid #ddd;
        margin-bottom:5px;
    }





    #service2 .note2 img {
        max-width:220px;
        margin: 0 auto;
        width:90%;
        padding:2%;
    }
}
.contactbox{
	text-align:center;
	max-width: 800px;
	margin: 0px　auto 60px;
	margin:2em 0;
	position: relative;
	padding: 0.5em 1.5em;
	border: solid 2px #0d5484;
	margin-left: auto;
	margin-right: auto;
}
.contactbox .size22 a{
	font-weight: 550;
	font-size:160%;
	color:#72aee6;
}

.contactbox p {
	padding:15px;
	font-size: 16px;
	line-height: 1.9;
    text-align:center;
}

.contactbox a:hover{
	color:#ccc;
	text-decoration: none;
}


/* .btnB  */
.btnB {
    display: inline-block;
    width: 160px;
    max-width: 100%;
    padding: 0;
    margin: 10px 10px;
    color: #fff;
    background: #fca63b;
    /* border: #3f3d3d 1px solid; */
    /* border-bottom: #3f3d3d 1px solid; */

    font-size: 14px;
    text-decoration: none;
    text-align: center;
    font-weight: 500;
    line-height: 38px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 2px;
}
.btnB:after {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 38px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btnB:hover {
    color: #fff;
    background: #fca63bba;
}
.btnB:hover:after {
    right: 10px;
}


.btnmenuB{
    color: #fff;
    background: #fca63b;
   
}
.btnmenu:hoverB{
    color: #373535;
    background: none;
     border: #373535 1px solid;
}

/* .btnC  */
.btnC {
    display: inline-block;
    width: 160px;
    max-width: 100%;
    padding: 0;
    margin: 10px 10px;
    font-weight: 550;
    color: #fca63b;
    background: #fff;
    border: #fca63b 1px solid;
    border-bottom: #fca63b 1px solid;

    font-size: 14px;
    text-decoration: none;
    text-align: center;
   
    line-height: 38px;
    letter-spacing: 1px;
    position: relative;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 2px;
}
.btnC:after {
    font-size: 10px;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 1;
    line-height: 38px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

.btnC:hover {
    color: #fff;
    background: #fca63bba;
    border: solid 1px #fca63bba;
}
.btnC:hover:after {
    right: 10px;
}






.page-section .quality p:after{
 content: '';
 border-top: solid 1px #ddd;
 /* border-right: solid 1px #ddd; */
 border-bottom: solid 1px #ddd;
 right: 0;
}


.page-section .quality p span{
   color:#b32424;
   font-weight:600;
     font-size:1.6rem;
}

.page-section .quality h2{
    font-size:1.6rem;
}


@media(max-width:499px) {
 .quality {
  width: 95%;
  margin:20px auto;
  text-align: left;
  
  padding-top:30px;
  /* float:left; */
}
}


.reborn_contents{}

.reborn_contents h3{margin-top:60px!important}




.content-box {
   width: 100%;
   max-width: 1280px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 90px;
}

.content-box p {
   font-size: 15px;
   line-height: 220%;
   margin-bottom: 1.4em;
}

.content-box .photo {
   margin-top: 40px;
   margin-bottom: 40px;
   text-align: center;
}

.content-box .photo img {
   max-width: 100%;
   height: auto;
}

.tel a{
    font-size:1.6rem;
    color:#b32424;
}
.tel a:hover{
    font-size:1.6rem;
    color:#b32424ad;
}


/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:500px){
    .inquiry th,.inquiry td {
     display:block!important;
     width:100%!important;
     border-top:none!important;
     -webkit-box-sizing:border-box!important;
     -moz-box-sizing:border-box!important;
     box-sizing:border-box!important;
    }
    .inquiry tr:first-child th{
     border-top:1px solid #d7d7d7!important;
    }
    /* 必須・任意のサイズ調整 */	
    .inquiry .haveto,.inquiry .any {	
    font-size:10px;
    }}
    /*見出し欄*/
    .inquiry th{
     text-align:left;
     font-size:14px;
     color:#444;
     padding-right:5px;
     width:30%;
     background:#f7f7f7;
     border:solid 1px #d7d7d7;
    }
    /*通常欄*/
    .inquiry td{
     font-size:13px;
     border:solid 1px #d7d7d7;	
    }
    /*横の行とテーブル全体*/
    .entry-content .inquiry tr,.entry-content table{
     border:solid 1px #d7d7d7;	
    }
    /*必須の調整*/
    .haveto{
     font-size:7px;
     padding:5px;
     background:#ff9393;
     color:#fff;
     border-radius:2px;
     margin-right:5px;
     position:relative;
     bottom:1px;
    }
    /*任意の調整*/
    .any{
     font-size:7px;
     padding:5px;
     background:#93c9ff;
     color:#fff;
     border-radius:2px;
     margin-right:5px;
     position:relative;
     bottom:1px;
    }
    /*ラジオボタンを縦並び指定*/
    .verticallist .wpcf7-list-item{
     display:block;
    }
    /*送信ボタンのデザイン変更*/
    #formbtn{
     display: block;
     padding:1em 0;
     margin-top:30px;
     width: 40%;
     background:#ffaa56;
     color:#fff;
     font-size:18px;
     font-weight:bold;
     border-radius:2px;
     border: none;
     /* text-align: center; */
     margin:  0 auto;
    }
    /*送信ボタンマウスホバー時*/
    #formbtn:hover{
     background:#fff;
     color:#ffaa56;
    }

    ------------- カード・4カラム ------------- */
.card_04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.card_04 .card {
    width: calc(25% - 40px * 3/4);
    margin-right: 40px;
}

.card_04 .card:nth-child(4n) {
    margin-right: 0;
}

@media screen and (max-width: 767px) {
    .card_04 .card {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }
    .card_04 .card:nth-child(1) {
        margin-top: 0px;
    }
}

/* ------------- カード・4カラム #syouyaku------------- */
#syouyaku .card_04 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

#syouyaku .card_04 .card {
    width: calc(28% - 20px * 2/3);
    margin: 0 auto;
    border: solid 1px #cfcfcf;
}

#syouyaku .card_04 .card .image {
    padding:0;
}

#syouyaku .card_04 .card h3 {
    padding-top:15px;
    text-align: center;
}

#syouyaku .card_04 .card p {
    margin: 0 auto;
    padding: 0.7rem;
}


#syouyaku .card_04 .card:nth-child(4n) {
    margin-right: 0;
}

#syouyaku .card_04 .card .Link  {
    margin-bottom: 15px;
}

#syouyaku .card_04 .card .Link a  {
    margin:auto 0;
}

#syouyaku .card_04 .card .effect {
    margin: 0;
}

@media screen and (max-width: 767px) {
    #syouyaku .card_04 .card {
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }
    .card_04 .card:nth-child(1) {
        margin-top: 0px;
    }
}
.Link {
    text-align: center;
    max-width: 142px;
    width: 100%;
    margin: 10px auto 0;
    border-bottom: 1px dashed #363636;
}

.Link a {
    color: #363636;
    font-family: 'ヒラギノ明朝 ProN';
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 414px){
#service2 .note2 img {
    float: none;
    max-width: 100%;
}
.right {
    float: none;
    margin-right: 10px;
    padding: 5px 0 5px 5px;
    margin: 0 auto;
    display: block;
}
#service2 .note2 p {
    color: #000;
    line-height: 1.9;
    /* font-size: 120%; */
    font-weight: 400;
    /* font-family: "メイリオ","Meiryo",'Noto Sans Japanese', serif; */
    text-align: center;
}
}

#service2 .note2 h3 {
    text-align: center;
   font-size: 18px
}

.wide {
    position: relative;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    left: 0;
    right: 0;
    background: url(https://alpha-sprt.co.jp/wp-content/uploads/2025/01/mv.jpg) no-repeat center center;
    background-size: cover; /* 横幅を優先し、全体を覆う */
    padding: 40px 0;
    height: 100%;
    min-height: calc(100vh - 50px); /* 高さを100vh - 50pxに設定 */
}

img.point_img {
    position: absolute;
    right: 40px;
    top: 40px;
    max-width: 150px;
}

.wide h1 {
    color: #fff;
    font-size: 2rem !important;!importantm;!importam;!imporm;!impom;!impm;!imm;!im;!m;
    padding-left: 40px;
}

.main_visual {
    display: flex;
    justify-content: center;
    max-width: 1000px;
    margin: auto;
    gap: 40px;
    align-items: stretch;
}

.img_area {
    display: flex;
    justify-content: center;
    max-width: 1000px;
    padding-bottom: 20px;
    margin: auto;
}

.main_visual .cnt {
    width: 50%;
}

.main_visual .cnt h2 {
    color: #fff100;
    font-size: 1.6rem;
    /* letter-spacing: 0.2rem; */
    padding: 15px;
    text-align: center;
    margin-bottom: 0;
}

.main_visual .cnt .information {
    /* margin: 0 20px 20px; */
    padding: 20px 20px 30px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 3px 3px 7px 0px #00000087;
    min-height: 470px;
}

.main_visual .cnt .information a {
    font-size: 15px;
}

.main_visual .cnt li {
    font-weight: 600;
    border-bottom: 3px solid #fcaf3b;
    list-style: disc;
}

.form-widget {
    padding: 30px;
    border-radius: 20px;
    background: #fff;
    box-shadow: 3px 3px 7px 0px #00000087;
    min-height: 470px;
    margin: 0;
}

.form-widget label {
    color: #2b2b2b;
    font-size: 15px;
    width: 100%;
}

.form-widget label input {
    width: 100%;
}

.cnt .form-widget p {
    margin-bottom: 0;
}

.cnt .form-widget p > .wpcf7-submit {
    display: block; /* ブロック要素化 */
    margin-left: auto;
    margin-right: 0;
}

.form-widget label span {
    color: #fe0000;
    font-weight: 600;
    font-size: 13px;
}

.form-widget input {
    max-width: 100% !important;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
    padding: 10px 30px !important;
}
div.wpforms-container-full .wpforms-form button[type=submit]:hover {
    padding: 10px 30px !important;
    font-size: 1em;
    background: #fcaf3b !important;
    color: #fff;
    border: 1px solid #fca63b !important;
}

.wpforms-confirmation-container-full {
    background: #fff !important;
    border: 1px solid #fca63b !important;
}

.ifSp {
    display: none;
}

.ifPc {
    display: block;
}

.tel_link a {
    color: #fca63b !important;
    font-size: 1.5rem;
    padding-bottom: 5px;
}

.tel_link a:before {
    content: "☎";
    padding-right: 10px;
}

.tel_link a:after {
    background: #fff !important;
    left: 0 !important;
    right: 0 !important;
}


.tel_link a:hover:after {
    border-bottom: 3px solid #fca63b !important;
    width: 100% !important;
}

.bottom_area {
    margin: 40px auto;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 1.3rem;
}

@media only screen and (max-width: 1170px){
    .wide {
        height: 100%;
        background: url(https://alpha-sprt.co.jp/wp-content/uploads/2025/01/mv.jpg) no-repeat center right;
        background-size: cover;
    }
    img.point_img {
        top: 10px;
        right: 10px;
        max-width: 100px;
    }
    .main_visual {
        /* flex-direction: column; */
        padding: 30px;
    }
    .main_visual .cnt {
        width: 100%;
    }

    .main_visual .cnt .information,.form-widget {
        min-height: 150px !important;
    }
}

@media only screen and (max-width: 768px){
    img.point_img {
        top: 10px;
        right: 10px;
        max-width: 100px;
    }
    .wide h1 {
        font-size: 1.4rem !important;
        padding-left: 15px;
        /* text-align: center; */
        /* margin-top: 80px; */
    }
    
    .main_visual {
        flex-direction: column;
        padding: 10px;
    }

    .main_visual .cnt {
        width: 100%;
    }

    .form-widget {
        max-width: 100%;
    }

    .ifSp {
        display: block;
        padding: 20px;
    }
    
    .ifPc {
        display: none;
    }

    .builder-item--logo .site-logo img {
        min-width: 150px;
    }
}