@charset "utf-8";

img {
	-webkit-backface-visibility: hidden;
}
body {
	overflow-x: hidden;
}
main {
    display: block;
}
.fax a{
	pointer-events: none;
    text-decoration: none;
}
.wpcf7-list-item {
	display: inline-block;
	white-space: nowrap;
}

/*===============================================
●画面の横幅が769px以上
===============================================*/
@media screen and (min-width : 769px ){
#pc------------------------------------------- {
}
.sp {
	display: none;
}
a img {
  transition: 0.5s;
}
a img:hover {
  opacity: 0.6;
}

header {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 99999;
	padding-bottom: 1.098vw; /* 15px */
	transition: 0.3s;
}
header .inner {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
header .inner h1,
header .inner .logo
{
	width: 8.785vw;
	padding-top: 1.098vw; /* 15px */
}
header .inner nav {
	display: flex;
	justify-content: space-between;
}
header .inner nav ul.navi {
	display: flex;
	justify-content: space-between;
	height: 2.196vw; /* 30px */
	margin-top: 1.83vw; /* 25px */
}
header .inner nav ul.navi li.navi {
	position: relative;
}
header .inner nav ul.navi li.navi a {
	color: #fff;
	text-decoration: none;
	display: block;
	height: 2.196vw; /* 30px */
	padding-left: 1.464vw;  /* 20px */
	padding-right: 1.464vw; /* 20px */
}
header .inner nav ul.navi+ul {
	margin-left: 1.464vw;  /* 20px */
	border-left: 1px solid #fff; /* 1px */
	padding-left: 1.464vw; /* 20px */
	display: flex;
	justify-content: space-between;
	height: 2.196vw; /* 30px */
	margin-top: 1.83vw; /* 25px */
}
header .inner nav ul.navi+ul li {
	position: relative;
}
header .inner nav ul.navi+ul li a {
	color: rgba(255,255,255,0.50);
	text-decoration: none;
	display: block;
	height: 2.196vw; /* 30px */
}
header .inner nav ul.navi+ul li.this a {
	color: #fff;
}
header .inner nav ul.navi+ul li:first-child {
	padding-right: 0.732vw; /* 10px */
	margin-right: 0.366vw;  /* 5px */
}
header .inner nav ul.navi+ul li:first-child::after {
	content: "/";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	color: rgba(255,255,255,0.50);
}
header .inner nav p a {
	width: 11.859vw;       /* 162px */
	height: 3.514vw;       /* 48px */
	display: block;
	line-height: 3.514vw;  /* 48px */
	border: 1px solid #fff; /* 1px */
	border-radius: 100px;
	color: #fff;
	text-decoration: none;
	font-size: 1.025vw;    /* 14px */
	margin-left: 2.928vw;  /* 40px */
	margin-top: 1.098vw;   /* 15px */
	transition: 0.3s;
}
header .inner nav p a:hover {
	opacity: 0.7;
	transition: 0.3s;
}
header .inner nav ul li a:hover {
	color: #0D57A7!important;
}
header .snav {
	background-color: #005DA5;
	width: 12.006vw;   /* 164px */
	position: absolute;
	top: 100%;
	left: -1.025vw;    /* -14px */
	box-shadow: 0 0 0.366vw rgba(0,0,0,0.50); /* 5px */
	display: none;
}
header .snav#nav02 {
	left: -2.269vw; /* -31px */
}
header .snav#nav04 {
	left: -2.269vw; /* -31px */
}
header .navi .snav li a {
	display: block;
	height: 3.66vw!important;     /* 50px */
	line-height: 3.66vw;          /* 50px */
	color: #fff!important;
	font-size: 1.025vw!important; /* 14px */
}
header .navi .snav li a:hover {
	color: #fff!important;
	background-color: #0684E5;
}

header.sc {
	background-color: #fff;
	transition: 0.3s;
}
header.sc nav ul li a {
	color: #000!important;
}
header.sc .inner nav ul.navi+ul {
	border-left: 1px solid #000; /* 1px */
}
header.sc .inner nav ul.navi+ul li:first-child::after {
	color: #808080;
}
header.sc .inner nav ul+ul li a {
	color: #808080!important;
}
header.sc .inner nav ul+ul li.this a {
	color: #000!important;
}
header.sc .inner nav p a {
	border: 1px solid #0D57A7; /* 1px */
	background-color: #0D57A7;
}


/* ---------------- about banner ---------------- */

.about-banner{
  color:#fff;
  position: relative;
}

/* 日本語：縦書きで左寄せ */
.about-banner .jp{
  position: absolute;
  display: inline-block; 
  top: 0;
  left: -2.563vw;   /* -35px */
  writing-mode: vertical-rl;
  text-orientation: upright;
  font-size: 1.318vw; /* 18px */
  letter-spacing: 0.05em;
  font-weight: 500;
}

/* 英字：縦に見せたいのでブロックごと回転 */
.about-banner .en{
  position: absolute;
  top: 0;
  left: 5.124vw;       /* 70px */
  transform: rotate(90deg);
  transform-origin: top left;
  font-weight: 600;
  font-size: 5.857vw;  /* 80px */
  line-height: 1;
  letter-spacing: 0.01em;
  font-family: "Josefin Sans", sans-serif;
  display: inline-block;
}

/* ---------------- viewmore ---------------- */

.viewmore {
  --dur: .45s;
  --ease: cubic-bezier(.22,1,.36,1);
}

.viewmore a {
  text-decoration: none;
  color: #0D57A7;
  font-size: 1.025vw; /* 14px */
  display: block;
  height: 3.66vw;     /* 50px */
  line-height: 3.66vw;/* 50px */
  position: relative;
}

.viewmore a span {
  width: 3.514vw;          /* 48px */
  height: 3.514vw;         /* 48px */
  border-radius: 9999px;
  border: 1px solid #0D57A7; /* 1px */
  position: absolute;
  left: 7.322vw;           /* 100px */
  top: 0; bottom: 0; margin: auto;
  overflow: hidden;
  transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);
  will-change: background-color;
}

.viewmore a span::before,
.viewmore a span::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1.171vw;   /* 16px */
  height: 0.512vw;  /* 7px */
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
  transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
  will-change: transform, opacity;
  pointer-events: none;
}

/* 初期：中央に青（静止） */
.viewmore a span::before {
  background-image: url("../images/pc/arrow_blue.png");
}

/* 初期：左から入ってくる白は、まだ左＆半透明で待機 */
.viewmore a span::after {
  background-image: url("../images/pc/arrow_white.png");
  transform: translate(-50%, -50%) translateX(-1.171vw); /* -16px */
  opacity: 0;
}

/* hover時：円を青に→白矢印が映える */
.viewmore a:hover span {
  background-color: #0D57A7;
  border-color: #0D57A7;
}

/* hover時アニメ：青は右へ抜けつつフェードアウト */
.viewmore a:hover span::before {
  transform: translate(-50%, -50%) translateX(1.171vw); /* 16px */
  opacity: 0;
}

/* hover時アニメ：白は左から中央へイン＋フェードイン */
.viewmore a:hover span::after {
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
}

/* モーション配慮（任意） */
@media (prefers-reduced-motion: reduce) {
  .viewmore a span,
  .viewmore a span::before,
  .viewmore a span::after {
    transition: none;
  }
}

/* ---------------- viewmore2 ---------------- */

.viewmore2 a {
  display: block;
  width: 3.514vw;     /* 48px */
  height: 3.514vw;    /* 48px */
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px;
  border: #fff solid 1px; /* 1px */
  position: relative;
  overflow: hidden;
  transition: background-color .45s cubic-bezier(.22,1,.36,1),
              border-color .45s cubic-bezier(.22,1,.36,1);
}

/* 青い矢印（初期状態で中央に表示） */
.viewmore2 a::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1.171vw;  /* 16px */
  height: 0.512vw; /* 7px */
  background: url("../images/pc/arrow_white.png") no-repeat center/contain;
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
  transition: transform .45s cubic-bezier(.22,1,.36,1),
              opacity .45s cubic-bezier(.22,1,.36,1);
}

/* 白い矢印（初期は左にずらして非表示） */
.viewmore2 a::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 1.171vw;  /* 16px */
  height: 0.512vw; /* 7px */
  background: url("../images/pc/arrow_blue.png") no-repeat center/contain;
  transform: translate(-50%, -50%) translateX(-1.318vw); /* -18px */
  opacity: 0;
  transition: transform .45s cubic-bezier(.22,1,.36,1),
              opacity .45s cubic-bezier(.22,1,.36,1);
}

/* hover時：円を青に変え、矢印を切り替え */
.viewmore2 a:hover {
  background-color: #fff;
  border-color: #fff;
}

/* hover時：青矢印は右へ抜ける */
.viewmore2 a:hover::before {
  transform: translate(-50%, -50%) translateX(1.318vw); /* 18px */
  opacity: 0;
}

/* hover時：白矢印が中央へスライド＆フェードイン */
.viewmore2 a:hover::after {
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
}

/* ---------------- main / end ---------------- */

main {
	/* min-width: 73.22vw;  1000px */
}
#end {
    height: 60vh;
    padding-top: 5.857vw; /* 80px */
    font-size: 1.318vw;   /* 18px */
}
#end p a {
    color: #000;
    font-size: 1.171vw;   /* 16px */
    margin-top: 1.464vw;  /* 20px */
    display: inline-block;
}

/* ---------------- footer ---------------- */

footer {
	background-color: #E7EEF6;
	padding-top: 5.857vw; /* 80px */
	min-width: 73.22vw;   /* 1000px */
	padding-bottom: 4vw;
}
footer .inner {
	width: 82.4304538799vw;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	justify-content: space-between;
}
footer .inner div.text {
	width: 23.426vw; /* 320px */
	text-align: left;
	position: relative;
}
footer .inner div h2 {
	width: 14.861vw;     /* 203px */
	margin-bottom: 0.732vw; /* 10px */
}
footer .inner div h2+p {
	font-size: 1.025vw;  /* 14px */
}
footer .inner div h2+p a {
	color: #000;
	text-decoration: none;
}
footer .inner div .btn a {
	background-color: #005DA5;
	display: block;
	width: 18.302vw;     /* 250px */
	height: 3.66vw;      /* 50px */
	line-height: 3.66vw; /* 50px */
	border-radius: 100px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 1.025vw;  /* 14px */
	background-image: url("../images/pc/download.png");
	background-size: 1.171vw; /* 15px */
	background-repeat: no-repeat;
	background-position: right 1.464vw center; /* 20px */
	margin-top: 1.464vw; /* 20px */
}
footer .inner div .btn a:hover {
	opacity: 0.8;
}
footer .inner div .x {
	width: 3.66vw;      /* 50px */
	position: absolute;
	right: 0;
	top: 13vw;      /* 167px */
}
footer .inner div .insta {
	width: 3.66vw;      /* 50px */
	position: absolute;
	right: -5vw;
	top: 13vw;      /* 167px */
}
footer .inner nav {
	display: flex;
	justify-content: space-between;
	text-align: left;
}
footer .inner nav div {
	display: flex;
	justify-content: space-between;
}
footer .inner nav div+div {
	margin-left: 5.124vw; /* 70px */
}
footer .inner nav dl {
	margin-left: 5.124vw; /* 70px */
}
footer .inner nav dl:first-child {
	margin-left: 0;
}
footer .inner nav dt {
	font-size: 1.098vw; /* 15px */
	margin-bottom: 0.732vw; /* 10px */
}
footer .inner nav dt a {
	color: #000;
	text-decoration: none;
}
footer .inner nav dt a:hover {
	color: #005DA5;
}
footer .inner nav dd {
	font-size: 1.025vw; /* 14px */
	margin-bottom: 0.366vw; /* 5px */
}
footer .inner nav dd a {
	color: #000;
	text-decoration: none;
}
footer .inner nav dd a:hover {
	color: #005DA5;
}
footer .inner nav dd+dt {
	margin-top: 2.196vw; /* 30px */
}
footer .inner nav dt+dt {
	margin-top: 2.196vw; /* 30px */
}
footer p small {
	display: block;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	font-size: 0.878vw;  /* 12px */
	margin-top: 2.196vw; /* 30px */
}
#pagetop {
	width: 3.66vw;       /* 50px */
	position: fixed;
	right: 0.5vw;      /* 30px */
	bottom: 3.66vw;      /* 50px */
	z-index: 99999;
}

}



/*===============================================
●画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
	
/*===============================================
●sp-tablet
===============================================*/
#sptablet------------------------------------------- {
}
img {
	max-width: 100%;
	height: auto;
	width: auto;
}
.pc {
	display: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
header {
	position: fixed;
	z-index: 99999;
	top: 0px;
	left: 0px;
	right: 0px;
	transition: 0.3s;
	padding-bottom: 2vw;
}
header.sc {
	background-color: #fff;
	transition: 0.3s;
}
header .inner {
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	display: flex;
	display: -webkit-flex; /* Safari */
    display: -ms-flexbox;
	justify-content: space-between;
	-webkit-justify-content: space-between; /* Safari */
    -ms-flex-pack: justify;
	position: relative;
	z-index: 999;
}
header h1,
header .logo {
	width: 25.6vw;
	padding-top: 3vw;
	padding-left: 3vw;
}
header ul.lang {
	display: flex;
	justify-content: space-between;
	margin-top: 5vw; /* 25px */
	margin-left: 30vw;
}
header ul.lang li {
	position: relative;
	font-size: 4vw;
}
header ul.lang li a {
	color: #808080;
	text-decoration: none;
	display: block;
}
header ul.lang li.this a {
	color: #fff;
}
header ul.lang li.this.on a {
	color: #000;
}
header.sc ul.lang li.this a {
	color: #000;
}
header ul.lang li:first-child {
	padding-right: 2vw; /* 10px */
	margin-right: 0.366vw;  /* 5px */
}
header ul.lang li:first-child::after {
	content: "/";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	color: #808080;
}
#gnavbtn {
	width: 13.3333333333vw;
	padding-right: 3vw;
	padding-top: 1.8vw;
}
#gnav.on {
  display: block;
}
#gnav {
	position: absolute;
	top: 0px;
	padding-top: 17vw;
	z-index: 1;
	display: none;
	width: 100%;
	height: 100vh;
	background-color: #FFFFFF;
	z-index: 1;
}
#gnav .flex {
	display: flex;
	justify-content: space-between;
	padding-left: 10vw;
	padding-right: 10vw;
	text-align: left;
	padding-top: 6vw;
}
#gnav dl a {
	color: #000;
	text-decoration: none;
}
#gnav dl dt {
	font-size: 4.26666666667vw;
	margin-bottom: 3vw;
}
#gnav dl dd {
	font-size: 4vw;
	margin-bottom: 2vw;
}
#gnav dl+dl {
	margin-top: 7vw;
}
#gnav dd+dt {
	margin-top: 7vw;
}
#gnav dt+dt {
	margin-top: 7vw;
}
#gnav .inner {
	margin-top: 5vw;
	width: 88%;
	margin-left: auto;
	margin-right: auto;
}
#gnav .btn a {
	background-color: #005DA5;
	display: block;
	width: 66.6666666667vw;
	height: 13.3333333333vw;
	line-height: 13.3333333333vw;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 3.73333333333vw;
	background-image: url("../images/pc/download.png");
	background-size: 4vw;
	background-repeat: no-repeat;
	background-position: right 5vw center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vw;
}
#gnav .btn a:hover {
	opacity: 0.8;
}
#gnav .flex2 {
	display: flex;
	justify-content: space-between;
	width: 32vw;
	margin-left: auto;
	margin-right: auto;
}
#gnav .x {
	width: 13.3333333333vw;
}
#gnav .insta {
	width: 13.3333333333vw;
}
#gnav p small {
	font-size: 2.5vw;
	margin-top: 5vw;
	display: block;
}





.viewmore {
  --dur: .45s;
  --ease: cubic-bezier(.22,1,.36,1); /* “スッ→ピタッ” と止まる */
}

.viewmore a {
  text-decoration: none;
  color: #0D57A7;
  font-size: 3.73333333333vw;
  display: block;
  height: 13.3333333333vw;
  line-height: 13.3333333333vw;
  position: relative;
}

.viewmore a span {
  width: 12.3333333333vw;
  height: 12.3333333333vw;
  border-radius: 9999px;
  border: 1px solid #0D57A7;
  position: absolute;
  left: 28vw;
  top: 0; bottom: 0; margin: auto;
  overflow: hidden;
  /* 円の色切替もスムーズに */
  transition: background-color var(--dur) var(--ease), border-color var(--dur) var(--ease);
  will-change: background-color;
}

/* 疑似要素は“矢印レイヤー”。どちらも中央基準で描画し、transformで移動 */
.viewmore a span::before,
.viewmore a span::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 16px;
  height: 7px;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
  transition: transform var(--dur) var(--ease), opacity var(--dur) var(--ease);
  will-change: transform, opacity;
  pointer-events: none;
}

/* 初期：中央に青（静止） */
.viewmore a span::before {
  background-image: url("../images/pc/arrow_blue.png");
  /* hover時に右へ抜ける準備：0→+14px */
}

/* 初期：左から入ってくる白は、まだ左＆半透明で待機 */
.viewmore a span::after {
  background-image: url("../images/pc/arrow_white.png");
  transform: translate(-50%, -50%) translateX(-16px); /* 少し左から */
  opacity: 0;
}

/* hover時：円を青に→白矢印が映える */
.viewmore a:hover span {
  background-color: #0D57A7;
  border-color: #0D57A7;
}

/* hover時アニメ：青は右へ抜けつつフェードアウト */
.viewmore a:hover span::before {
  transform: translate(-50%, -50%) translateX(16px); /* 右へ */
  opacity: 0;
}

/* hover時アニメ：白は左から中央へイン＋フェードイン */
.viewmore a:hover span::after {
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
}

/* モーション配慮（任意） */
@media (prefers-reduced-motion: reduce) {
  .viewmore a span,
  .viewmore a span::before,
  .viewmore a span::after {
    transition: none;
  }
}


.viewmore2 a {
  display: block;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  margin-left: auto;
  margin-right: auto;
  border-radius: 100px;
  border: #fff solid 1px; /* 初期は青い枠 */
  position: relative;
  overflow: hidden;

  /* 円の色切替もスムーズに */
  transition: background-color .45s cubic-bezier(.22,1,.36,1),
              border-color .45s cubic-bezier(.22,1,.36,1);
}

/* 青い矢印（初期状態で中央に表示） */
.viewmore2 a::before {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4vw;
  height: 1.6vw;
  background: url("../images/pc/arrow_white.png") no-repeat center/contain;
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
  transition: transform .45s cubic-bezier(.22,1,.36,1),
              opacity .45s cubic-bezier(.22,1,.36,1);
}

/* 白い矢印（初期は左にずらして非表示） */
.viewmore2 a::after {
  content: "";
  position: absolute;
  top: 50%; left: 50%;
  width: 4vw;
  height: 1.6vw;
  background: url("../images/pc/arrow_white.png") no-repeat center/contain;
  transform: translate(-50%, -50%) translateX(-18px);
  opacity: 0;
  transition: transform .45s cubic-bezier(.22,1,.36,1),
              opacity .45s cubic-bezier(.22,1,.36,1);
}

/* hover時：円を青に変え、矢印を切り替え */
.viewmore2 a:hover {
  background-color: #0D57A7;
  border-color: #0D57A7;
}

/* hover時：青矢印は右へ抜ける */
.viewmore2 a:hover::before {
  transform: translate(-50%, -50%) translateX(18px);
  opacity: 0;
}

/* hover時：白矢印が中央へスライド＆フェードイン */
.viewmore2 a:hover::after {
  transform: translate(-50%, -50%) translateX(0);
  opacity: 1;
}





footer {
	background-color: #E7EEF6;
	padding-left: 5vw;
	padding-right: 5vw;
	padding-top: 15vw;
	text-align: left;
}
footer h2 {
	width: 54.1333333333vw;
	margin-bottom: 5vw;
}
footer h2+p a {
	color: #000;
	text-decoration: none;
}
footer .inner .btn a {
	background-color: #005DA5;
	display: block;
	width: 66.6666666667vw;
	height: 13.3333333333vw;
	line-height: 13.3333333333vw;
	border-radius: 100px;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 3.73333333333vw;
	background-image: url("../images/pc/download.png");
	background-size: 4vw;
	background-repeat: no-repeat;
	background-position: right 20px center;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
}
footer .inner .btn a:hover {
	opacity: 0.8;
}
footer .inner .flex {
	display: flex;
	justify-content: space-between;
	width: 32vw;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5vw;
}
footer .inner .x {
	width: 13.3333333333vw;
}
footer .inner .insta {
	width: 13.3333333333vw;
}
footer nav {
	display: flex;
	justify-content: space-between;
	padding-left: 0;
	padding-right: 12vw;
	text-align: left;
	padding-top: 10vw;
}
footer nav dl a {
	color: #000;
	text-decoration: none;
}
footer nav dl dt {
	font-size: 4.26666666667vw;
	margin-bottom: 3vw;
}
footer nav dl dd {
	font-size: 4vw;
	margin-bottom: 2vw;
}
footer nav dl+dl {
	margin-top: 7vw;
}
footer nav dd+dt {
	margin-top: 7vw;
}
footer nav dt+dt {
	margin-top: 7vw;
}
footer p small {
	display: block;
	font-size: 2.5vw;
	text-align: center;
	margin-top: 10vw;
	padding-bottom: 15vw;
}






#end {
    height: 60vh;
    padding-top: 80px;
    font-size: 15px;
}
#end p a {
    color: #000;
    font-size: 13px;
    margin-top: 20px;
    display: inline-block;
}
}



/*===============================================
●画面の横幅が400pxまで
===============================================*/
@media screen and (max-width:400px){
/*===============================================
●sp400
===============================================*/
#sp400------------------------------------------- {
}
}



/*===============================================
●画面の横幅が320pxまで
===============================================*/
@media screen and (max-width:320px){
/*===============================================
●sp320
===============================================*/
#sp320------------------------------------------- {
}
}



/*===============================================
●画面の横幅が481pxから768pxまで
===============================================*/
@media screen and (min-width:481px) and (max-width:768px) {
/*===============================================
●tablet
===============================================*/
#tab------------------------------------------- {
}
.sp.tab {
	display: none;
}
}