@charset "UTF-8";
/* ==================================================
	basic layout
================================================== */
#wrapper {
  position: relative;
  width: 100%;
  height: 100%;

  -webkit-text-size-adjust: 100%;
  color: #303346;
  font-size: 1.4rem;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}
#wrapper p {
	font-weight: bold;
}
/* サイト幅
-------------------------------------------------- */
.site_wrap {
  box-sizing: border-box;
  width: 100%;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#wrapper {
		position: relative;
		min-width: 1200px;
	}
  .site_wrap {
    min-width: 1200px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 639px) {
	.site_wrap {
		display: block;
		margin: 0px;
		padding: 0px;
	}
	body.fx {
		position: fixed;
		top: 0;
	}
}
/* ========== end △ */
/* ==================================================
	header
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	body {
		margin: 0;
		padding: 0;
	}
	img {
		width: 100%;
	}
	header {
		position:fixed;
		left: 0;
		top: 0;
		z-index: 200;
		width: 100%;
		height: 60px;
		background: #111;
	}
	.head-top {
		display: block;
		padding-left: 1%;
	}
	.head-top h1 {
		display: block;
		float: left;
		padding-left: 10px;
		padding-top: 10px;
		width: 180px;
	}
	.head-top h1 img {
		display: block;
		max-width: 100%;
	}
	.head-top .ref {
		display: none;
	}
	.gbase {
		display: none;
	}
	.head-top .telbox {
		display: none;
	}
	.head-top .contactbtn {
		display: block;
		float: right;
	}
	.head-top .contactbtn a {
		display: block;
		text-decoration: none;
		text-align: center;
		background: #cb1515 url(../common_img/mail.png) center center no-repeat;;
		width: 60px;
		margin-right: 60px;
		height: 60px;
		color: #FFF !important;
		text-indent: -9999px;
	}
	.sp_none {
		display: none !important;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	header {
		position:fixed;
		left: 0;
		top: 0;
		z-index: 200;
		width: 100%;
		-webkit-transition: all 0.5s ease-in-out 0s;
  		transition: all 0.5s ease-in-out 0s;
	}
	header::after {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		content: "";
		width: 100%;
		height: 0%
	}
	a,
	a:hover,
	a::after,
	a::before{
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top {
		display: block;
	}
	.head-top h1 {
		display: block;
		float: left;
		max-width: 280px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top h1 img {
		display: block;
		max-width: 100%;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .ref {
		display: block;
		float: right;
		background: #030303;
		height: 90px;
		position: relative;
		z-index: 5;
	}
	.gbase {
		display: block;
		float: left;
	}
	.gbase ul {
		display: block;
		padding-top: 26px;
	}
	.gbase li {
		display: block;
		float: left;
		font-size: 1.35rem;
		line-height: 1;
		padding: 0px 18px 0 18px ;
		position: relative;
		border-right: #3c4878 solid 1px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.gbase li:nth-child(7) {
		border-right: 0px;
	}
	.gbase li a,
	.gbase li b{
		display: block;
		color: #FFF;
		text-decoration: none;
		text-align: center;
		padding: 10px 0;
		font-weight: normal;
		position: relative;
	}
	.gbase li a::after,
	.gbase li b::after{
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		content: "";
		margin: auto;
		width: 50px;
		height: 0px;
		background: #89C91F;
	}
	.gbase li a:hover::after,
	.gbase li b:hover::after{
		height: 2px;
	}
	.subh-link {
		display: block;
		float: left;
		padding-top: 8px;
		padding-right: 30px;
	}
	.subh-link li {
		display: block;
		position: relative;
		font-size: 1.25rem;
		line-height: 1;
		padding-left: 10px;
		margin: 14px 0;
	}
	.subh-link li::before{
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		left: 0px;
		width: 4px;
		height: 4px;
		border-top: 1px solid #014fb0;
		border-right: 1px solid #014fb0;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.subh-link li a {
		color: #FFF;
		text-decoration: none;
	}
	.subh-link li a:hover {
		text-decoration: underline;
	}
	.hojo {

		float: left;
		height: 90px;
		width: 110px;
		text-align: center;
	}
	.hojo a {

		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 90px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.3;
		background: #00a6e3;
	}
	.hojo a:hover {

		background: #2eb333;
	}
	.hojo a span {
		display:inline-block;
		position: relative;
		padding-top: 20px;
		background: url(../common_img/hojokin.png) top center no-repeat;
	}
	.h-cont {
		/* display: none  !important; */
		float: left;
		height: 90px;
		width: 110px;
		text-align: center;
	}
	.h-cont a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 90px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.3;
		background: #0072ff;
	}
	.h-cont a:hover {
		background: #2eb333;
	}
	.h-cont a span {
		display:inline-block;
		position: relative;
		padding-top: 25px;
		background:url(../common_img/saiyou.png) top center no-repeat;
	}
	.nav_butsuryu {

		float: left;
		height: 90px;
		width: 110px;
		text-align: center;
	}
	.nav_butsuryu a {
	
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 90px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.3;
		background: #F29300;
	}
	.nav_butsuryu a:hover {
		
			background: #f6b34c;
	}
	.nav_butsuryu a span {
		display:inline-block;
		position: relative;
		padding-top: 20px;
		background: url(../common_img/common_img/butsuryu.png) top center no-repeat;
	}
	#menu {
	}
	.menu_contents {
		padding-top: 14px;
		display: none;
		position: absolute;
		top: 95%;
		left: 0;
		width: 450px;
		z-index: 20;
	}
	.menu_contents::before,
	.menu_contents::after{
		position: absolute;
		top: -21px;
		left: 0;
		right: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}
	.menu_contents::before{
		left: -65%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #111;
	}
	.menu_contents.v2::before{
		left: 23%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #111;
	}
	.menu_contents .inn {
		display: block;
		text-align: center !important;
		background: #111;
		padding: 15px 15px 15px 15px;
		width: auto !important;
	}
	.menu_contents li {
		display: block !important;
		float: left !important;
		width: 47% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 15px !important;
		margin-top: 0px !important;
		padding: 0 !important;
		border: 0px !important;
		font-size: 1.4rem !important;
	}
	.menu_contents li::before {
		display: none !important;
	}
	.menu_contents li a,
	.menu_contents li a{
		display: block;
		text-align: left;
		background: #FFF;
		color: #111 !important;
		position: relative;
		padding: 13px 15px !important;
		font-size: 1.2rem !important;
	}
	.menu_contents li a::after {
		display: none;
	}
	.menu_contents li a:hover {
		background: #89C91F;
		color: #FFF !important;
	}
	.menu_contents li a::before {
		position: absolute;
		top: 0px;
		left: 6px;;
		bottom: 0px;
		margin: auto;
		content: "";
		vertical-align: middle;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #111;
	}
	.menu_contents li a:hover::before {
		position: absolute;
		top: 0px;
		left: 6px;;
		bottom: 0px;
		margin: auto;
		content: "";
		vertical-align: middle;
		box-sizing: border-box;
		width: 4px;
		height: 4px;
		border: 4px solid transparent;
		border-left: 4px solid #FFF;
	}
	.menu_contents li a:hover::after {
		display: none !important;
	}
	.menu_contents li a:hover {
		color: #FB760A;
		text-decoration: none !important;
	}
	.menu_contents li a {
	  color: #fff;
	}
	.head-top .telbox {
		display: block;
		float: left;
		padding-top: 25px;
		margin-right: 20px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .telbox div {
		display: block;
		font-size: 2.6rem;
		font-weight: bold;
		line-height: 1;
		color: #ea2626;
		margin-bottom: 4px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .telbox small {
		color: #111;
		font-size: 1.5rem;
		line-height: 1;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .telbox span {
		display: block;
		text-align: center;
		color: #FFF;
		line-height: 1;
		background: #000;
		font-size: 1.2rem;
		padding: 5px 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .contactbtn {
		display: block;
		float: right;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .contactbtn a {
		display: block;
		text-decoration: none;
		text-align: center;
		background: #cb1515;
		padding: 35px 20px;
		color: #FFF !important;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .contactbtn a:hover {
		background: #111;
	}
	.head-top .contactbtn a span {
		display: inline-block;
		position: relative;
		font-size: 2rem;
		line-height: 1;
		padding-left: 39px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .contactbtn a span::before {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background:url(../common_img/mail.png) center center no-repeat;
		width: 28px;
		height: 20px;
	}
	header.ml-fix {
		position:fixed;
		left: 0;
		top: 0;
		z-index: 200;
		width: 100%;
		height: 70px;
		-webkit-transition: all 0.5s ease-in-out 0s;
  		transition: all 0.5s ease-in-out 0s;
	}
	header.ml-fix::after {
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
		top: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: #030303;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top h1 {
		display: block;
		float: left;
		padding-left: 1.4%;
		padding-top: 17px;
		width: 220px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
		position: relative;
		z-index: 200;
	}
	header.ml-fix .head-top h1 img {
		display: block;
		max-width: 100%;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top .ref {
		display: block;
		float: right;
		background: #030303;
		height: 70px;
		position: relative;
		z-index: 5;
	}
	header.ml-fix .gbase {
		display: block;
		float: left;
		position: relative;
		z-index: 200;
		padding: 15px 0 0 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .gbase ul {
		padding-top: 10px;
	}
	header.ml-fix .gbase li {
		display: block;
		float: left;
		font-size: 1.2rem;
		line-height: 1;
		padding: 0 5px;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .hojo a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 70px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.3;
		background: #00a6e3;
	}
	.hojo a:hover {
		background: #2eb333;
	}
	.hojo a span {
		display:inline-block;
		position: relative;
		padding-top: 20px;
		background: url(../common_img/hojokin.png) top center no-repeat;
	}
	header.ml-fix .h-cont {
		display:block;
		float: left;
		height: 70px;
		width: 110px;
		text-align: center;
	}
	header.ml-fix .h-cont a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 70px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.3;
		background: #0072ff;
	}
	.h-cont a:hover {
		background: #2eb333;
	}
	.h-cont a span {
		display:inline-block;
		position: relative;
		padding-top: 25px;
		background:url(../common_img/saiyou.png) top center no-repeat;
	}
	header.ml-fix .nav_butsuryu {
		display:block;
		float: left;
		height: 70px;
		width: 110px;
		text-align: center;
	}
	header.ml-fix .nav_butsuryu a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 70px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.4rem;
		line-height: 1.2;
		background: #F29300;
	}
	.nav_butsuryu a:hover {
		background: #f6b34c;
	}
	.nav_butsuryu a span {
		display:inline-block;
		position: relative;
		padding-top: 20px;
		background:url(../common_img/butsuryu.png) top center no-repeat;
	}
	header.ml-fix .menu_contents::before{
		left: -75%;
		box-sizing: border-box;
		width: 24px;
		height: 24px;
		border: 24px solid transparent;
		border-bottom: 24px solid #111;
	}
	header.ml-fix .menu_contents li {
		display: block !important;
		float: left !important;
		width: 42% !important;
		margin-left: 1% !important;
		margin-right: 1% !important;
		margin-bottom: 15px !important;
		margin-top: 0px !important;
		padding: 0 0px;
		font-size: 1.4rem !important;
	}
	header.ml-fix .head-top .telbox {
		display: block;
		float: left;
		position: relative;
		z-index: 200;
		padding-top: 10px;
		margin-right: 10px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top .telbox div {
		display: block;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1;
		color: #ea2626;
		margin-bottom: 4px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top .telbox small {
		color: #111;
		font-size: 1.3rem;
		line-height: 1;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top .telbox span {
		display: block;
		text-align: center;
		color: #FFF;
		line-height: 1;
		background: #000;
		font-size: 1.1rem;
		padding: 3px 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top .contactbtn {
		position: relative;
		z-index: 200;
		height: 70px;
		overflow: hidden;
	}
	header.ml-fix .head-top .contactbtn a {
		display: block;
		text-decoration: none;
		text-align: center;
		background: #cb1515;
		padding: 30px 10px 45px 10px;
		color: #FFF !important;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top .contactbtn a:hover {
		background: #111;
	}
	header.ml-fix .head-top .contactbtn a span {
		display: inline-block;
		position: relative;
		font-size: 1.4rem;
		line-height: 1;
		padding-left: 19px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	header.ml-fix .head-top .contactbtn a span::before {
		position: absolute;
		left: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background:url(../common_img/mail.png) center center no-repeat;
		background-size: 100% auto;
		width: 16px;
		height: 20px;
	}
	.pc_none {
		display: none !important;
	}
	.hojo a:hover {
		background: #2eb333 !important;
	}
	.h-cont a:hover {
		background: #2eb333 !important;
	}
	.nav_butsuryu a:hover {
		background: #f6b34c !important;
	}
}
@media print, screen and (min-width: 640px) and (max-width: 1550px) {
	header {
		z-index: 200;
		width: 100%;
		height: 70px;
		-webkit-transition: all 0.5s ease-in-out 0s;
  		transition: all 0.5s ease-in-out 0s;
	}
	.head-top h1 {
		display: block;
		float: left;
		padding-left: 1.4%;
		padding-top: 10px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
		position: relative;
		z-index: 200;
	}
	.head-top h1 img {
		display: block;
		max-width: 100%;
		width: auto;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.head-top .ref {
		display: block;
		float: right;
		background: #030303;
		height: 70px;
		position: relative;
		z-index: 5;
	}
	.gbase {
		display: block;
		float: left;
		position: relative;
		z-index: 200;
		padding: 15px 0 0 0;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.gbase ul {
		padding-top: 10px;
	}
	.gbase li {
		display: block;
		float: left;
		font-size: 1.3rem;
		line-height: 1;
		padding: 0 15px;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.hojo,
	header.ml-fix .hojo{
		display:block;
		float: left;
		height: 70px;
		width: 80px;
		text-align: center;
	}
	.hojo a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 70px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.2rem !important;
		line-height: 1.3;
		background: #00a6e3;
	}
	.hojo a:hover {
		background: #2eb333;
	}
	.hojo a span {
		display:inline-block;
		position: relative;
		padding-top: 20px;
		background: url(../common_img/hojokin.png) top center no-repeat;
	}
	.h-cont,
	header.ml-fix .h-cont{
		display:block;
		float: left;
		height: 70px;
		width: 80px;
		text-align: center;
	}
	.h-cont a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 70px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.2rem !important;
		line-height: 1.3;
		background: #0072ff;
	}
	header.ml-fix .hojo a {
		font-size: 1.2rem;
	}
	header.ml-fix .h-cont a {
		font-size: 1.2rem;
		line-height: 1.3;
		background: #0072ff;
	}
	.nav_butsuryu,
	header.ml-fix .nav_butsuryu{
		display:block;
		float: left;
		height: 70px;
		width: 80px;
		text-align: center;
	}
	.nav_butsuryu a {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		width: 100%;
		height: 70px;
		color: #FFF;
		text-decoration: none !important;
		font-size: 1.2rem !important;
		line-height: 1.3;
		background: #F29300;
	}
	header.ml-fix .nav_butsuryu a {
		font-size: 1.2rem;
		line-height: 1.3;
		background: #F29300;
	}

}
@media print, screen and (min-width: 640px) and (max-width: 1400px)  {
	.fix-1400 {
		margin-left: 4%;
		margin-right: 4%;
	}
	.head-top h1 {
		display: block;
		float: left;
		max-width: 240px;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.gbase li {
		display: block;
		float: left;
		font-size: 1.2rem;
		line-height: 1;
		padding: 0 10px;
		position: relative;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
}
/* ========== end △ */



/* ==================================================
	SP-NAV
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.mebt {
		position:fixed;
		right: 0px;
		top: 0px;
		z-index: 2000;
	}
	.menu-trigger{
		z-index: 3000;
		position: fixed;
		right: 0px;
		top: 0px;
		display:block;
		width: 55px;
		height: 60px;
		opacity: 1;
		filter: alpha(opacity=100);
	}
	.menu-trigger span {
		position: absolute;
		background: #FFF;
		width: 28px;
		height: 2px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 2000;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 16px;
	}
	.menu-trigger span:nth-of-type(2) {
		top: -9px;
		bottom: 0;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 24px;
	}

	.menu-trigger.active span {
		text-indent: -9999px;
		background: #FFF;
		width: 25px;
		height: 2px;
	}

  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
	 top:19px;}

  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0;
    }

  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
	 bottom: 21px;}
	nav.downs {
		display: none;
		position: fixed;
		top: 60px;
		right: 0px;
		background: rgba(255,255,255,0.96);
		width: 100vw;
		height: 96vh;
		z-index: 1000;
		overflow: auto;
	}
	nav.downs .pad01 {


	}
	.links-box {
		display: block;
		padding-bottom: 100px;
	}
	.links-box li {
		border-bottom: #111 dotted 1px;
		color: #111;
		font-size: 1.5rem;
		line-height: 1.4;
		padding: 15px 5% 15px 5%;
	}
	.links-box li a {
		color: #111;
		font-size: 1.5rem;
		line-height: 1.4;
		text-decoration: none;
	}
	.acd-check{
		display: none;
	}
	.acd-label {
		display: block;
		text-align:left;
		cursor: pointer;
		text-decoration: none;
		color: #111;
		font-size: 1.5rem;
		line-height: 1.4;
		position: relative;
		z-index: 2000;
	}
	.acd-label::after {
		position: absolute;
		right: 23px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 3px;
		height: 15px;
		background: #111;
	}
	.acd-label::before {
		position: absolute;
		right: 17px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 15px;
		height: 3px;
		background: #111;
	}
	.acd-content{
		height: 0;
		opacity: 0;
		padding: 0 10px 0px 20px;
		transition: .5s;
		visibility: hidden;
	}
	.acd-content li {
		border-bottom: #FFF solid 1px !important;
		margin-left: 10px;
	}
	.acd-content li:nth-child(4) {
		border-bottom: 0px !important;
	}
	.acd-check:checked + .acd-label::after {
		display: none;
	}
	.acd-check:checked + .acd-label + .acd-content{
		height: auto;
		opacity: 1;
		padding: 0px 10px 10px 10px;
		visibility: visible;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.mebt {
		display: none;
	}
	.downs {
		display: none;
	}
}
/* ========== end △ */
/* title set
-------------------------------------------------- */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.tibox01 {
		display: block;
		margin-bottom: 25px;
		padding-bottom: 10px;
		border-bottom: #f0f2f7 solid 2px;
		position: relative;
	}
	.tibox01.v2 {
		border-bottom: #FFF solid 2px;
		position: relative;
	}
	.tibox01::after {
		position: absolute;
		left: 0;
		bottom: -3px;
		content: "";
		height: 3px;
		width: 100px;
		background: #00a0e0;
	}
	.tibox01.v2::after {
		display: none;
	}
	.tibox01 b {
		display: block;
		font-family: 'Oswald', sans-serif;
		font-size: 3.2rem;
		line-height: 1.2;
		color: #00a0e0;
		margin-bottom: 5px;
	}
	.tibox01.v2 b {
		color: #FFF;
	}
	.tibox01 h2 {
		font-weight: bold;
		font-size: 2.1rem;
		line-height: 1.2;
		color: #00a0e0;
		margin-bottom: 9px;
	}
	.tibox01.v2 h2 {
		color: #FFF;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.tibox01 {
		display: block;
		margin-bottom: 40px;
		padding-bottom: 14px;
		border-bottom: #f0f2f7 solid 3px;
		position: relative;
	}
	.tibox01.v2 {
		border-bottom: #FFF solid 3px;
		position: relative;
	}
	.tibox01::after {
		position: absolute;
		left: 0;
		bottom: -3px;
		content: "";
		height: 3px;
		width: 170px;
		background: #00a0e0;
	}
	.tibox01.v2::after {
		display: none;
	}
	.tibox01 b {
		display: block;
		font-family: 'Oswald', sans-serif;
		font-size: 6.9rem;
		line-height: 1.2;
		color: #00a0e0;
		margin-bottom: 5px;
	}
	.tibox01.fs-u b {
		display: block;
		font-family: 'Oswald', sans-serif;
		font-size: 7.2rem;
		line-height: 1.2;
		color: #00a0e0;
		margin-bottom: 5px;
	}
	.tibox01.v2 b {
		color: #FFF;
	}
	.tibox01 h2 {
		font-weight: bold;
		font-size: 3rem;
		line-height: 1.2;
		color: #00a0e0;
		margin-bottom: 9px;
	}
	.tibox01.fs-u h2 {
		font-weight: bold;
		font-size: 3.3rem;
		line-height: 1.2;
		color: #00a0e0;
		margin-bottom: 9px;
	}
	.tibox01.v2 h2 {
		color: #FFF;
	}
	.title02 {
		display: block;
		position: relative;
		font-size: 3rem;
		font-weight: bold;
		line-height: 1.3;
		padding-bottom: 12px;
		margin-bottom: 20px;
	}
	.title02::before {
		position: absolute;
		left: 0;
		bottom: 0;
		content: "";
		width: 70px;
		height: 2px;
		background: #e72a2a;
	}
}
/* ========== end △ */


/* btn set
-------------------------------------------------- */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.btn01 {
		display: block;
	}
	.btn01 a,
	.btn01 .btn01_wrap {
		display: block;
		text-align: center;
		font-family: 'Oswald', sans-serif;
		position: relative;
		background: rgb(0,159,224);
		background: linear-gradient(94deg, rgba(0,159,224,1) 0%, rgba(0,58,206,1) 100%);
		text-decoration: none;
		color: #FFF !important;
		padding: 13px 0;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1;
	}
	.btn01 a::after,
	.btn01 .btn01_wrap::after {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 0%;
		height: 100%;
		background: #3eb631;
	}
	.btn01 a::before,
	.btn01 .btn01_wrap::before {
		position: absolute;
		right: 2%;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 8px;
		height: 8px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btn01 a span,
	.btn01 .btn01_wrap span {
		display:inline-block;
		position: relative;
		z-index: 10;
	}
	.btn02 {
		display: block;
	}
	.btn02 a {
		display: block;
		position: relative;
		overflow: hidden;
		text-decoration: none !important;
		color: #FFF !important;
		padding: 13px 40px 13px 45px;
		border: #FFF solid 2px;
		font-weight: bold;
		font-size: 1.5rem;
		line-height: 1;
	}
	.btn02 a:hover {
		background: #111;
	}
	.btn02 a::after {
		position: absolute;
		right: 0;
		top: 0;
		content: "";
		width: 45px;
		height: 100%;
		background: rgba(255,255,255,0.5);
	}
	.btn02 a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		right: 17px;
		width: 9px;
		height: 9px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: 4;
	}
	.btn02 a span {
		display:inline-block;
		position: relative;
		z-index: 10;
	}
	.btn02 a span::before {
		position: absolute;
		left: -27px;
		top: 0;
		bottom: 0;
		width: 50px;
		height: 100%;
		content: "";
	}
	.btn03 {
		display: block;
	}
	.btn03 a {
		display: block;
		text-align: center;
		font-family: 'Oswald', sans-serif;
		position: relative;
		background: #014FA2;
		text-decoration: none;
		color: #FFF !important;
		padding: 12px 0;
		border-radius: 30px;
		font-weight: bold;
		font-size: 1.2rem;
		line-height: 1;
		overflow: hidden;
	}
	.btn03 a span {
		display:inline-block;
		position: relative;
		z-index: 10;
		font-weight: normal !important;
	}
	.btn03 a span::before {
		position: absolute;
		left: -50px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url(../common_img/next.png) right center no-repeat;
		background-size: 40px auto;
		width: 35px;
		height: 10px;
		z-index: 3;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.btn01 {
		display: block;
	}
	.btn01 a,
	.btn01 .btn01_wrap {
		display: block;
		text-align: center;
		font-family: 'Oswald', sans-serif;
		position: relative;
		background: rgb(0,159,224);
		background: linear-gradient(94deg, rgba(0,159,224,1) 0%, rgba(0,58,206,1) 100%);
		text-decoration: none;
		color: #FFF !important;
		padding: 20px 0;
		font-weight: bold;
		font-size: 1.7rem;
		line-height: 1;
	}
	.btn01 a::after,
	.btn01 .btn01_wrap::after {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 0%;
		height: 100%;
		background: #3eb631;
	}
	.btn01 a:hover::after,
	.btn01 .btn01_wrap:hover::after {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: #3eb631;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.btn01 a::before,
	.btn01 .btn01_wrap::before {
		position: absolute;
		right: 2%;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		width: 8px;
		height: 8px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.btn01 a span,
	.btn01 .btn01_wrap span {
		display:inline-block;
		position: relative;
		z-index: 10;
	}
	.btn02 {
		display: block;
	}
	.btn02 a {
		display: block;
		position: relative;
		overflow: hidden;
		text-decoration: none !important;
		color: #FFF !important;
		padding: 13px 40px 13px 80px;
		border: #FFF solid 2px;
		font-weight: bold;
		font-size: 1.9rem;
		line-height: 1;
	}
	.btn02 a:hover {
		background: #2EB333;
	}
	.btn02-recruit a:hover {
		background: rgba(255,255,255,0.4);
	}
	.btn02 a::after {
		position: absolute;
		right: 0;
		top: 0;
		content: "";
		width: 45px;
		height: 100%;
		background: rgba(255,255,255,0.5);
	}
	.btn02 a::before {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		right: 17px;
		width: 9px;
		height: 9px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
		z-index: 4;
	}
	.btn02 a span {
		display:inline-block;
		position: relative;
		z-index: 10;
	}
	.btn02 a span::before {
		position: absolute;
		left: -50px;
		top: 0;
		bottom: 0;
		width: 50px;
		height: 100%;
		content: "";
	}
	.btn03 {
		display: block;
	}
	.btn03 a {
		display: block;
		text-align: center;
		font-family: 'Oswald', sans-serif;
		position: relative;
		background: #014FA2;
		text-decoration: none;
		color: #FFF !important;
		padding: 15px 0;
		border-radius: 35px;
		font-weight: bold;
		font-size: 1.5rem;
		line-height: 1;
		overflow: hidden;
	}
	.btn03 a::after {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 0%;
		height: 100%;
		background: #00A0E0;
	}
	.btn03 a:hover::after {
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		width: 100%;
		height: 100%;
		background: #00A0E0;
		-webkit-transition: all 0.3s ease-in-out 0s;
  		transition: all 0.3s ease-in-out 0s;
	}
	.btn03 a span {
		display:inline-block;
		position: relative;
		z-index: 10;
		font-weight: normal !important;
	}
	.btn03 a span::before {
		position: absolute;
		left: -70px;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		background: url(../common_img/next.png) right center no-repeat;
		background-size: 70px auto;
		width: 50px;
		height: 10px;
		z-index: 3;
	}
}
/* ========== end △ */


/* bottom-box
-------------------------------------------------- */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.bottom-box {
		display: block;
		background: url(../images/bottom-bg.jpg) top center no-repeat;
		background-size: cover;
		padding: 35px 0 40px 0;
	}
	.bottom-box .lef {
		display: block;
		margin-bottom: 20px;
	}
	.bottom-box .tibox01 {
		border-bottom: 0px;
	}
	.bottom-box .tibox01::after {
		background: #FFF;
	}
	.bottom-box .tibox01 h2 {
		color: #FFF;
	}
	.bottom-box .tibox01 b {
		color: #FFF;
	}
	.bottom-box .ref {
		display: block;
		color: #FFF;
	}
	.bottom-box .ref p {
		display: block;
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 1.8;
		margin: 15px 0 15px 0;
	}
	.bottom-box .ref .list {
		display: block;
		max-width: 775px;
		margin-bottom: 15px;
	}
	.bottom-box .ref li {
		display: block;
		margin-bottom: 10px;
	}
	.bottom-box .ref li span {
		padding-left: 20px;
		padding-right: 20px;
	}
	.bottom-box .ref li a {
		padding-top: 22px;
		padding-bottom: 22px;
		text-align: center;
		font-size: 1.4rem;
	}
	.bottom-box .ref .g2 {
		max-width: 775px;
	}
	.bottom-box .ref .g2 a {
		padding:21px 0;
		text-align: center;
		font-size: 1.4rem;
	}
	.bottom-box .ref .g2 a span {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.bottom-box .ref .ic4::before {
		background: url(../images/ISO.png) left center no-repeat;
		height: 50px;
		top: -16px
	}
	.bottom-box .ref .ic5::before {
		background:url(../images/koujou.png) left center no-repeat;
	}
	.bottom-box .ref .ic6::before {
		background:url(../images/send-email-2.png) left center no-repeat;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.bottom-box {
		display: block;
		background: url(../images/bottom-bg.jpg) top center no-repeat;
		background-size: cover;
		padding: 85px 0 100px 0;
	}
	.bottom-box .lef {
		display: block;
		float: left;
	}
	.bottom-box .tibox01 {
		border-bottom: 0px;
	}
	.bottom-box .tibox01::after {
		background: #FFF;
	}
	.bottom-box .tibox01 h2 {
		color: #FFF;
	}
	.bottom-box .tibox01 b {
		color: #FFF;
	}
	.bottom-box .ref {
		display: block;
		float: right;
		width: 70%;
		color: #FFF;
	}
	.bottom-box .ref p {
		display: block;
		font-size: 1.7rem;
		font-weight: bold;
		line-height: 2;
		padding-right: 5%;
		margin: 35px 0 40px 0;
	}
	.bottom-box .ref .list {
		display: block;
		max-width: 775px;
		margin-bottom: 15px;
	}
	.bottom-box .ref li {
		display: block;
		float: left;
		width: 49%;
	}
	.bottom-box .ref li:nth-child(2) {
		float: right;
	}
	.bottom-box .ref li a {
		padding-top: 22px;
		padding-bottom: 22px;
	}
	.bottom-box .ref .g2 {
		max-width: 775px;
	}
	.bottom-box .ref .g2 a {
		padding:21px 0;
		text-align: center;
	}
	.bottom-box .ref .g2 a span {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.bottom-box .ref .ic4::before {
		background: url(../images/ISO.png) left center no-repeat;
		height: 50px;
		top: -16px
	}
	.bottom-box .ref .ic5::before {
		background:url(../images/koujou.png) left center no-repeat;
	}
	.bottom-box .ref .ic6::before {
		background:url(../images/send-email-2.png) left center no-repeat;
	}
}
/* ========== end △ */



/* ==================================================
	footer
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.sp_none {
		display: none !important;
	}
	#footer {
		display: block;
		background: #202228;
	}
	.fix-1000 {
		padding-left: 4%;
		padding-right: 4%;
	}
	.foot-top {
		display: block;
	}
	.foot-top .fix-1000 {
		padding: 25px 0;
		border-bottom: #5c5c5c solid 1px;
	}
	.foot-top figure {
		display: block;
		text-align: center;
		margin-bottom: 20px;
	}
	.foot-top figure img {
		display: inline-block;
		width: 140px;
	}
	.foot-top .list {
		display: block;
		color: #FFF;
		padding-left: 4%;
		padding-right: 4%;
	}
	.foot-top li {
		display: block;
		margin: 8px 0;
	}
	.foot-top .add {
		font-size: 1.34rem;
		line-height: 1.7;
		text-align: center;
	}
    .foot-top .add #telnum a{
        color: #00a0e0;
    }

	.foot-top .bt {
		padding-top: 14px;
	}
	.foot-top .bt a {
		display: block;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.34rem;
		line-height: 1.7;
		position: relative;
		border-bottom: #FFF solid 3px;
		padding: 12px 0;
	}
	.foot-top .bt a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		right: 13px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.foot-middle {
		display: block;
	}
	.foot-middle .fix-1000 {
		padding: 5px 4% 20px 4%;
		border-bottom: #5c5c5c solid 1px;
	}
	.foot-middle .lef {
		display: block;
		padding: 20px 0 20px 0;
		border-bottom: #FFF solid 1px;
	}
	.foot-middle .lef:nth-child(2) {
		border-bottom: #FFF solid 0px;
	}
	.foot-middle figure {
		display: block;
		text-align: center;
	}
	.foot-middle figure img {
		display: inline-block;
		max-width: 120px;
	}
	.foot-middle .lef p {
		color: #FFF;
		font-size: 1.3rem;
		line-height: 1.8;
		text-align: center;
		margin-top: 14px;
	}
	.foot-middle .lef p a {
		color: #FFF;
		text-decoration: underline;
	}
	.foot-bottom {
		display: none;
	}
	.foot-bottom .lef {
		display: block;
		float: left;
		color: #FFF;
		margin-left: 60px;
	}
	.foot-bottom .lef:nth-child(1) {
		margin-left: 0px;
	}
	.foot-bottom .lef a {
		color: #FFF;
		text-decoration: none;
	}
	.foot-bottom .lef a:hover {
		text-decoration: underline;
	}
	.foot-bottom .lef p {
		display: block;
		font-size: 1.5rem;
		line-height: 1.3;
		font-weight: bold;
		margin-bottom: 17px;
	}
	.foot-bottom .lef p.osw {
		font-size: 2.1rem;
		margin-bottom: 11px;
	}
	.foot-bottom .lef .ar_txt li {
		display: block;
		position: relative;
		font-size: 1.5rem;
		line-height: 1.3;
		font-weight: bold;
		padding-left: 13px;
		margin-bottom: 8px;
	}
	.foot-bottom .lef .ar_txt li::before {
		position: absolute;
		left: 0;
		top: 6px;
		content: "";
		width: 5px;
		height: 5px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}


	.copy {
		display: block;
		background: #08090c;
		color: #FFF;
		text-align: center;
		padding: 11px 0;
		font-family: 'Oswald', sans-serif;
	}
	.copy small {
		font-size: 1.1rem;
		line-height: 1;
	}
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#footer {
		display: block;
		background: #202228;
	}
	.fix-1000 {
		max-width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
	.foot-top {
		display: block;
	}
	.foot-top .fix-1000 {
		padding: 50px 0;
		border-bottom: #5c5c5c solid 1px;
	}
	.foot-top figure {
		display: block;
		text-align: center;
		margin-bottom: 35px;
	}
	.foot-top figure img {
		display: inline-block;
		max-width: 100%;
	}
	.foot-top .list {
		display: block;
		color: #FFF;
		max-width: 580px;
		margin-left: auto;
		margin-right: auto;
	}
	.foot-top li {
		display: block;
		float: left;
		width: 47%;
	}
	.foot-top .add {
		font-size: 1.34rem;
		line-height: 1.7;
	}
	.foot-top .bt {
		padding-top: 14px;
	}
	.foot-top .bt a {
		display: block;
		color: #FFF;
		text-decoration: none;
		font-weight: bold;
		font-size: 1.34rem;
		line-height: 1.7;
		position: relative;
		border-bottom: #FFF solid 3px;
		padding: 12px 0;
	}
	.foot-top .bt a:hover {
		color: #00A6E3;
		border-bottom: #00A6E3 solid 3px;
	}
	.foot-top .bt a::after {
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		content: "";
		right: 13px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.foot-middle {
		display: block;
	}
	.foot-middle .fix-1000 {
		padding: 50px 0;
		border-bottom: #5c5c5c solid 1px;
	}
	.foot-middle .lef {
		display:flex;
		align-items: center;
		float: left;
		height: 145px;
		width: 47%;
		padding-right: 2%;
		border-right: #FFF solid 1px;
	}
	.foot-middle .lef:nth-child(2) {
		padding-right: 0%;
		padding-left: 2%;
		border-right: #FFF solid 0px;
		float: right;
	}
	.foot-middle .bnr_box img {
		width: 200px;
	}
	.foot-middle .lef p {
		color: #FFF;
		font-size: 1.3rem;
		line-height: 1.5;
		font-weight: normal !important;
		margin-left: 20px;
	}
	.foot-middle .lef p a {
		color: #FFF;
		text-decoration: underline;
	}
	.foot-middle .lef p a:hover {
		text-decoration: none;
	}
	.foot-bottom {
		display: block;
		padding: 50px 0;
	}
	.foot-bottom .lef {
		display: block;
		float: left;
		color: #FFF;
		margin-left: 60px;
	}
	.foot-bottom .lef:nth-child(1) {
		margin-left: 0px;
	}
	.foot-bottom .lef a {
		color: #FFF;
		text-decoration: none;
	}
	.foot-bottom .lef a:hover {
		text-decoration: underline;
	}
	.foot-bottom .lef p {
		display: block;
		font-size: 1.7rem;
		line-height: 1.3;
		font-weight: bold;
		margin-bottom: 17px;
	}
	.foot-bottom .lef p.osw {
		font-size: 2.1rem;
		margin-bottom: 11px;
	}
	.foot-bottom .lef .ar_txt li {
		display: block;
		position: relative;
		font-size: 1.5rem;
		line-height: 1.3;
		font-weight: bold;
		padding-left: 13px;
		margin-bottom: 8px;
	}
	.foot-bottom .lef .ar_txt li::before {
		position: absolute;
		left: 0;
		top: 6px;
		content: "";
		width: 5px;
		height: 5px;
		border-top: 1px solid #FFF;
		border-right: 1px solid #FFF;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

			.copy {
		display: block;
		background: #08090c;
		color: #FFF;
		text-align: center;
		padding: 11px 0;
		font-family: 'Oswald', sans-serif;
	}
	.copy small {
		font-size: 1.1rem;
		line-height: 1;
	}

}
#pagetop_btn_f {
  position: static;
}
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
  #pagetop_btn_f {
    margin-top: 0px;
	  text-align: center;
  }
	#pagetop_btn_f img {
		display: none !important;
	}
  #pagetop_btn_f a {
    display:block;
    padding: 14px 20px;
	  background: #00a0e0;
	  font-weight: bold;
	  font-size: 1.2rem;
	  line-height: 1;
	  color: #FFF;
  }
}
/* ========== end △ */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
  #pagetop_btn_f {
    position: fixed;
    z-index: 20;
    right: 3%;
    bottom: -100%;
    transition: all 0.5s ease;
  }
  #pagetop_btn_f.visible {
    bottom: 0;
  }


}
/* ========== end △ */
#pagetop_btn_f a {
  display: block;
  padding: 15px 0;
  color: #fff;
  text-decoration: none;
}
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	#pagetop_btn_f {
		position:fixed;
		right: 2%;
		text-align: center;
	}
	#pagetop_btn_f span {
		display: none !important;
	}

}
/* ========== end △ */
#pagetop_btn_f .fa {
  margin-right: 10px;
}


/* ==================================================
	HOVER ZOOM
================================================== */
/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.img-wr {
		overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
		position: relative;
	}
	.img-wr img {
		display: block;
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.img-wr img:hover {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.img-wr2 {
		position: relative;
	}
	.img-wr2 img {
		display: block;
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
	.img-wr2 img:hover {
		transform: scale(1.1);	/*画像の拡大率*/
		transition-duration: 0.3s;	/*変化に掛かる時間*/
	}
}

/* ==================================================
	brandImage
================================================== */
/* ▽ SP layout ========== */
@media only screen and (max-width: 639px) {
	.brandImage {
		display: block;
		padding: 35px 0 35px;
	}
	.brandImage .brandImage_inner {
		margin-top: 40px;
	}
	.brandImage .brandImage_inner .tibox01{
		border: none;
	}
	.brandImage .brandImage_inner .tibox01 b, .brandImage .brandImage_inner .tibox01 h2{
		color: #fff;
	}
	.brandImage .brandImage_inner .tibox01:after{
		background: #fff;
	}
	.brandImage .brandImage_inner table tr{
		width: 100%;
		display: flex;
		flex-direction: column;
	}
	.brandImage .brandImage_inner table th.brandImage_tit{
		background: #00a0e0;
		color: #fff;
		border-bottom: 2px solid #fff;
	}
	.brandImage .brandImage_inner table th{
		padding: 5px 0;
		background: #ddd;
		color: #333;
		text-align: center;
	}
	.brandImage .brandImage_inner table td{
		margin-bottom: 5px;
		padding: 5px 10px;
		background: #fff;
	}

}

/* ▽ PC-TAB layout ========== */
@media print, screen and (min-width: 640px) {
	.brandImage {
		display: block;
	    position: relative;
    	padding: 50px 0 100px 0;
    	background: #0e2a52;
	}
	.brandImage {
		text-align: center;
	}
	.brandImage .brandImage_inner{
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
		margin-top: 45px;
	}
	.brandImage .brandImage_inner .tibox01{
		text-align: left;
		width: 40%;
		border: none;
	}
	.brandImage .brandImage_inner .tibox01 b, .brandImage .brandImage_inner .tibox01 h2{
		color: #fff;
	}
	.brandImage .brandImage_inner .tibox01:after{
		background: #fff;
	}
	.brandImage .brandImage_inner .rightbox{
		display: flex;
		justify-content: space-between;
		flex-direction: column;
		width: 55%;
	}
	.brandImage .brandImage_inner table th{
		width: 20%;
	    padding: 10px;
	    background: #00a0e0;
	    text-align: center;
	    font-weight: bold;
	    border-bottom: 1px solid #fff;
	    color: #fff;
	}
	.brandImage .brandImage_inner table td{
		width: 80%;
		padding: 10px 20px;
	    border-bottom: 1px solid #0e2a52;
	    background: #fff;
	}
	.brandImage .brandImage_inner table tr.last th, .brandImage .brandImage_inner table tr.last td{
		border-bottom: none;
	}

	#recruit_page.brandImage {
		padding: 44px 0 34px;
		background: #fff;
	}
	#recruit_page.brandImage .brandImage_inner{
		display: flex;
    	justify-content: space-between;
    	align-items: flex-start;
    }
    #recruit_page.brandImage .brandImage_inner{
		display: flex;
    	justify-content: center;
    	align-items: flex-start;
    }
    #recruit_page.brandImage .brandImage_inner .tibox01 b, #recruit_page.brandImage .brandImage_inner .tibox01 h2{
		color: #00a0e0;
	}
	#recruit_page.brandImage .brandImage_inner table{
		border: 1px solid #ddd;
	}
    #recruit_page.brandImage .brandImage_inner .tibox01{
    	border-bottom: #f0f2f7 solid 3px;
    }
    #recruit_page.brandImage .brandImage_inner .tibox01:after{
    	background: #00a0e0;
    }
    #recruit_page.brandImage .brandImage_inner table th.brandImage_tit{
	    border-bottom: 2px solid #fff;
	    background: #00a0e0;
	    color: #fff;
		}
		#recruit_page.brandImage .brandImage_inner table th{
	    border-bottom: 2px dotted #fff;
	    background: #ddd;
	    color: #333;
		}
		#recruit_page.brandImage .brandImage_inner table td{
		    border-bottom: 2px dotted #ddd;
		}
		#recruit_page.brandImage .brandImage_inner table tr.last th, #recruit_page.brandImage .brandImage_inner table tr.last td{
			border-bottom: none;
		}
}



/* ========== end △ */

		ul.sns{display: flex;justify-content: center;gap: 20px;}
		ul.sns li a img{
			width: 35px;
		}
		.links-box li:last-child{border-bottom:none;}
		.links-box li ul.sns li {border-bottom:none;padding: 0;}