/*--------------------------------------
全般 / 装飾・スタイル
<pre>Array
(
    [main] => #877d61
    [sub1] => #707070
    [sub2] => #F5F5F5
    [sub3] => #3B4043
    [sub4] => #BABABA
    [sub5] => #DBDBDB
    [sub6] => #FFFFFF
    [sub7] => #252525
    [sub8] => #fde5f2
    [text1] => #000000
    [text2] => #ffffff
    [text3] => #909090
    [text4] => #3b4043
)
</pre>--------------------------------------*/

/*--------------------------------------
header
--------------------------------------*/
#page_header .layout_inner {
  background-color: rgba(255,255,255,1)}






  /*--------------------------------------
  hamburger menu
  --------------------------------------*/
    #page_header .hm_btn span[class^=btn_line] {
    background-color: #877d61;
  }

    #page_header .hm_btn.is_opened span[class^=btn_line]{
    background-color: #FFFFFF;
  }


/*--------------------------------------
main visual
--------------------------------------*/
#page_visual.page_layout.layout1 .layout_inner{
  background-color: rgba(37,37,37,1)}





    main>.page_layout:nth-child(odd) .layout_inner{
    background-color: #FFFFFF;
  }

    main>.page_layout:nth-child(even) .layout_inner{
    background-color: #F5F5F5;
  }












  .main_section0 .page_ttl.ttl1{
    text-align: center;
  }
/*--------------------------------------
main_section0 base section
--------------------------------------*/
  
    .main_section0.page_layout .layout_inner{
      background-color: #d6d3c6 !important;
    }
  

  


/*--------------------------------------
main_section0 catch copy
--------------------------------------*/
.main_section0 .catch_copy{
  color: #000000;
}



  /*--------------------------------------
  main_section1 page ttl ttl1
  --------------------------------------*/



  .main_section1 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section1 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section1 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section1 page txt
  --------------------------------------*/

    .main_section1 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section1 .page_txt.txt1.lead_text{
      text-align: center;
    }
  



/*--------------------------------------
main_section1 card type1
--------------------------------------*/
.main_section1 .page_card.card1 .card_items .card_item .item_content{
  background-color: #FFFFFF;
}

.main_section1 .page_card.card1 .card_items .card_item .item_content .item_ttl{
  color: #826B03;
}

.main_section1 .page_card.card1 .card_items .card_item .item_content .item_txt{
  color: #000000;
}

.main_section1 .page_card.card1 .card_items .card_item .item_img{
  background-color: #FFFFFF;
}

@media screen and (min-width: 768px){
  .main_section1 .page_card.card1 .card_items .card_item,
  .main_section1 .page_card.card1 .card_items::before,
  .main_section1 .page_card.card1 .card_items::after{
        width: calc(100% / 2 - 60px / 2);
      }
}
@media screen and (max-width: 767px){
  .main_section1 .page_card.card1 .card_items .card_item
  .main_section1 .page_card.card1 .card_items::before,
  .main_section1 .page_card.card1 .card_items::after{
        width: calc(100% / 1);
      }
}


  
  
  




  /*--------------------------------------
  main_section2 page ttl ttl1
  --------------------------------------*/



  .main_section2 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section2 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section2 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section2 page txt
  --------------------------------------*/

    .main_section2 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section2 .page_txt.txt1.lead_text{
      text-align: center;
    }
  



/*--------------------------------------
main_section2 card type1
--------------------------------------*/
.main_section2 .page_card.card1 .card_items .card_item .item_content{
  background-color: #ffffff;
}

.main_section2 .page_card.card1 .card_items .card_item .item_content .item_ttl{
  color: #9f8825;
}

.main_section2 .page_card.card1 .card_items .card_item .item_content .item_txt{
  color: #000000;
}

.main_section2 .page_card.card1 .card_items .card_item .item_img{
  background-color: #FFFFFF;
}

@media screen and (min-width: 768px){
  .main_section2 .page_card.card1 .card_items .card_item,
  .main_section2 .page_card.card1 .card_items::before,
  .main_section2 .page_card.card1 .card_items::after{
        width: calc(100% / 2 - 60px / 2);
      }
}
@media screen and (max-width: 767px){
  .main_section2 .page_card.card1 .card_items .card_item
  .main_section2 .page_card.card1 .card_items::before,
  .main_section2 .page_card.card1 .card_items::after{
        width: calc(100% / 1);
      }
}


  
  
  
  




  /*--------------------------------------
  main_section3 page ttl ttl1
  --------------------------------------*/



  .main_section3 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section3 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section3 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section3 page txt
  --------------------------------------*/

    .main_section3 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section3 .page_txt.txt1.lead_text{
      text-align: center;
    }
  
/*--------------------------------------
main_section3 slideshow
--------------------------------------*/
.main_section3 .slick_items .slick_item .item_txt{
  color: #000000;
}


.main_section3 .slick_items .slick-arrow.prev_arrow span,
.main_section3 .slick_items .slick-arrow.next_arrow span{
  border-color: #877d61;
}



  /*--------------------------------------
  main_section4 page ttl ttl1
  --------------------------------------*/



  .main_section4 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section4 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section4 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section4 page txt
  --------------------------------------*/

    .main_section4 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section4 .page_txt.txt1.lead_text{
      text-align: center;
    }
  
/*--------------------------------------
main_section4 base section
--------------------------------------*/
  

  

/*--------------------------------------
main_section4 img_loop
--------------------------------------*/

  

    
      
    

        @media print, screen and (min-width: 768px){
      
            .main_section4 .row_0::before,
      .main_section4 .row_0::after,
      .main_section4 .row_0 .img_col{
        width:100%;
      }
    }
    

        @media screen and (max-width: 767px){
      
            .main_section4 .row_0::before,
      .main_section4 .row_0::after,
      .main_section4 .row_0 .img_col{
        width:100%;
      }
    }
    
  

  /*--------------------------------------
  main_section5 page ttl ttl1
  --------------------------------------*/



  .main_section5 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section5 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section5 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section5 page txt
  --------------------------------------*/

    .main_section5 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section5 .page_txt.txt1.lead_text{
      text-align: center;
    }
  

/*--------------------------------------
main_section5 voice
--------------------------------------*/
.main_section5 .page_step .step_items .step_item .item_ttl{
  color: #826b03;
}

.main_section5 .page_step .step_items .step_item .item_txt{
  color: #000000;
}

.main_section5 .page_step .step_items .step_item .item_num{
  color: #ffffff;
}

.main_section5 .page_step .step_items .step_item .item_num{
  background-color: #a98c03;
}

.main_section5 .page_step .step_items .step_item:not(:last-child)::after{
  background-color: #e8e2be;
}

  /*--------------------------------------
  main_section5 page txt
  --------------------------------------*/

    .main_section5 .page_txt.txt1.close_text{
    color: #000000;
  }



        .main_section5 .page_txt.txt1.close_text{
      text-align: left;
    }
  


  /*--------------------------------------
  main_section6 page ttl ttl1
  --------------------------------------*/



  .main_section6 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section6 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section6 .page_ttl.ttl1{
    text-align: center;
  }
  /*--------------------------------------
  main_section6 page txt
  --------------------------------------*/

    .main_section6 .page_txt.txt1.lead_text{
    color: #000000;
  }



        .main_section6 .page_txt.txt1.lead_text{
      text-align: center;
    }
  

/*--------------------------------------
main_section6 voice
--------------------------------------*/
.main_section6 .page_voice .voice_items .voice_item .item_txt{
  color: #000000;
}

.main_section6 .page_voice .voice_items .voice_item .item_txt .txt_line>span[class^=line]{
  background-color: #a98c03;
}

.main_section6 .page_voice .voice_items .voice_item .item_person{
  background-color: #cccccc;
}




  /*--------------------------------------
  main_section7 page ttl ttl1
  --------------------------------------*/



  .main_section7 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section7 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section7 .page_ttl.ttl1{
    text-align: center;
  }

.main_section7 .page_qa .qa_items .qa_item .item_inner{
  color: #826b03;
}


.main_section7 .page_qa .qa_items .qa_item{
  background-color: #ffffff;
}


.main_section7 .page_qa .qa_items .qa_item .item_txt{
  color: #000000;
}



.main_section7 .page_qa .qa_items .qa_item .item_btn .btn_inner{
  background-color: #aca16d;
}


.main_section7 .page_qa .qa_items .qa_item .item_btn .btn_inner::before,
.main_section7 .page_qa .qa_items .qa_item .item_btn .btn_inner::after{
  background-color: #FFFFFF;
}






  /*--------------------------------------
  main_section8 page ttl ttl1
  --------------------------------------*/



  .main_section8 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section8 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section8 .page_ttl.ttl1{
    text-align: center;
  }
/*--------------------------------------
main_section8 base section
--------------------------------------*/
  
    .main_section8.page_layout .layout_inner{
      background-color: #d6d3c6 !important;
    }
  

  




/* フォーム/表 : 項目名 */
.main_section8 .form_wrp .form_table tbody tr th{
  color: #000000;
}


/* フォーム/表 : 内容 テキスト */
.main_section8 .form_wrp .form_table tbody tr td{
  color: #000000;
}


/* フォーム/入力欄 : フォーカス枠 */
.main_section8 .form_wrp input.form_control:hover,
.main_section8 .form_wrp input.form_control:focus,
.main_section8 .form_wrp textarea.form_control:hover,
.main_section8 .form_wrp textarea.form_control:focus,
.main_section8 .form_wrp .form_select select:hover,
.main_section8 .form_wrp .form_select select:focus,
.main_section8 .form_wrp .form_radio li label input[type=radio]+.form_list_item_label:hover::before,
.main_section8 .form_wrp .form_check li label input[type=checkbox]+.form_list_item_label:hover::before,
.main_section8 .form_wrp .ajaxzip3_btn .btn_inner:hover{
  border: 1px solid #3B4043;
  -webkit-box-shadow: 0 0 0 4px rgba(59,64,67,0.5);
  box-shadow: 0 0 0 4px rgba(59,64,67,0.5);
}



/* フォーム/入力欄 : チェックボックス・ラジオボタン・セレクトボックス矢印 */
.main_section8 .form_wrp .form_radio li label input[type=radio]:checked+.form_list_item_label::after{
  background: #877d61;
}

.main_section8 .form_wrp .form_check li label input[type=checkbox]:checked+.form_list_item_label::after,
.main_section8 .form_wrp .form_select::before{
  border-color: #877d61;
}



/* フォーム/送信ボタン : 背景色 */
.main_section8 .form_wrp .btn_submit .btn_inner:not(:disabled){
  background: #3B4043;
  border: 1px solid #3B4043;
}


/* フォーム/送信ボタン : テキスト */
.main_section8 .form_wrp .btn_submit .btn_inner:not(:disabled){
  color: #ffffff;
}



  /*--------------------------------------
  main_section9 page ttl ttl1
  --------------------------------------*/



  .main_section9 .page_ttl.ttl1 .ttl_ja{
    color: #000000;
  }


  .main_section9 .page_ttl.ttl1 .ttl_en{
    color: #9f8825;
  }



  .main_section9 .page_ttl.ttl1{
    text-align: center;
  }

.main_section9 .page_company .company_table th{
  color: #909090;
}



.main_section9 .page_company .company_table td{
  color: #3b4043;
}



.main_section9 .page_company .company_table{
  border-color: #BABABA;
}



.main_section9 .page_company .company_table tr{
  border-color: #DBDBDB;
}

/*--------------------------------------
go top arrow
--------------------------------------*/
    #go_top_arrow .arrow_svg{
    background-color: #877d61;
  }

    #go_top_arrow .arrow_svg svg path{
    fill: #ffffff;
  }


/*--------------------------------------
Footer
--------------------------------------*/
#page_footer .layout_inner {
  background-color: #9f8825;
}


#page_footer .footer_copyrights {
  color: #ffffff;
}



/*--------------------------------------
footer social medias
--------------------------------------*/
.footer_social_medias .social_media li path{
  fill: #FFFFFF;
}

/*--------------------------------------
hamburger menu
--------------------------------------*/
#hm_canvas .canvas_body {
  background-color: #3B4043;
}


#hm_canvas .body_menu .menu_items li a {
  color: #ffffff;
}



/*--------------------------------------
social medias
--------------------------------------*/
#hm_canvas .social_media li path{
  fill: #FFFFFF;
}

/*--------------------------------------
cv btn
--------------------------------------*/


.cv_btn .btn_inner {
  color: #ffffff;
}


.cv_btn .btn_inner {
  background-color: #877d61;
}


.cv_btn .btn_inner:hover {
  background-color: rgba(135,125,97,0.7);
}

/*--------------------------------------
wysiwyg
--------------------------------------*/
.custom_html p {
  color: #000000;
}

.custom_html p a{
  color: #877d61;
}

.custom_html h2{
  color: #ffffff;
}

.custom_html h3{
  color: #000000;
}
.custom_html h3{
  background-color: #fde5f2;
}

.custom_html h4{
  color: #000000;
}
.custom_html h4 span{
  border-color: #000000;
}

.custom_html h5{
  color: #000000;
}

/*--------------------------------------
page custom
--------------------------------------*/
.fontawesome{
font-size:1.8rem;
padding-right:0.6em;
padding-top:0.5em;
}
.logo_img{
max-height:70px!important;
position:relative;
top:-5px;
}
.cv_btn .btn_img_inner img {
    width: 386px;
}
.qa_item{
padding:16px!important;
}
@media(max-width:768px){
.logo_img{
max-height:38px!important;
top:0px;
}
.cv_btn .btn_img_inner img {
    width: 300px;
}
}
@media(min-width:769px){
.main_section4 img{
max-width:996px;
}
}
.company_table th{
white-space:nowrap;
}
.table_txt p iframe{
border: 0;
    width: 100%;
    aspect-ratio: 16/9;
height:auto;
}
select option{
color:#000;
}
select{
color:#000;
}
