@charset "utf-8";
/* CSS Document */
*{
	margin: 0;
	padding: 0;
} 
body {
	font-size: 14px;
	letter-spacing: 1px;
	font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic",  sans-serif;
	/*font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif";*/
}
img{
	vertical-align:bottom;
	width: 100%;
	height: auto;
}
h1,h2,h3,h4,h5{
	font-size:100%;
	font-weight: normal; 
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
address{
	font-style: normal;
}
#wrap{
}
.width_95per {
    width: 95%;
}
.linkStyle{
	color:#aaa;
}
.linkStyle:hover{
	color:#aaa;
	opacity: 0.7;
	transition: all 0.5s;
}
/*-------------------------------------------------------
					　ヘッダー
-------------------------------------------------------*/
header {
	position: absolute;
	z-index:999;
	left: 0;
    right: 0;
    margin: auto;
}
#header {
	background-color: rgba(255,255,255,0.8)
}
#header .logo{
	width: 17%;
}
#header .header_menu ul li{
	line-height: 1.2;
}
#header .header_form a{
	background: -webkit-linear-gradient(left, #009643, #6eb92b);
	background: -o-linear-gradient(left, #009643, #6eb92b);
	background: linear-gradient(to right, #009643, #6eb92b);
	padding-left: 25px;
	padding-right: 25px;
}
/*------------------------------------------------------
				　ヘッダー応募フォーム
-------------------------------------------------------*/
header .header_buttons {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  text-align: center;
}

header .header_container {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
@media (min-width: 600px) {
header .header_container {
    flex-direction: row;
    justify-content: space-between;
  }
}
header .header_btn {
  color: #fff;
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 45px;
  max-width: 160px;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
background: -webkit-linear-gradient(left, #009643, #6eb92b);
	background: -o-linear-gradient(left, #009643, #6eb92b);
	background: linear-gradient(to right, #009643, #6eb92b);
}
header .header_btn:hover {
  text-decoration: none;
}

header .header_btn-4 {
  overflow: hidden;
  position: relative;

}
header .header_btn-4 span {
  z-index: 20;
	
}
header .header_btn-4:after {
  background: #fff;
  content: "";
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  width: 50px;
  z-index: 10;
}

header .header_btn-4:hover:after {
  left: 120%;
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
/*-------------------------------------------------------
					　フッター
-------------------------------------------------------*/
footer{
	background: -webkit-linear-gradient(left, #009643, #6eb92b);
	background: -o-linear-gradient(left, #009643, #6eb92b);
	background: linear-gradient(to right, #009643, #6eb92b);
}
footer .footer_cms{
	line-height: 1.9;
}
footer .link_box .link{
	width: 45px;
}
footer nav ul li::before{
	content: "/";
	display: inline-block;
	vertical-align: middle;
	padding-right: 5px;
}
footer nav ul li:first-child::before{
	content: "";
	display: inline-block;
	vertical-align: middle;
}
/*-------------------------------------------------------
					　top_return
-------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 50px;
    right: 40px;
	z-index: 99;
}
#page-top a img{
	height: 60px;
	width:60px;
}
@media all and (-ms-high-contrast: none){
#header {
   justify-content: flex-start;
}

#header .header_menu {
padding-top:5px;
	margin-left: auto;
}
header .header_btn{
	padding-top: 5px;
	margin-bottom: 5px
}
}
@media screen and (max-width: 1000px) and (-ms-high-contrast: none){
#header .header_menu {
display: none;
}
#header #nav_menu{
	display: block;
}
}

/*ここからタブレット用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 780px){
/*-------------------------------------------------------
					　ヘッダー
-------------------------------------------------------*/
#header .logo{
	width: 25%;
}
/*-------------------------------------------------------
					　top_return
-------------------------------------------------------*/
#page-top {
    position: fixed;
    bottom: 10px;
    right: 10px;
	z-index: 99;
}
#page-top a img{
	height: 50px;
	width:50px;
}
}
/*ここからスマホ用（750px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
/*-------------------------------------------------------
					　ヘッダー
-------------------------------------------------------*/
#header .logo{
	width: 65%;
}
#page-top a img{
	height: 45px;
	width:45px;
}
}