@charset "UTF-8";
/* CSS Document */
.wrapper_ekisai {
  background: #FFFEF5;
	padding-bottom: 100px;
	font-size: 16px;
	line-height: 170%;
}
.wrapper_ekisai a:hover {
  transition: all 0.3s ease 0s;
}
.wrapper_ekisai a:hover {
  text-decoration: none;
}
.wrapper_ekisai img {
  width: 100%;
  height: auto
}

  .box_course > ol li.btn_fukushima a span.txt_distance{
	color: #00698E;
	}
  .box_course > ol li.btn_ibaraki a span.txt_distance{
    color: #5D8A34;
  }
/* PC：ウィンドウ幅が750px以上の場合に適用するCSS */
@media screen and (min-width: 750px) {
.wrapper_ekisai {
	padding-top: 50px;
}
  .pc {
    display: block;
  }
  .sp {
    display: none;
  }
  /****** KEY VISUAL ******/
  .kv {
		width: 1100px;
    margin: 0 auto -10px auto;
  }
  .kv img {
    width: 100%;
    height: auto;
		margin: 0;
		padding: 0;
  }
	.kv h1{
		margin: 0;
		padding: 0;
	}
  /****** CONTENTS ******/
  .wrapper_main {
    width: 950px;
    margin: 0 auto;
  }
	/****** BLANK BUTTON ******/
  a.btn_blank {
    display: block;
    width: 100%;
    margin: 10px auto 0 auto;
    padding: 10px 5%;
    border-radius: 30px;
    background: #62C0D9 url("../images/common/icon_blank_white.svg") no-repeat;
    background-position: 95% center;
    border: 3px solid #62C0D9;
    font-size: 0.875em;
    text-align: left;
    color: #ffffff;
  }
  a.btn_blank:hover {
		background: #fff url("../images/common/icon_blank_blue.svg") no-repeat;
		background-position: 95% center;
    color: #62C0D9;
    border: 3px solid #62C0D9;
  }
		/****** BACK BUTTON ******/
	  a.btn_back {
    display: block;
    width: 440px;
    margin: 10px auto 0 auto;
    padding: 20px 5%;
    border-radius: 50px;
    background: #62C0D9 url("../images/common/icon_arrow_white.svg") no-repeat;
    background-position: 95% center;
    border: 3px solid #62C0D9;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
  }
  a.btn_back:hover {
		background: #fff url("../images/common/icon_arrow_blue.svg") no-repeat;
		background-position: 95% center;
    color: #62C0D9;
    border: 3px solid #62C0D9;
  }
}



/* SP：ウィンドウ幅が0?750pxの場合に適用するCSS */
@media screen and ( max-width:750px )
{
.wrapper_ekisai {
	padding-top: 10vw;
}
.pc { display: none; }
.sp { display: block; }

	.wrapper_main{
		width: 90vw;
		margin: 0 auto;
	}

	/****** KEY VISUAL ******/
	.kv{
		width: 90vw;
		margin: 0 auto -10px auto;
	}
	.kv h1{
		margin: 0;
		padding: 0;
	}
	.kv img{
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
	}
	
	/****** BLANK BUTTON ******/
  a.btn_blank {
		display: block;
		width: 100%;
		margin: 2vw auto 0 auto;
		padding: 2vw 5vw;
		border-radius: 30px;
		background: #62C0D9 url("../images/common/icon_blank_white.svg") no-repeat;
		background-position: 95% center;
		border: 3px solid #62C0D9;
		font-size: 3.2vw;
		text-align: left;
		color: #ffffff;
	}
		/****** BACK BUTTON ******/
	  a.btn_back {
    display: block;
		width: 100%;
		margin: 2vw auto 0 auto;
		padding: 2vw 5vw;
		border-radius: 30px;
    background: #62C0D9 url("../images/common/icon_arrow_white.svg") no-repeat;
    background-position: 95% center;
    border: 3px solid #62C0D9;
				font-size: 3.2vw;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
  }
}