/*--------------------------------------
全般 / 装飾・スタイル
<pre>Array
(
    [main] => #000000
    [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)}








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





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

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





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



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





  .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 base section
--------------------------------------*/
  
    .main_section1.page_layout .layout_inner{
      background-color: #f4f4f4 !important;
    }
  

  

/*--------------------------------------
main_section1 img_loop
--------------------------------------*/

  

    
      
    

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

        @media screen and (max-width: 767px){
      
            .main_section1 .row_0::before,
      .main_section1 .row_0::after,
      .main_section1 .row_0 .img_col{
        width:100%;
      }
    }
    
    /*--------------------------------------
  main_section1 page txt
  --------------------------------------*/

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



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









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

/*--------------------------------------
main_section2 card type3
--------------------------------------*/
.main_section2 .page_card.card3 .card_items .card_item .item_content .item_ttl{
  color: #ffffff;
}

.main_section2 .page_card.card3 .card_items .card_item .item_content .item_txt{
  color: #ffffff;
}


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



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


    .main_section2 .page_card.card3 .card_items .card_item.item_0{
    background-color: #282828;
  }

  
    .main_section2 .page_card.card3 .card_items .card_item.item_0 .item_img img{
      max-width: 320px;
    }
  
    .main_section2 .page_card.card3 .card_items .card_item.item_1{
    background-color: #282828;
  }

  
    .main_section2 .page_card.card3 .card_items .card_item.item_1 .item_img img{
      max-width: 320px;
    }
  
    .main_section2 .page_card.card3 .card_items .card_item.item_2{
    background-color: #282828;
  }

  
    .main_section2 .page_card.card3 .card_items .card_item.item_2 .item_img img{
      max-width: 320px;
    }
  


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



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





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

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

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

.main_section3 .page_voice .voice_items .voice_item .item_person{
  background-color: #3B4043;
}




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



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





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

  


/*--------------------------------------
main_section4 voice
--------------------------------------*/
.main_section4 .page_step .step_items .step_item .item_ttl{
  color: #000000;
}

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

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

.main_section4 .page_step .step_items .step_item .item_num{
  background-color: #3B4043;
}

.main_section4 .page_step .step_items .step_item:not(:last-child)::after{
  background-color: #3B4043;
}



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



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





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



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


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


/* フォーム/入力欄 : フォーカス枠 */
.main_section5 .form_wrp input.form_control:hover,
.main_section5 .form_wrp input.form_control:focus,
.main_section5 .form_wrp textarea.form_control:hover,
.main_section5 .form_wrp textarea.form_control:focus,
.main_section5 .form_wrp .form_select select:hover,
.main_section5 .form_wrp .form_select select:focus,
.main_section5 .form_wrp .form_radio li label input[type=radio]+.form_list_item_label:hover::before,
.main_section5 .form_wrp .form_check li label input[type=checkbox]+.form_list_item_label:hover::before,
.main_section5 .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_section5 .form_wrp .form_radio li label input[type=radio]:checked+.form_list_item_label::after{
  background: #000000;
}

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



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


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

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

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


/*--------------------------------------
Footer
--------------------------------------*/
#page_footer .layout_inner {
  background-color: #3B4043;
}


#page_footer .footer_copyrights {
  color: #ffffff;
}



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


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


.cv_btn .btn_inner {
  color: #ffffff;
}


.cv_btn .btn_inner {
  background-color: #3B4043;
}


.cv_btn .btn_inner:hover {
  background-color: rgba(59,64,67,0.7);
}

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

.custom_html p a{
  color: #000000;
}

.custom_html h2{
  color: #000000;
}

.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;
}