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


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

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

/*--------------------------------------
main visual
--------------------------------------*/
#page_visual.page_layout.layout1 .layout_inner{
  background-color: #252525;
}



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









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

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


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








  .main_section1 .page_ttl.ttl1{
    text-align: left;
  }
/*--------------------------------------
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_section5 page ttl ttl1
--------------------------------------*/


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








  .main_section5 .page_ttl.ttl1{
    text-align: left;
  }
/*--------------------------------------
main_section5 img_loop
--------------------------------------*/

  

    
      
    

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

        @media screen and (max-width: 767px){
      
            .main_section5 .row_0::before,
      .main_section5 .row_0::after,
      .main_section5 .row_0 .img_col{
        width:50%;
      }
    }
    
  /*--------------------------------------
main_section8 page ttl ttl1
--------------------------------------*/


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






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



  .main_section8 .page_ttl.ttl1{
    text-align: left;
  }
/*--------------------------------------
news
--------------------------------------*/

.main_section8 .page_news .btn_more{
  color: #000000;
}

.main_section8 .page_news .news_items .news_item .item_date{
  color: #000000;
}

.main_section8 .page_news .news_items .news_item .item_ttl{
  color: #000000;
}

.main_section8 .page_news .news_items .news_item:not(:first-child){
  border-color: #0d707a;
}

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

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


/*--------------------------------------
hamburger menu
--------------------------------------*/
#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;
}

/*--------------------------------------
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: #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;
}