@charset "UTF-8";
/**
 * @package    WCF
 * @version    6.1

 * @subpackage wcl.class
 * OUTLINE:	アニメーション
 */
/************************************************************************************************************************************
	@基本ブラウザ適用指定記述
	transition: all 0.4s; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s;
	//	クリック系統はjsにてクラス付与
************************************************************************************************************************************/
/************************************************************************************************************************************
	animate付与
************************************************************************************************************************************/
/* PC */
@media print, screen and (min-width: 901px) {}
/* SP */
@media screen and (max-width: 900px) {}
/* 両対応 */
a:not(.no_animate) {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.form_button_wrap .form_button button {
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.is_header_fixed #header {
  transition: all 0.2s;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
}
/************************************************************************************************************************************
	hover
************************************************************************************************************************************/
/*
	common hover
*********************************************************************************/
@media print, screen and (min-width: 901px) {
  a:not(.no_opacity):hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
  }
}
@media screen and (max-width: 900px) {
  a:not(.no_opacity):active {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
  }
}
/*
	button hover
*********************************************************************************/
@media print, screen and (min-width: 901px) {
  .form_button_wrap .form_button button:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
  }
}
@media screen and (max-width: 900px) {
  .form_button_wrap .form_button button:active {
    opacity: 0.6;
    filter: alpha(opacity=60);
    -ms-filter: "alpha( opacity=60 )";
  }
}
/************************************************************************************************************************************
	click @only
************************************************************************************************************************************/
/*

*********************************************************************************/
/************************************************************************************************************************************
	click or active
************************************************************************************************************************************/
/*

*********************************************************************************/
/************************************************************************************************************************************
	header
************************************************************************************************************************************/
#header.header_fixed_on {
  position: absolute;
  top: 0;
  left: 0;
}
#header.header_fixed_on.is_opacity_0 {
  opacity: 0.0;
}
#header.header_fixed_on {}
.is_header_fixed #header.header_fixed_on {
  position: fixed;
  opacity: 1.0;
}
.is_header_fixed #header.header_fixed_on .header_bg {}
@media print, screen and (min-width: 1600px) {}
@media print, screen and (min-width: 901px) {
  .is_header_fixed #header.header_fixed_on .header_bg {}
}
@media print, screen and (min-width: 901px) and (max-width: 1300px) {}
@media print, screen and (min-width: 901px) and (max-width: 1400px) {}
@media print, screen and (min-width: 901px) and (max-width: 1140px) {
  .is_header_fixed #header.header_fixed_on #header_content {
    padding-left: 10px;
    padding-right: 10px;
  }
  .is_header_fixed #header.header_fixed_on #nav {
    max-width: 644px;
    padding-right: 207px;
  }
  .is_header_fixed #header.header_fixed_on #nav ul li.header_contact {
    position: absolute;
    top: 0;
    right: 0;
  }
  .is_header_fixed #header.header_fixed_on #nav ul li:not(.header_contact) {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 901px) and (max-width: 840px) {
  .is_header_fixed #header.header_fixed_on #nav {
    max-width: 534px;
    padding-right: 165px;
  }
  #header #nav ul li:not(.pcfirst):not(:first-child):not(.header_contact) {
    margin-left: 20px;
  }
}
@media screen and (max-width: 900px) {
  .is_header_fixed #header.header_fixed_on .header_bg {}
}