@charset "utf-8";
:root{

    /* font family styles */
    --noto-font:Noto Sans JP;

    /* font weights */
    --weight-700:700;
    --weight-500:500;
    --weight-400:400;
}
body{
    padding:0;
    margin:0;
	letter-spacing:1.0px;
	color:#323232;
}
body *{
	font-family: "Noto Sans JP", "Roboto", "Helvetica Neue", "Yu Gothic", "Meiryo", sans-serif;
}

/**Start Header**/
header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    /* height:62px; */
    padding:10px 80px 10px 80px;
    background-color:#ffffff;
    font-family:var(--noto-font);
}
.header-under{
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: bold;
	height: 56px;
	background: linear-gradient(0deg, #F60 0%, #F60 100%), linear-gradient(70deg, #FA2A05 0%, rgba(252, 146, 69, 0.99) 100%);
	backdrop-filter: blur(2px);
	overflow: hidden;
	text-decoration: none;
}
.header-under img:nth-of-type(1){
	width: 124px;
	margin-right: 20px;
}
.header-under img:nth-of-type(2){
	width: 135px;
}
.header-under p.header-under-txt0{
	position: relative;
	width:90px;
	text-align: center;
	color: #FF6600;
	margin-right: 20px;
}
.header-under p.header-under-txt0::before{
	content: "";
	position: absolute;
	width: 100px;
    height: 100px;
    left: -15px;
    top: -40px;
    background: #ffff00;
    border-radius: 70px;
    color: #FF6600;
    margin: 0 10px;
    z-index: -1;
}
.header-under-txt01{
	display: flex;
}
.header-under-txt01 p:nth-of-type(1){
	margin-right: 15px;
}

.header-under-txt01 p:nth-of-type(2){
	margin-right: 15px;
	font-size: 18px;
}
.header-under-txt02{
	display: flex;
}
.header-under-txt02 p:nth-of-type(1){
	margin-right: 12px;
	font-size: 18px;
	line-height: 30px;
}
.header-under-txt02 p:nth-of-type(2){
	margin-right: 20px;
	font-size: 20px;
	line-height: 26px;
	color: #ffff00;
}
.header-under-txt02 p:nth-of-type(2) span{
	font-size: 30px;
	padding: 0 3px;
}
.header-under-txt03{
	background: #fff;
	border-radius: 5px;
	padding: 5px 8px;
	line-height: 22px;
	color: #1A2248;
	margin-right: 45px;
}
.header-under-txt03 span{
	font-size: 26px;
	color: #FF6600;
}
p {
	margin:0;
}
.left-header{
    align-items:center;
    display:flex;
}
.left-header .text-01 p{
    font-weight:var(--weight-700);
    margin:0;
    font-size:16px;
    color:#323232;
	padding-right:10px;
	font-family:var(--noto-font);
}
.left-header .text-02 p{
    font-weight:var(--weight-500);
    margin:0;
    font-size:12px;
    color:#323232;
	font-family:var(--noto-font);
}
.left-header img{
    width:9.92vw;
    height:2.083vw;
}
.right-header{
    align-items:center;
    display:flex;
}
/* Mitsupro site navigation (centered between left and right header areas) */
.mitsupro-nav {
    flex: 1;                 /* fill space between left-header and buttons */
    display: flex;
    justify-content: center; /* center nav items within available space */
}

/* Horizontal nav list */
.mitsupro-nav-list {
    display: flex;
    gap: 28px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.mitsupro-nav-list a {
    text-decoration: none;
    font-weight: 600;
    font-size: 12px;
    color: #333;
    position: relative;
    transition: color .2s ease;
    padding: 6px 2px;
    line-height: 1;
}

.mitsupro-nav-list a:hover {
    color: #0066cc;
}

.mitsupro-nav-list a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -6px;
    width: 0%;
    height: 2px;
    background: #0066cc;
    transition: width .25s ease;
}

.mitsupro-nav-list a:hover::after {
    width: 100%;
}

/* Hide nav on small screens (fallback when JS is unavailable) */
@media (max-width: 960px) {
    .mitsupro-nav { display: none; }
}
/**End Header**/

/**Start Footer**/
footer{
    font-family:var(--noto-font);
    background-color:#1A3261;
    /* height:96px; */
}
.footer-links{
    display:flex;
    justify-content:center;
    text-align:center;
    padding:12px;
}
.footer-links a{
    font-size:16px;
    font-weight:var(--weight-500);
    color:#FFFFFF;
    list-style:none;
    text-decoration:none;
	font-family:var(--noto-font);
}
.vl{
    color:#FFFFFF;
    padding:0px 12.25px;
    font-weight:var(--weight-400);
    font-size:16px;
	font-family:var(--noto-font);
}
.footer-copyright{
    padding:12px 0px;
    text-align:center;
}
.footer-copyright p{
    color:#FFFFFF;
    font-size:16px;
    font-weight:var(--weight-400);
    margin:0;
	font-family:var(--noto-font);
}
/**End Footer**/

/**Start Buttons**/
.header-button {
	font-family:var(--noto-font);
    display:flex;
    align-items:center;
    font-weight:var(--weight-700);
    font-size:16px;
    border-radius:4px;
    cursor:pointer;
    box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);
    transition:all 0.3s ease-in-out;
    text-decoration:none;
    width:176px;
    position:relative;
    justify-content:center;
}
.a-register{
	border:2px solid #FF5500;
	padding:6.5px 20px;
}
.a-register span{
	color:#FF5500;
}
.a-download {
	margin-left:15px;
	background:linear-gradient(to left, #2798DF, #0B378D);
	padding:9px 20px;
}
.a-download span{
	color:#FFFFFF;
}
/**End Buttons**/

/**Start Header Banner**/
.group_top_banner {
    position:relative;
    text-align:center;
    color:white;
    background: #FEF8F6;
    min-height: 650px;
}
.group_top_banner-content {
	max-width:1224px;
	width:704px;
	margin:auto;
}

.group_top_banner video{
	position: absolute;
    top: 198px;
    left: calc(50% - 2vw - 92px);
    width: 40vw;
    max-width: 525px;
    height: 24vw;
    max-height: 295px;
    border: none;
}

#dl_form img{
	width: 100%;
	padding: 0;
	margin: 0;
}
.group_top_banner-text {
    position:absolute;
    top:8.5%;
    left: calc(50% - 580px);
    text-align:left;
}
.banner-txt_s {
	font-size:18px;
	color:#FF5500;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.banner-txt_b {
	font-size:75px;
	line-height: 90px;
    color:#323232;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
	margin:0;
}
.banner-txt_b  span.h1spna01{
	font-size:60px
}
.banner-txt_b  span.h1spna02{
	font-size:100px
}
.banner-txt_bg {
	color:#FF5500;
	padding:4px 16px;
	font-weight:var(--weight-700);
	font-size:20px;
	line-height: 32px;
	font-family:var(--noto-font);

}
.header-btnflex{
	display: flex;
	align-items: center;
}
.fv-btnflex {
	display: flex;
	align-items: center;
	margin-top: 25px;
}
.header-btnflex .download-cta{
	display: flex;
	height: 42px;
    width: 200px;
    margin-top: 8px;
	line-height: 22px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 8px;
	background: linear-gradient(90deg, #2798DF 0%, #0B378D 100%);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-right: 20px;
	opacity: 1;
}
.download-cta{
	display: flex;
	height: 60px;
	width: 224px;
	line-height: 22px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 56px;
	background: linear-gradient(70deg, #FA2A05 0%, rgba(252, 146, 69, 0.99) 100%), linear-gradient(270deg, #2798DF 0%, #0B378D 100%), linear-gradient(90deg, #FF611B 0%, #FFB300 100%), linear-gradient(90deg, #F29600 0%, #E95513 100%);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-right: 20px;
	opacity: 1;
}
.group_top_banner img.MvBg{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
}
.MvTtlArea{
	position: absolute;
	top:20px;
	width: 1000px;
	left:calc(50% - 500px)
}
.MvTtl{
	font-size: 46px;
	font-weight: bold;
	color:#323232;
}
.MvTtl span{
	font-size: 70px;
	color: #FF5500;
}
.MvDesc{
	font-size: 23px;
	font-weight: bold;
	margin-top: 12px;
	color:#333333;
}
.MvTxt{
	position: absolute;
	top:260px;
	left: calc(50% - 2vw - 350px);
    width: 18vw;
	max-width: 230px;
	height: auto;
	object-fit: contain;
}
.MvLaptop{
	position: absolute;
	top: 180px;
    left: calc(50% - 2vw - 170px);
    width: 52vw;
	max-width: 680px;
	height: auto;
	object-fit: contain;
}

/* ===== PC First View (FV) ===== */
@media (min-width: 961px) {
  /* Hide old MV on desktop */
  .group_top_banner { display: none; }
  /* Ensure new FV shows on desktop */
  .fvPc { display: block; }
}

/* ===== SP First View (FV) ===== */
@media (max-width: 960px) {
  /* 旧SP MVを非表示にして新レイアウト使用 */
  .group_top_banner { display: none; }
  .fvSp { display: block; }
}

.fvSp { display: none; background: #fff; overflow-x: hidden; }
.fvSpInner { padding: 24px 16px 20px; position: relative; }
.fvSpTitle {
  margin: 0 0 10px;
  font-size: 34px;
  line-height: 1.25;
  font-weight: 800;
  color: #323232;
  position: relative;
  z-index: 1;
}
.fvSpTitle .accent { color: #E95513; }
.fvSpSub { margin: 0 0 14px; font-size: 14px; color: #1A2248; font-weight: 600; position: relative; z-index: 1; }
.fvSpImage {
  width: calc(80% + 32px);
  margin-left: 70px;
  margin-top: -32px;
  margin-right: -16px;
  position: relative;
  z-index: 0; /* 背面 */
}
.fvSpImage img { width: 100%; height: auto; display: block; }

.fvSpStats { margin-top: 10px; position: relative; z-index: 1; }
.fvSpStatsRow { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 6px; }

/* 既存の月桂樹スタイルを流用しつつSP向けに縮小 */
.fvSp .fvStatRow { min-height: 64px; gap: 10px; }
.fvSp .laurel { height: 44px; }
.fvSp .fvStatLabel { font-size: 12px; }
.fvSp .fvStatNum .num { font-size: 38px; }
.fvSp .fvStatNum .unit { font-size: 16px; }

.fvSpCtas { margin-top: 18px; display: flex; flex-direction: column; gap: 10px; }
.fvSpCtas .btn { width: 100%; height: 56px; }
.fvSpCtas .btn--download { padding: 0 16px; }
.fvSpCtas .btn--orange { padding: 12px 16px; min-height: 56px; }

.fvSpTel { text-align: center; margin-top: 12px; }
.fvSpTel .fvTelNote { font-size: 12px; color: #1A2248; opacity: .9; }
.fvSpTel .fvTelNumber { display: inline-block; margin-top: 6px; font-weight: 800; font-size: 22px; color: #0B378D; text-decoration: none; }

/* ===== Compact tweaks so CTAs are visible on typical smartphones ===== */
@media (max-width: 960px) {
  .fvSp .laurel { height: 40px; }
  .fvSp .fvStatRow { min-height: 56px; gap: 8px; }
  .fvSp .fvStatLabel { font-size: 11px; }
  .fvSp .fvStatNum .num { font-size: 34px; }
  .fvSp .fvStatNum .unit { font-size: 15px; }
  .fvSpStats { margin-top: 6px; }
  .fvSpStatsRow { gap: 8px; }
  .fvSpCtas { margin-top: 12px; }
}

/* Further compact for short-height devices */
@media (max-width: 960px) and (max-height: 740px) {
  .fvSpInner { padding-top: 16px; }
  .fvSpTitle { font-size: 30px; }
  .fvSpSub { font-size: 13px; }
  .fvSpImage { margin-top: -96px; transform: scale(0.92); transform-origin: top right; }
  .fvSp .laurel { height: 34px; }
  .fvSp .fvStatRow { min-height: 48px; }
  .fvSp .fvStatNum .num { font-size: 30px; }
  .fvSp .fvStatNum .unit { font-size: 14px; }
  .fvSpCtas .btn { height: 52px; }
}

.fvPc {
  background: #fff;
  position: relative;
  overflow: hidden; /* 右画像のオーバーフローを隠す */
  min-height: 520px; /* 画像トリミング用のベース高さ */
}

.fvPc .fvPcInner {
  max-width: 1240px;
  margin: 0 auto;
  padding: 48px 24px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  position: relative;
}

.fvLeft { flex: 1 1 56%; position: relative; z-index: 2; overflow: visible; }
/* 右画像はセクション右端に固定して、上基点で下側が切れるように */
/* 右端に余白が出ないよう、中央コンテナの左右余白ぶんだけ右へ張り出す */
.fvRight {
  position: absolute;
  top: 0;
  right: calc((100vw - min(1240px, 100vw)) / -2);
  height: 100%;
  z-index: 1;
}

.fvRight picture.fvPhoto, .fvRight img { height: 100%; }
.fvRight img {
  width: auto;
  min-width: 640px;               /* 最小横幅 640px */
  max-width: 800px;               /* 最大横幅 800px */
  height: 100%;
  display: block;
  border-top-left-radius: 120px;   /* 右上の曲線 */
  object-fit: cover;               /* はみ出し部分は下側へ */
  object-position: right top;      /* 頭が切れないよう上基点 */
}

.fvTitle {
  margin: 0 0 16px;
  font-size: 56px;
  line-height: 1.18;
  font-weight: 700;
  color: #323232;
}
.fvTitle .accent { color: #E95513; }

.fvSub {
  margin: 0 0 20px;
  font-size: 18px;
  line-height: 1.7;
  color: #1A2248;
  font-weight: 600;
}

.fvStats {
  display: flex;
  flex-wrap: nowrap;        /* 改行しない */
  gap: 60px;                /* 横の間隔 */
  align-items: center;
  margin: 16px 0 28px;
  white-space: nowrap;      /* テキストの折返し防止 */
  overflow: visible;        /* 画像との重なり許容 */
}
.fvStat { flex: 0 0 auto; text-align: center; }
.fvStat { text-align: center; }
.fvStatLabel { font-size: 14px; color: #1A2248; font-weight: 700; letter-spacing: .02em; }
.fvStatRow {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  justify-content: center;
  gap: 14px;
  min-height: 72px; /* ensures content fits between laurels */
}
.fvStatContent {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.1;
}
/* テキストに白い縁取り（画像と重なっても視認性を確保） */
/* 白縁を控えめに（可読性UP・塗りはそのまま） */
.fvStatContent .fvStatLabel {
  text-shadow:
    -1px 0 #fff,
    1px 0 #fff,
    0 -1px #fff,
    0 1px #fff,
    -1px -1px #fff,
    1px -1px #fff,
    -1px 1px #fff,
    1px 1px #fff;
}
.fvStatContent .fvStatNum,
.fvStatContent .fvStatNum .unit {
  text-shadow:
    -1px 0 #fff,
    1px 0 #fff,
    0 -1px #fff,
    0 1px #fff,
    -1px -1px #fff,
    1px -1px #fff,
    -1px 1px #fff,
    1px 1px #fff;
}
.laurel { height: 64px; width: auto; display: block; }
.fvStatNum { display: inline-flex; align-items: baseline; gap: 6px; color: #FF5500; line-height: 1; margin-top: 4px; }
.fvStatNum .num {
  font-size: 52px;
  line-height: 1.1;
  font-weight: 700;
  font-style: italic;
  font-family: 'Jost', 'Noto Sans JP', sans-serif;
  font-synthesis: none;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
.fvStatNum .unit { font-size: 20px; font-weight: 700; }

/* Reuse CTA button styles; just add a local tweak */
.fvCtas .btn { min-width: 0; }

/* mobile friendliness for stats image sizing */
@media (max-width: 1200px) {
  .laurel { height: 54px; }
  .fvStatRow { min-height: 64px; }
  .fvStatNum .num { font-size: 46px; }
}

@media (max-width: 1024px) {
  .fvPc { min-height: 480px; }
}

.download-cta span{
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
}
.download-cta:hover{
	transition: .3s;
	opacity: .8;
}
.tell-cta{
	display: block;
	height: 60px;
	width: 224px;
	padding: 12px 0;
	box-sizing: border-box;
	border-radius: 56px;
	background: #fff;
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
	color: #004CC4;
	font-weight: bold;
	text-decoration: none;
	margin-right: 20px;
}
.tell-cta span{
	display: block;
	width: 100%;
	text-align: center;
	font-size: 11px;
    letter-spacing: 0;
	line-height: 12px;
}
.tell-cta:hover{
	transition: .3s;
	opacity: .8;
}
.tell-cta img{
	display: block;
	margin: 0 auto;
    padding: 0;
    height: 28px;
}
.header-btnflex .tell-cta{
	box-shadow: none;
	margin-right: 0;
}
.header-btnflex .tell-cta img{
	box-shadow: none;
	margin: 0 auto;
}
.get-start{
	background-color: #FA2A05;
	display: flex;
	width: 224px;
	line-height: 22px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 8px;
	background: linear-gradient(70deg, #FA2A05 0%, rgba(252, 146, 69, 0.99) 100%), linear-gradient(270deg, #2798DF 0%, #0B378D 100%), linear-gradient(90deg, #FF611B 0%, #FFB300 100%), linear-gradient(90deg, #F29600 0%, #E95513 100%);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	margin-right: 20px;
	opacity: 1;
	display: flex;
	height: 42px;
	margin-top: 8px;
}
.get-start:hover {
	opacity: 0.8;
	transition: .3s;
}
.fv-btnflex .tell-cta{
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
}
.group_top_banner-computer {
    position:absolute;
    top:38%;
    /*left:14.5%;*/
	right:48.5%;
    text-align:left;
}
.group_top_banner-link {
    position:absolute;
    right:63.5%;
    bottom:18%;
    text-align:left;
    background:#FFFFFF;
}
.group_top_banner-link a {
    width:208px;
    height:51px;
	font-size:16px;
	font-family:var(--noto-font);
}
.group_top_banner-computer img {
	/*width:36.667vw;*/
	width:704px;
}
.group_top_banner-form {
	position:absolute;
    top:4vw;
    right:10.5vw;
    text-align:left;
	background-color:#FFFFFF;
	width:22.917vw;
    border-radius: 8px;
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, 0.10);
}
.group_top_banner-form-img {
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.group_top_banner-form-inner  {
	padding:0;
}
.caption-01 {
	font-size:0.75rem;
    color:#323232;
    text-align:center;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.caption-02 {
	font-size:1rem;
    color:#323232;
    text-align:center;
	font-weight:var(--weight-700);
	margin-bottom:0.833vw;
	font-family:var(--noto-font);
}
.MvBtnArea{
	position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.MvBtnOrange{
	display: block;
	text-align: center;
	margin-right: 18px;
}
.MvBtnOrange p{
	display: block;
	text-align: center;
	color: #FF5500;
	font-size: 14px;
	font-weight: bold;
}
.MvBtnOrange a{
	display: block;
	text-align: center;
	width: 480px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #FF611B;
	border-radius: 5px;
	margin-top: 3px;
	text-decoration: none;
	font-size: 16px;
}
.MvBtnBlue{
	display: block;
	text-align: center;
	margin-right: 18px;
}
.MvBtnBlue p{
	display: block;
	text-align: center;
	color: #0C388E;
	font-size: 14px;
	font-weight: bold;
}
.MvBtnBlue a{
	display: block;
	text-align: center;
	width: 272px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: #2798DF;
	border-radius: 5px;
	margin-top: 3px;
	text-decoration: none;
	font-size: 16px;
}
.MvBtnDownload{
	margin-top: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.MvBtnDownload{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: left;
	color: #323232;
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
}

.MvBtnDownload img{
	margin-right: 10px;
}
/**End Header Banner**/

.nayami{
	max-width: 900px;
	margin: 0 auto;
}

.nayami img{
	width: 100%;
	margin: 20px 0;
}

.nayami p{
	text-align: center;
	font-size: 32px;
	font-weight: bold;
}

.nayami strong{
	text-align: center;
	font-size: 48px;
	padding-right: 10px;
}

.nayami span{
	text-align: center;
	font-size: 40px;
}
.step{
	margin-top: 80px;
	background: #F9F9F9;
	border-radius: 10px;
}
.step-desc{
	font-size: 20px;
	font-weight: bold;
	color: #323232;
	margin-bottom: 30px;
}
.step-desc span{
	color: #FF5500;
}
.about .step .about_title {
	position: relative;
	display: block;
    justify-content: center;
    align-items: center;
    font-size:32px;
    font-weight:bold;
    margin:0 0 40px;
    padding:40px 0 20px;
	font-family:var(--noto-font);
}
.about .step .about_title::after {
	content: "";
	position: absolute;
	left: calc(50% - 50px);
	bottom:0;
	height: 3.5px;
	border-radius: 2px;
	background:linear-gradient(to left, #FF611B, #FFB300);
	width: 100px;
}
/**About Mitsupro**/
.about {
	text-align:center;
    padding-top:80px;
}
.about .about_title {
	position: relative;
	display: block;
    justify-content: center;
    align-items: center;
    font-size:40px;
    font-weight:bold;
    margin:0;
    padding-bottom:45px;
	font-family:var(--noto-font);
}
.about .about_title::after {
	content: "";
	position: absolute;
	left: calc(50% - 50px);
	bottom:20px;
	height: 3.5px;
	border-radius: 2px;
	background:linear-gradient(to left, #FF611B, #FFB300);
	width: 100px;
}
.about .about_title span{
	display: block;
	font-size: 24px;
}
.about-desc {
	font-size:40px;
	font-weight:var(--weight-700);
	margin:0;
	font-family:var(--noto-font);
}
.about-desc span{
	font-size:32px;
}
.about-video {
	position: relative;
	height: 450px;
	margin-bottom: 80px;
}
.about-video::after {
	content: "";
	position: absolute;
	left: 0;
	top: 150px;
	width: 100%;
	height: 200px;
	background: linear-gradient(to right, #FA2A05, #FC9245);
}
.about-video div{
	position: relative;
	max-width: 750px;
	padding-top: 33.2%;
	z-index: 1;
	margin: 0 auto;
}
.about-box {
	width:50%;
	padding:24px;
	text-align:center;
}
.about-box img {
	padding-bottom:24px;
}
.about-box p {
	font-size:24px;
	font-weight:var(--weight-700);
	letter-spacing:normal;
	font-family:var(--noto-font);
}

/**Start Step**/
.step-container {
    text-align:center;
    /*padding:5rem 6.75rem;*/
    padding-top: 90px;
    margin:auto;
	/*width:90rem;*/
	margin-bottom: 60px;
}
.step {
    display:block;
    margin:auto;
    padding-bottom:64px;
	width:77.250rem;
}
.step_item--inner {
	text-align:left;
	width:38.625rem;
}
.step-num {
	font-size:88px;
    background:linear-gradient(to left, #FF611B, #FFB300);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
	font-family:'Alexandria';
}
.step-title {
	font-size:20px;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
	margin:0;
}
.step-sub_title {
	color:#FF5500;
	font-size:32px!important;
	font-weight:var(--weight-700);
	padding-bottom:16px;
	font-family:var(--noto-font);
	margin:0;
}
.step-desc {
	font-size:16px;
	font-weight:bold;
	line-height:150%;
	padding-bottom:8px;
	font-family:var(--noto-font);
}
.step_item--img img{
	width: 90%;
}
.step-note {
	font-size:14px;
	font-weight:var(--weight-500);
	line-height:150%;
	font-family:var(--noto-font);
}
.step-pad {
	padding-bottom:80px;
}
.text-orange {
	color:#FF5500;
	font-weight:var(--weight-700);
}
.Feather{
	display: flex;
	align-items: center;
    max-width: 1120px;
    margin: 0 auto;
	padding-top: 50px;
}
.Feather img{
	width: 45%;
	height: auto;
	object-fit: contain;
	margin: 0 2.5%;
}

.Feather div{
	width: 45%;
	margin: 0 2.5%;
	text-align: left;
	font-weight: bold;
}
.feather-catch{
	font-size: 18px;
	font-weight: bold;
	color:#323232;
}
.feather-ttl{
	font-size: 45px;
	font-weight: bold;
	margin-bottom: 20px;
	color:#FF5500;
}
.feather-ttl span{
	font-size: 32px;
	font-weight: bold;
}
.feather-desc{
	font-size: 18px;
}
.register-data{
	max-width: 900px;
	margin: 50px auto 0;
}
.register-data-image {
  display: none;
}

.register-data-btn-close {
  display: none;
}

.feather-flex-area{
	margin: 50px auto;
	max-width: 1100px;
}
.feather-flex{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.feather-flex img{
	width: 45%;
	margin: 0 2.5%;
}
.feather-flex div{
	width: 45%;
	margin: 0 2.5%;
	text-align: left;
}

.feather-flex-area .feather-flex:nth-child(2) div{
	order: 2;
}

.feather-flex-catch{
	font-size: 18px;
	font-weight: bold;
	color:#323232;
	margin-bottom: 10px;
}
.feather-flex-ttl{
	font-size: 35px;
	font-weight: bold;
	line-height: 45px;
	margin-bottom: 20px;
	color:#FF5500;
}
.feather-flex-ttl span{
	font-size: 28px;
	font-weight: bold;
}
.feather-flex-desc{
	font-size: 16px;
	font-weight: 500;
}
.feather-flex-btn{
	margin-top: 16px;
    border-radius: 6px;
    padding: 12px 0;
    color: #E95513;
    background: #FFECE3;
    text-decoration: none;
    width: 220px;
    display: flex;
	justify-content: center;
	padding-left: 10px;
    text-align: center;
    font-size: 14px;
	font-weight: bold;
    position: relative;
}
.feather-flex-btn img{
	width: 20px;
	margin: 0;
    margin-left: 20px;
}

.cta-area-wrap{
	background:linear-gradient(to left, #2798DF, #0B378D);
	padding: 30px;
	margin-bottom: 60px;
}

.cta-area{
    width: 700px;
    margin: 0 auto;
    border-radius: 5px;
    background: #fff;
    padding:10px 0 30px
}
.cta-btn-area{
    margin-top: 20px;
    display: flex;
    justify-content: center;
}

/* ====== CTA V2 Styles ====== */
.ctaSec {
  margin: 0 auto;
  width: 100%;
  max-width: 1240px;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 24px 40px;
}
.ctaInner { width: 100%; }
.ctaBanner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto 16px;
  display: block;
}
.ctaBanner img { width: 100%; height: auto; display: block; }

.ctaButtons {
  display: flex;
  align-items: stretch;
  justify-content: center;
  gap: 16px;
  width: 100%;
}

.btn {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  height: 64px;
  padding: 0 24px;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  flex: 1 1 0;
  text-align: center;
}

/* 電話（枠線のみ） */
.btn--tel {
  color: #1A3261;
  border: 1px solid #1A3261;
  background: transparent;
  flex-direction: column;
  gap: 2px;
  border-radius: 4px;
}
.telCaption { font-size: 14px; font-weight: 500; }
.telNumber  { font-size: 22px; letter-spacing: .5px; }

/* ダウンロード（青グラデ） */
.btn--download {
  color: #fff;
  background: linear-gradient(90deg, #2798DF 0%, #0B378D 100%);
  border: none;
}

/* お問い合わせ（オレンジ） */
.btn--orange {
  color: #fff;
  background: linear-gradient(90deg, #FF9A3E 0%, #F36C21 100%);
  border: none;
}

.btnIcon { width: 20px; height: 20px; display: inline-block; }

/* オレンジCTAを2行に */
.btn--orange {
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2px;
  height: auto;          /* 中身に応じて高さ可変 */
  min-height: 64px;      /* 最低高さは維持 */
  padding-top: 8px;
  padding-bottom: 8px;
}
.ctaButtons .btn--download { height: auto; min-height: 64px; }
.btn--orange .btnLine1 { font-size: 14px; font-weight: 700; opacity: .95; line-height: 1.1; }
.btn--orange .btnLine2 { font-size: 16px; font-weight: 700; line-height: 1.2; }

/* ====== SP ≤768px レイアウト ====== */
@media (max-width: 768px) {
  .ctaSec { padding: 24px 16px; }
  .ctaButtons {
    flex-direction: column;
    gap: 8px;
  }
  .btn { width: 100%; font-size: 16px; height: 56px; }

  /* 並び替え：資料DL → お問い合わせ → 電話 */
  .btn--download { order: 1; padding:20px 16px; }
  .btn--orange   { order: 2; padding:16px; min-height: 64px; }
  .btn--tel      { order: 3; padding:8px 16px; }

  /* 電話は縦積み維持 */
  .btn--tel { height: 64px; }
}
.cta-btn-area{
	margin-top: 20px;
	display: flex;
    justify-content: center;
}

.a-usage{
	margin-top:16px;
    border:2px solid #FF5500;
	border-radius:4px;
    padding:9px 0;
    color:#FF5500;
    text-decoration:none;
    width:238px;
    display:block;
    text-align:center;
    font-size:16px;
	position:relative;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.a-usage::before {
    content:'';
    position:absolute;
    right:calc(6% + 1px);
    margin-top:4px;
    border-bottom:2px solid #FF5500;
    border-left:2px solid #FF5500;
    width:8px;
    height:8px;
    transform:rotate(-45deg);
    transition:border 0.3s;
}

/**Start Button Banner**/
.main-banner-container {
    text-align:center;
    margin:auto;
	padding:0 80px;
}
.btn_banner-container {
    position:relative;
    text-align:center;
    color:white;
    padding:32px 36px 0;
    width:1040px;
    margin:auto;
}
.bg_banner {
    height:auto;
    display:block;
	margin:auto;
	max-width:100%;
}
.price_banner {
    position:absolute;
    top:7.52rem;
    left:5rem;
    text-align:left;
    width:10.938rem;
	max-width:100%;
}
.btn_banner {
    position:absolute;
    top:10rem;
    left:18rem;
    text-align:left;
}
.text_banner {
    position:absolute;
    top:3.4rem;
    left:5.6rem;
    text-align:left;
    font-size:2rem;
    font-weight:var(--weight-700);
    color:#FFFFFF;
    font-family:var(--noto-font);
}
.btn-download {
	font-family:var(--noto-font);
    align-items:center;
    font-weight:var(--weight-700);
    font-size:20px;
    border-radius:8px;
    cursor:pointer;
    box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);
    transition:all 0.3s ease-in-out;
    text-decoration:none;
    width:340px;
    background:linear-gradient(to left, #2798DF, #0B378D);
    height:100px;
}
.btn-download span{
	color:#FFFFFF;
}
.btn-free {
	margin-top:24px;
	border:3px solid #FF5500;
    font-family:var(--noto-font);
    align-items:center;
    font-weight:var(--weight-700);
    font-size:20px;
    border-radius:8px;
    cursor:pointer;
    box-shadow:0 4px 6px rgba(0, 0, 0, 0.1);
    transition:all 0.3s ease-in-out;
    text-decoration:none;
    width:340px;
    height:72px;
	background-color:#FFFFFF;
}
.btn-free span{
	color:#FF5500;
}
/**End Button Banner**/

/**Usage Fees**/
.usage {
    text-align:center;
    margin:auto;
	padding:50px 108px;
	max-width:1440px;
	background: #fff;
}
.usage_fee {
	width:64rem;
	padding-top: 45px;
	margin:auto;
	background: #F5F5F5;
}
.usage_fee h2 {
	font-size:40px;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
	margin-top:0;
}
.usage_fee-inner {
	display:flex;
    justify-content:space-between;
	padding-bottom:72px;
	padding: 50px;
	border-radius: 10px;
}
.amount-container {
	width:443px!important;	
}
.amount-container-inner {
    display:flex;
    align-items:center;
	margin:auto;
	gap:16px;	
	height:107px;
}
.amount-right {
	width:196px!important;
}
.arrow-right {
	width:24px!important;
}
.amount-left {
	width:194px!important;
}
.usage_fee-inner div {
	width:448px;
}
.fee_title {
	color:#FF5500;
	font-weight:var(--weight-700);
	font-size:24px;
	font-family:var(--noto-font);
	padding-bottom: 16px;
}
.fee_amount {
    color: #FF5500;
    font-weight: var(--weight-700);
    font-size: 160px;
    font-family: var(--noto-font);
    width: 172px;
    height: 132px;
    line-height: 68%;
    margin: auto;
}
.fee_amount span{
	color:#333333;
	font-weight:var(--weight-700);
	font-size:64px;
	font-family:var(--noto-font);
}
.fee_desc {
	text-align:left;
	font-size:16px;
	font-weight:var(--weight-500);
	line-height:150%;
	font-family:var(--noto-font);
	padding-top: 32px;
}
.fee_amount2 {
	color:#FF5500;
	font-weight:var(--weight-700);
	font-size:80px;
	line-height:212px;
	font-family:var(--noto-font);
}
.fee_amount2 span {
	font-size:48px;
	color:#333333;
}
.fee_amount2 sup {
	font-size:24px;
	color:#333333;
	vertical-align:middle;
}
.fee_note {
    text-align: right;
    font-size: 12px;
    font-weight: var(--weight-700);
    font-family: var(--noto-font);
    padding-top: 8px;
	color:#4D4D4D;
}
.fee_yen {
	position:relative;
	display:inline-block;
	color:lightgray;
}
sup.note {
	font-size:12px;
	position:absolute;
	top:-30px;
	left:32px;
	font-family:var(--noto-font);
}

/**Services**/
.service {
    text-align:center;
    margin:auto;
	padding:80px 108px;
	max-width:1440px;
}
.service-inner h2 {
    font-size:40px;
    font-weight:var(--weight-700);
    font-family:var(--noto-font);
	margin-top:0;
}
.tbl_service {
	width:1124px;
	margin:auto;
    border-spacing:10px 0;
	padding:64px 0;
}
.bd-bottom-hard td {
	position:relative;
}
.bd-bottom-hard td::after {
	content:"";
	position:absolute;
	left:25px;
	right:25px;
	bottom:0;
	height:2px;
	background-color:black;
}
.bd-bottom-thin td {
  position:relative;
}
.bd-bottom-thin:not(:last-child) td::after {
	content:"";
	position:absolute;
	left:25px;
	right:25px;
	bottom:1px;
	height:1px;
	background-color:black;
}
.tbl_service td:nth-child(2) {
	border-right:2px solid #FF5500; 
	border-left:2px solid #FF5500; 
}
.bd-bottom-orange {
	border-bottom:2px solid #FF5500; 
	border-bottom-left-radius:10px;  
	border-bottom-right-radius:10px;
}
.tbl_service tr th {
	font-size:20px;
	font-weight:var(--weight-700);
	padding:8px 0;
	position:relative;
	font-family:var(--noto-font);
}
.tbl_service tr td {
	padding:8px 0;
}
.th_logo {
	background-color:#FF5500;
}
.th_logo::before {
	border-top-left-radius:10px;
    border-top-right-radius:10px;
    height:15px;
    content:"";
    position:absolute;
    top:-15px;
    left:0px;
    right:0px;
    background-color:#FF5500;
	border-bottom:2px solid #FF5500;
}
.tbl_service tr td:first-child {
	font-size:16px;
	font-weight:var(--weight-500);
	font-family:var(--noto-font);
}
.c_orange {
	color:#FF5500;
	font-weight:var(--weight-700);
}
.ft-mini {
	font-size:14px;
	font-weight:var(--weight-500);
	font-family:var(--noto-font);
}
.ft-small {
	font-size:16px;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.ft-medium {
	font-size:20px;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.ft-large {
	font-size:24px;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.ft-xlarge {
	font-size:32px;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.bg-gray {
	background-color:#F7F7FA;
}

/**Posting**/
.posting {
    text-align:center;
    margin:auto;
	padding:30px 108px;
	max-width:1440px;
}
.posting h2 {
    font-size:40px;
    font-weight:var(--weight-700);
    font-family:var(--noto-font);
	margin-top:0;
}
.flow {
    display:flex;
    align-items:center;
	width:1224px;
	margin:auto;
	padding:16px 0 64px;
	text-align:left;
	gap:20px;
}
.flow div{
	width:288px;
	height:503px;
}
.flow div img{
	width: 100%;
}
.flow_title {
	padding-top:8px;
	color:#FF5500;
	font-size:23px;
	font-weight:var(--weight-700);
	font-family:var(--noto-font);
}
.flow_desc {
	font-size:16px;
	font-weight:var(--weight-400);
	padding:8px 8px 0;
	font-family:var(--noto-font);
	color:#000000;
}
.a-member {
    margin-top:16px;
    border-radius:4px;
    padding:12px 0;
    color:#E95513;
	background: #FFECE3;
    text-decoration:none;
    width:272px;
    display:block;
    text-align:center;
    font-size:14px;
    position:relative;
    font-weight:var(--weight-700);
	font-family:var(--noto-font);
}

/**Question**/
.qa {
    text-align:center;
    margin:auto;
	padding:80px 80px 200px;
	max-width:1440px;
}
.qa_main-title {
	font-size:32px;
	font-family:var(--noto-font);
	color:#1A3261;
	margin-top:0;
}
article {
    border-radius:16px;
	width:1024px;
	padding:20px 30px 20px 24px;
	text-align:left;
	line-height:25.6px;
	margin:16px auto;
	font-family:var(--noto-font);
}
.faqArea h2 {
	font-size:22px;
	padding-bottom:15px;
	border-bottom:1px solid #1A2248;
	font-family:var(--noto-font);
	color:#FF5500;
	margin-top:0;
}
.faqArea h2 span{
	vertical-align:super;
	padding-left:10px;
}
.faqAnswer {
	border-radius:16px;
	font-family:var(--noto-font);
	font-weight:var(--weight-500);
	color:#1A2248;
}

/**Footer Banner**/
.footer-banner {
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    background-color:rgba(0,0,0,0.5);
    visibility:hidden;
    z-index: 2;
}

.FooterBtnArea{ position: relative; }
.footer-banner .footerCtas { 
  padding: 12px 16px 20px; 
  display: flex; 
  gap: 12px; 
  align-items: stretch; 
  justify-content: center; 
  max-width: 1080px;
  width: 100%;
  box-sizing: border-box; /* パディング込みで幅を算出 */
  margin: 0 auto;
}
.footer-banner .btn { height: 56px; border-radius: 8px; min-width: 0; box-sizing: border-box; }
.footer-banner .btn--download { padding: 0 20px; }
.footer-banner .btn--orange { min-height: 56px; padding: 8px 16px; }
.footer-banner .btn--tel { padding: 6px 12px; min-width: 220px; color: #fff; border-color: #fff; background: transparent; }
.footer-banner .btn--tel .telCaption { font-size: 12px; color: #fff; }
.footer-banner .btn--tel .telNumber { font-size: 18px; letter-spacing: .5px; color: #fff; }

/* SP時はDL/お問い合わせを左右に、下段に電話 */
@media (max-width: 768px) {
  /* 2列グリッド: 上段 DL/お問い合わせ、下段 TEL */
  .footer-banner .footerCtas {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 'dl orange' 'tel tel';
    gap: 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .footer-banner .btn { width: 100%; min-width: 0; }
  .footer-banner .btn--download { grid-area: dl; padding: 10px 12px; height: auto; }
  .footer-banner .btn--orange { grid-area: orange; padding: 10px 12px; height: auto; }
  .footer-banner .btn--tel {
    grid-area: tel;
    justify-content: center;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  /* 文言が長い場合の折返しと余白調整 */
  .footer-banner .btn span { white-space: normal; font-size: 14px; }
  .footer-banner .btn--download .btnIcon { display: none; }
}

/* PC: DLとお問い合わせは等幅で横並び、電話は右/左に余白可 */
@media (min-width: 769px) {
  .footer-banner .btn--download,
  .footer-banner .btn--orange { flex: 1 1 0; }
}

.right-footer {
    align-items:center;
    display:flex;
    float:right;
	margin:1rem;
	margin-right: 5rem;
}
.a-register {
    border:2px solid #FF5500;
    padding:0.8rem 1.25rem;
	color:#FF5500;
	margin-top: 20px;
}
.btn_free {
	border:2px solid #FF5500;
	width:21.25rem;
	color:#FF5500;
	background:#FFFFFF;
}
.btn_dl {
	margin-left:0.938rem;
    background:linear-gradient(to left, #2798DF, #0B378D);
    padding:0.563rem 1.25rem;
	width:20rem;
	color:#FFFFFF;
}
.footer-button {
	display: flex;
	height: 60px;
	width: 320px;
	line-height: 22px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 56px;
	background: linear-gradient(70deg, #FA2A05 0%, rgba(252, 146, 69, 0.99) 100%), linear-gradient(270deg, #2798DF 0%, #0B378D 100%), linear-gradient(90deg, #FF611B 0%, #FFB300 100%), linear-gradient(90deg, #F29600 0%, #E95513 100%);
	box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.25);
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
}

.footer-button span{
	font-size: 12px;
	line-height: 20px;
}

@media (min-width:1011px) and (max-width:1049px){
	.step {
		display:flex;
		justify-content:space-between;
		margin:auto;
		padding-bottom:64px;
		width:75.250rem;
	}
	.footer-button {
		width:200px;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.about-image {
		width:100%;
		max-width:76.5rem;
		padding:40px 0px 0;
		display:flex;
		text-align:center;
		margin:auto;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:800px;
		padding:20px 30px 20px 24px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.about-box {
		width:100%;
		padding:24px;
		text-align:center;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.usage_fee {
		width:100%;
		margin:auto;
	}
	.group_top_banner-form {
		position:absolute;
		top:3vw;
		right: 5vw;
		text-align:left;
		background-color:#FFFFFF;
		width:27.917vw;
		border-top-left-radius:8px;
		border-top-right-radius:8px;
	}
	.group_top_banner-text {
        top:16.5%;
        left:5%;
        right:unset;
	}
	.group_top_banner-computer {
		top:50%;
		left:15.5%;
		right:unset;
	}
	.group_top_banner-computer img {
		width:36.667vw;
	}
    .group_top_banner-link {
        right:55%;
    }
	.group_top_banner-link a {
		width:15vw;
		height:2.656vw;
		font-size:16px;
		background:#FFFFFF;
		font-family:var(--noto-font);
	}
	.zm-btn-banner {
		 max-width:822px!important;
	}
	.step {
		width: 95% !important;
	}
	.step_item--inner {
		text-align: left;
		width: 48.625rem;
	}
	.step_item--img img {
		width:90%;
	}
	.footer-banner img {
		position:absolute;
		top:-58px;
		left:100px;
	}
	.qa {
		padding:32px 0 210px;
	}
	.bg_banner {
		width:unset;
	}
	.btn_banner-container {
		width:unset;
	}
	.price_banner {
		top:4.8rem;
		left:3rem;
		width:5.938rem;
		max-width:100%;
	}
	.text_banner {
		top: 2rem;
		left:5.6rem;
		font-size:1.3rem;
	}
	.btn_banner {
		left:10.64rem;
		top:4.5rem;
	}
	.btn-download {
		font-size:14px;
		height:34px;
		width:210px;
	}
	.btn-free {
		font-size:14px;
		height:34px;
		width:210px;
	}
	.flow_title {
		font-size:21px;
	}
	.flow {
		width:unset;
	}
	.flow img{
		max-width:100%;
	}
	.tbl_service {
		width:unset;
	}
	.a-member {
		width:150px;
	}
	.th_logo img {
		width:90%;
	}
}
@media (min-width:1050px) and (max-width:1091px){
	.footer-button {
		width:200px;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.about-image {
		width:100%;
		max-width:76.5rem;
		padding:40px 0px 0;
		display:flex;
		text-align:center;
		margin:auto;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:800px;
		padding:20px 30px 20px 24px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.about-box {
		width:100%;
		padding:24px;
		text-align:center;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.usage_fee {
		width:100%;
		margin:auto;
	}
	.group_top_banner-form {
		position:absolute;
		top:3vw;
		right: 5vw;
		text-align:left;
		background-color:#FFFFFF;
		width:27.917vw;
		border-top-left-radius:8px;
		border-top-right-radius:8px;
	}
	.group_top_banner-text {
        top:16.5%;
        left:5%;
        right:unset;
	}
	.group_top_banner-computer {
		top:50%;
		left:15.5%;
		right:unset;
	}
	.group_top_banner-computer img {
		width:36.667vw;
	}
    .group_top_banner-link {
        right:55%;
    }
	.group_top_banner-link a {
		width:15vw;
		height:2.656vw;
		font-size:16px;
		background:#FFFFFF;
		font-family:var(--noto-font);
	}
	.zm-btn-banner {
		 max-width:822px!important;
	}
	.step {
		width:62.25rem!important;
	}
	.step_item--img img {
		width:90%;
	}
	.footer-banner img {
		position:absolute;
		top:-58px;
		left:100px;
	}
	.qa {
		padding:32px 0 210px;
	}
	.bg_banner {
		width:unset;
	}
	.btn_banner-container {
		width:unset;
	}
	.price_banner {
		top:4.8rem;
		left:5rem;
		width:7.938rem;
		max-width:100%;
	}
	.text_banner {
		top: 2rem;
		left:5.6rem;
		font-size:1.5rem;
	}
	.btn_banner {
		left:13.64rem;
		top:4.9rem;
	}
	.btn-download {
		font-size:14px;
		height:44px;
		width:230px;
	}
	.btn-free {
		font-size:14px;
		height:44px;
		width:230px;
	}
	.flow_title {
		font-size:21px;
	}
	.flow {
		width:unset;
	}
	.flow img{
		max-width:100%;
	}
	.tbl_service {
		width:unset;
	}
	.a-member {
		width:150px;
	}
	.th_logo img {
		width:90%;
	}
}

@media (min-width:1092px) and (max-width:1240px) {
	.usage_fee {
		width:100%;
		margin:auto;
	}
	.footer-button {
		width:240px;
		padding:16px 24px;
		font-size:14px;

	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.group_top_banner-form {
		top:3vw;
	}
	.group_top_banner-text {
        top:16.5%;
        left:10%;
        right:unset;
	}
	.group_top_banner-computer {
		top:46%;
		left:15.5%;
		right:unset;
	}
	.group_top_banner-computer img {
		width:36.667vw;
	}
    .group_top_banner-link {
        right:56%;
    }
	.group_top_banner-link a {
		width:14vw;
		height:2.656vw;
		font-size:16px;
		background:#FFFFFF;
		font-family:var(--noto-font);
	}
	.zm-btn-banner {
		 max-width:822px!important;
	}
	.step {
		width:62.25rem!important;
	}
	.step_item--img img {
		width:90%;
	}
	.footer-banner img {
		position:absolute;
		top:-58px;
		left:100px;
	}
	.qa {
		padding:32px 0 210px;
	}
	.bg_banner {
		width:unset;
	}
	.btn_banner-container {
		width:unset;
	}
	.price_banner {
		top:4.8rem;
		left:5rem;
		width:7.938rem;
		max-width:100%;
	}
	.text_banner {
		top: 2rem;
		left:5.6rem;
		font-size:1.5rem;
	}
	.btn_banner {
		left:13.64rem;
		top:4.9rem;
	}
	.btn-download {
		font-size:14px;
		height:44px;
		width:230px;
	}
	.btn-free {
		font-size:14px;
		height:44px;
		width:230px;
	}
	.flow_title {
		font-size:21px;
	}
	.flow {
		width:unset;
	}
	.flow img{
		max-width:100%;
	}
	.tbl_service {
		width:unset;
	}
	.a-member {
		width:180px;
	}
	.th_logo img {
		width:90%;
	}
}

@media (min-width:1241px) and (max-width:1366px) {
	.group_top_banner-form {
		top:5vw;
	}
	.group_top_banner-text {
        top:6.5%;
        left:10%;
        right:unset;
	}
	.group_top_banner-computer {
		top:68%;
		left:8.5%;
	}
	.group_top_banner-computer img {
		width:36.667vw;
	}
    .group_top_banner-link {
        right:60.5%;
    }
	.group_top_banner-link a {
		width:12vw;
		height:2.656vw;
		font-size:16px;
		background:#FFFFFF;
		font-family:var(--noto-font);
	}
	.zm-btn-banner {
		 max-width:822px!important;
	}
	.step {
		width:62.25rem!important;
	}
	.step_item--img img {
		width:90%;
	}
	.footer-banner img {
		position:absolute;
		top:-58px;
		left:100px;
	}
	.qa {
		padding:32px 0 80px;
	}
	.bg_banner {
		width:unset;
	}
	.btn_banner-container {
		width:unset;
	}
	.price_banner {
		top:7.8rem;
		left:5rem;
		width:7.938rem;
		max-width:100%;
	}
	.text_banner {
		left:5.6rem;
		font-size:1.5rem;
	}
	.btn_banner {
		left:13.64rem;
		top:7.4rem;
	}
	/*.price_banner {
		top:12rem;
		left:5rem;
	}*/
	.btn-download {
		font-size:16px;
		height:54px;
		width:250px;
	}
	.btn-free {
		font-size:16px;
		height:54px;
		width:250px;
	}
	.flow_title {
		font-size:21px;
	}
	.flow {
		width:unset;
	}
	.flow img{
		max-width:100%;
	}
	.tbl_service {
		width:unset;
	}
	.a-member {
		width:215px;
	}
	.th_logo img {
		width:90%;
	}
}
.sp-only {
	display:none!important;
}
@media (min-width: 360px) and (max-width: 374px){
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	.group_top_banner-text {
		position:absolute;
		width: 343px;
		top:0%;
		right:0%;
		text-align:left;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:12px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:224px;
	}
	.group_top_banner-computer {
		top:20%;
		left:4.5%;
	}
	.group_top_banner-computer img {
		width:358px;
	}
	.group_top_banner-link {
		top:35.7%;
		left:7%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 342px;
	}
	.group_top_banner-form {
		position:absolute;
		top:45%;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		padding:40px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.flow_title {
		font-size: 20px;
	}
	.flow_desc {
		font-size: 14px;
		padding:8px 0;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:360px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width: 337px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:235px;
		font-size:12px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		width: 75%;
	}
	.footer-button {
		width:100%;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:50%;
		left:15px;
		transform: translateY(-50%);
	}
	.footer-links {
		width: 100%;
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}

/* 登録者データ開閉時デザイン */
.sp-only.register-data {
  background: #f7f7f7;
  border-radius: 8px;
  padding: 24px 0 32px 0;
  margin: 0 auto;
  margin-top: 24px;
}

.register-data-title {
	font-size: 16px;
  font-weight: bold;
  margin: 0 16px 16px 16px;
}

.register-data-title::after {
	content: "";
	display: block;
	width: 120px;
	height: 3px;
	background: linear-gradient(70deg, #FA2A05 0%, rgba(252, 146, 69, 0.99) 100%), #D9D9D9;
	margin-top: 8px;
	margin-left: auto;
	margin-right: auto;
}

.register-data-image {
  display: none; /* JSで切り替え */
  border-radius: 16px;
  filter: drop-shadow(0 2px 12px rgba(0,0,0,0.06));
  padding: 24px 0 16px 0;
  margin: 0 16px 24px 16px;
}

.register-data-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

.register-data-btn {
	background: none;
  border: none;
  color: #1746a0;
  font-size: 1.2rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.05em;
  padding: 12px 0 0 0;
}

.register-data-btn::after {
  content: ' +';
  font-size: 1.1em;
  vertical-align: middle;
}

.register-data-btn-close {
  display: none; /* JSで切り替え */
  background: none;
  border: none;
  color: #1746a0;
  font-size: 1.2rem;
  margin: 0 auto;
  display: block;
  text-align: center;
  cursor: pointer;
  letter-spacing: 0.05em;
  padding: 12px 0 0 0;
}

.register-data-btn-close::after {
  content: ' ー';
  font-size: 1.1em;
  vertical-align: middle;
}

@media (min-width: 375px) and (max-width: 427px){
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	.group_top_banner-text {
		position:absolute;
		width: 343px;
		top:0%;
		left: 20px;
		right:0%;
		text-align:left;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:16px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:165px;
	}
	.group_top_banner-computer {
		top:20%;
		left:4.5%;
	}
	.group_top_banner-computer img {
		width:358px;
	}
	.group_top_banner-link {
		top:35.7%;
		left:7%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 342px;
	}
	.group_top_banner-form {
		position:absolute;
		top:45%;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		padding:40px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.flow_title {
		font-size: 20px;
	}
	.flow_desc {
		font-size: 14px;
		padding:8px 0;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:152px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-203px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
		align-items: flex-start;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:235px;
		font-size:12px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1rem;
		width: 75%;

	}
	.footer-button {
		width:100%;
		padding:16px 20px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:50%;
		left:15px;
		transform: translateY(-50%);
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 428px) and (max-width: 499px){
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:16px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:170px;
	}
	.group_top_banner-computer {
		top: 305px;
		left:10%;
	}
	.group_top_banner-computer img {
		width:358px;
	}
	.group_top_banner-link {
		top:490px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		margin-bottom: 0px;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:610px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		padding:40px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		width: 75%;
		height: 75%;
		margin-right: 1rem;

	}
	.footer-button {
		width:100%;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:50%;
		left:15px;
		transform: translateY(-50%);
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 500px) and (max-width: 524px){
	.step-container{
		margin-bottom: -50px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	.group_top_banner-text {
		position:absolute;
		width: 343px;
		top:0%;
		right:0%;
		text-align:left;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:224px;
	}
	.group_top_banner-computer {
		top: 250px;
		left:5%;
	}
	.group_top_banner-computer img {
		width:458px;
	}
	.group_top_banner-link {
		top:490px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:610px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -100px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.flow_title {
		font-size: 20px;
	}
	.flow_desc {
		font-size: 14px;
		padding:8px 0;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:235px;
		font-size:12px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 525px) and (max-width: 549px){
	.step-container{
		margin-bottom: -140px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	.group_top_banner-text {
		position:absolute;
		width: 343px;
		top:0%;
		right:0%;
		text-align:left;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:224px;
	}
	.group_top_banner-computer {
		top: 250px;
		left:5%;
	}
	.group_top_banner-computer img {
		width:458px;
	}
	.group_top_banner-link {
		top:490px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:610px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -170px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.flow_title {
		font-size: 20px;
	}
	.flow_desc {
		font-size: 14px;
		padding:8px 0;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:235px;
		font-size:12px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 550px) and (max-width: 574px){
	.step-container{
		margin-bottom: -160px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:224px;
	}
	.group_top_banner-computer {
		top: 280px;
		left:8%;
	}
	.group_top_banner-computer img {
		width:468px;
	}
	.group_top_banner-link {
		top:525px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:670px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -180px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 575px) and (max-width: 599px){
	.step-container{
		margin-bottom: -220px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:224px;
	}
	.group_top_banner-computer {
		top: 280px;
		left:8%;
	}
	.group_top_banner-computer img {
		width:468px;
	}
	.group_top_banner-link {
		top:525px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:670px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -240px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 600px) and (max-width: 624px){
	.step-container{
		margin-bottom: -290px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:224px;
	}
	.group_top_banner-computer {
		top: 280px;
		left:15%;
	}
	.group_top_banner-computer img {
		width:468px;
	}
	.group_top_banner-link {
		top:525px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:76vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:670px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -310px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 625px) and (max-width: 649px){
	.step-container{
		margin-bottom: -300px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:24px!important;
	}
	.banner-txt_b .span_s {
		font-size:16px!important;
		-webkit-text-fill-color:transparent;
	}
	.group_top_banner-text {
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:16px;
		width:224px;
	}
	.group_top_banner-computer {
		top: 280px;
		left:15%;
	}
	.group_top_banner-computer img {
		width:468px;
	}
	.group_top_banner-link {
		top:525px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:76vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:670px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -360px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:90%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 650px) and (max-width: 674px){
	.step-container{
		margin-bottom: -350px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer img {
		width:468px;
	}
	.group_top_banner-computer {
		top: 340px;
		left:20%;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:730px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -370px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 675px) and (max-width: 699px){
	.step-container{
		margin-bottom: -400px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer img {
		width:468px;
	}
	.group_top_banner-computer {
		top: 340px;
		left:20%;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:730px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -440px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 700px) and (max-width: 724px){
	.step-container{
		margin-bottom: -450px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:33%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -480px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 725px) and (max-width: 749px){
	.step-container{
		margin-bottom: -500px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:33%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -540px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 750px) and (max-width: 774px){
	.step-container{
		margin-bottom: -550px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:38%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:78vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -600px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 775px) and (max-width: 799px){
	.step-container{
		margin-bottom: -650px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:38%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:78vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -680px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 800px) and (max-width: 824px){
	.step-container{
		margin-bottom: -700px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:40%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -750px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 825px) and (max-width: 849px){
	.step-container{
		margin-bottom: -800px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:40%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -820px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 850px) and (max-width: 874px){
	.step-container{
		margin-bottom: -850px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:40%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -880px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 875px) and (max-width: 899px){
	.step-container{
		margin-bottom: -900px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:40%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:75.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -940px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:119.5px;
		padding:16px 24px;
		font-size:14px;
		max-width:167.5px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	.footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	}
	.footer-links a {
		font-size: 12px;
		padding-left:16px;
	}
	.footer-copyright{
		text-align: left;
	}
	.footer-copyright p {
		font-size:10px;
		padding-left:16px;
	}
}
@media (min-width: 900px) and (max-width: 924px){
	.step-container{
		margin-bottom: -1000px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:45%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -1020px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:200px;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	/* .footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	} */
	/* .footer-links a {
		padding-left:20px;
	}
	.footer-copyright p {
		font-size:9px;
		padding-left:5px;
	} */
	.vl{
		display: block !important;
	}
}
@media (min-width: 925px) and (max-width: 959px){
	.step-container{
		margin-bottom: -1050px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:45%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:8%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -1070px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:200px;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	/* .footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	} */
	/* .footer-links a {
		padding-left:20px;
	}
	.footer-copyright p {
		font-size:9px;
		padding-left:5px;
	} */
	.vl{
		display: block !important;
	}
}
@media (min-width: 960px) and (max-width: 984px){
	.step-container{
		margin-bottom: -1150px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:45%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:9%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -1190px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:200px;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	/* .footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	} */
	/* .footer-links a {
		padding-left:20px;
	}
	.footer-copyright p {
		font-size:9px;
		padding-left:5px;
	} */
	.vl{
		display: block !important;
	}
}
@media (min-width: 985px) and (max-width: 1010px){
	.step-container{
		margin-bottom: -1200px;
	}
	.pc-only {
		display:none!important;
	}
	.sp-only {
		display:block!important;
	}
	header {
		padding:8px 16px;
	}
	.left-header img {
		width:85px;
		height:20px;
	}
	.left-header .text-01 p {
		font-size:12px;
	}
	.left-header .text-02 p {
		font-size:10px;
	}
	.banner-txt_b { 
		font-size:40px!important;
	}
	.banner-txt_b .span_s {
		font-size:32px!important;
		-webkit-text-fill-color:transparent;
	}
	
	.group_top_banner-text {
		/* width:400px; */
		top:3.5%;
		left:32px;
		right:unset;
	}
	.banner-txt_bg {
		margin-top:4px;
		padding:4px 8px;
		font-size:24px;
		width:344px;
	}
	.group_top_banner-computer {
		top: 365px;
		left:45%;
	}
	.group_top_banner-computer img {
		width:418px;
	}
	.group_top_banner-link {
		top:585px;
		left:9%;
		bottom:unset;
	}
	.group_top_banner-link a {
		width:77.833vw;
		height:8.656vw;
		background:#FFFFFF;
		max-width: 722px;
	}
	.height-900 {
		width:100%;
		min-height: 100vh !important;
		display:block;
	}
	.group_top_banner-form {
		position:absolute;
		top:750px;
		right:5%;
		text-align:left;
		width:90%;
		padding-left:1%;
	}
	.caption-02 {
		margin-bottom:20px;
	}
	.about {
		position: relative;
		top: -1240px;
		padding:0px 16px 0;
	}
	.about h3 {
		font-size:16px;
	}
	.about-desc {
		font-size:28px;
	}
	.about-desc span {
		font-size:21px;
	}
	.about .about_title {
		font-size:16px;
	}
	.about-image {
		display:unset;
		text-align:center;
		margin:auto;
	}
	.about-box {
		width:100%;
		padding:24px 0;
		text-align:center;
	}
	.about-box img {
		width:50%;
	}
	.about-box p {
		font-size:17.55px;
	}
	.step-num {
		font-size:56px;
	}
	.step-sub_title {
		font-size:28px!important;
	}
	.step-desc {
		width:343px;
	}
	.step {
		width:343px;
		display:block;
		padding-bottom:32px;
	}
	.step_item--inner {
		padding-bottom:15px;
		width:unset;
	}
	.step_item--img img {
		width:100%;
	}
	.main-banner-container-sp {
		text-align:center;
		max-width:1040px;
	}
	.btn_banner-container-sp {
		text-align:center;
		color:white;
		width:375px;
		height:214px;
		display:block!important;
		overflow:hidden;
		margin:auto;
	}
	.text_banner {
		top:-17.5rem;
		left:3rem;
		font-size:14px;
		position:relative;
	}
	.bg_banner {
		height:auto;
		display:block;
		margin:0;
		width:100%;
	}
	.banner-img-month {
		position: relative;
        width: 63.61px;
        top: -7rem;
        text-align: left;
        left: -8.8rem;
	}
	.btn-download {
		width:343px;
		height:56px;
		top:-199px;
		left:16px;
	}
	.btn-free {
		width:343px;
		height:56px;
		top:-235px;
		left:16px;
	}
	.text-banner-price {
		top:-210px;
		left:3px;
		font-size:37px;
		color:#FF0000;
		display:block;
		position:relative;
		font-weight:var(--weight-700);
		font-family: 'Josefin Sans';
	}
	.pr-txt1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt2 {
		font-size:12px;
		color:#FFFFFF;
		writing-mode:vertical-rl;
		text-orientation:mixed;
		font-family:var(--noto-font);
	}
	.pr-txt2-1 {
		font-size:12px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.pr-txt3 {
		font-size:20.3px;
		color:#FFFFFF;
		font-family:var(--noto-font);
	}
	.usage {
		padding:80px 16px 0;
	}
	.usage_fee h2 {
		font-size:28px;
	}
	.usage_fee {
		width:343px;
		margin:auto;
	}
	.usage_fee-inner {
		display:block;
        padding-top: 16px;
	}
	.amount-container {
		width: 291px!important;
		 margin: auto;
	}
	.amount-container-inner {
		width: 291px!important;
		height: 85px;
		gap:8px;
	}
	.fee_note {
		margin-top: -17px;
		padding-top:0;
	}
	.fee_desc {
		line-height: 150%;
		padding-top: 16px;
	}
	.fee_amount {
		font-size:96px;
		width: 99px;
		height: 80px;
		line-height: 70%;
	}
	.fee_amount span {
		font-size:40px;
	}
	.usage_fee-inner div {
		width:343px;
		max-width:768px;
	}
	.fee_cointaner-02 {
		padding-top:64px;
	}
	.fee_amount2 {
		font-size:52px;
		line-height:80%;
	}
	sup.note {
		top:-20px;
		left:15px;
	}
	.fee_amount2 span {
		font-size:28px;
		color:#323232;
	}
	.service {
		padding:80px 16px 40px;
	}
	.service-inner h2 {
		font-size:28px;
	}
	.div-scroll {
		padding-top:16px;
		width:100%;
		overflow-x:scroll;
		white-space:nowrap;
		display:block !important;
	}
	.tbl_service {
		border-spacing:unset;
		border-collapse:collapse;
		width:1238px;
	}
	.tbl_service tr th {
		width:160px;
	}
	.tbl_service tr th:last-child {
		width:200px;
	}
	.td_logo {
		background-color:#FF5500;
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		width:216px;
	}
	.td_logo img {
		width:80%;
	}
	.tbl_service td:nth-child(2) {
		border-right:unset;
		border-left:unset;
	}
	.tbl_service td {
		height:96px;
	}
	.td-orange div {
		border-top:4px solid #FF5500;
		border-bottom:4px solid #FF5500;
		height:94%;
		background:#FFFFFF;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tbl_service td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:21%;
		width:3px;
		height:60%;
		background:#000000;
	}
	.tr-nobg div{
		position:relative;
		margin-right:-1px;
		height:94%;
		display:flex;
		justify-content:center;
		align-items:center;
		text-align:center;
		flex-direction:column;	
		position:relative;
		margin-right:-1px;
	}
	.tr-nobg td:not(:last-child) div::after {
		content:"";
		position:absolute;
		right:0;
		top:15%;
		width:2px;
		height:70%;
		background:#000000;
	}
	.td-orange {
		background:#FF5500;
		padding:0!important;
	}
	.bd-orange-radius-left {
		border-top-left-radius:8px;
		border-bottom-left-radius:8px;
		margin-right:-2px;
		padding-right:2px;
	}
	.td-bd-orange {
		border-right:4px solid #FF5500;
	}
	.bd-orange-radius-right {
		border-top-right-radius:8px;
		border-bottom-right-radius:8px;
		padding-left:2px;
	}
	.ft-large {
		font-size:20px;
	}
	.ft-mini {
		font-size:12px;
	}
	.ft-small {
		font-size:14px;
	}
	.ft-medium {
		font-size:16px;
	}
	.posting {
		padding:80px 16px 0;
	}
	.flow {
		display:block; 
		align-items:center;
		width:100%;
		margin:auto;
		padding:16px 0 64px;
		text-align:left;
		gap:20px;
	}
	.flow div {
		width:unset;
		height:unset;
		align-items: flex-start;
		display:flex;
		padding-bottom:32px;
		gap: 8px;
	}
	.flow .last-flow {
		padding-bottom:0;
	}
	.flow_title {
		padding-bottom:4px;
	}
	.a-member {
		width:239px;
	}
	.qa {
		padding:80px 16px 160px;
	}
	.qa_main-title {
		font-size:24px;
	}
	article {
		border:1px solid #1A2248;
		border-radius:16px;
		width:309px;
		padding:16px;
		text-align:left;
		line-height:25.6px;
		margin:16px auto;
		font-family:var(--noto-font);
	}
	.faqArea h2 {
		font-size:16px;
		padding-bottom:0;
		border-bottom:unset;
		font-family:var(--noto-font);
		color:#1A2248;
		margin:0;
	}
	.faqAnswer {
		display:none;
		padding-top:15px;
	}
	.toggleImg {
		float:right;
	}
	.toggleImg2 {
		display:none;
		float:right;
		margin-top:-12px;
		margin-right:-4px;
	}
	.faqArea h2 span {
		vertical-align:super;
		padding-left:10px;
		width:287px;
	}
	.toggle-pad2 {
		float:right;
		margin-top:22px;
		margin-right:-4px;
	}
	.toggle-pad1 {
		float:right;
		margin-top:3px;
		margin-right:-4px;
	}
	.right-footer {
		margin:1.9rem 0.7rem 0 0;
	}
	.footer-button {
		width:200px;
		padding:16px 24px;
		font-size:14px;
	}
	.footer-banner img {
		position:absolute;
		top:-25px;
		left:15px;
	}
	/* .footer-links {
		display:unset;
		justify-content:center;
		text-align:left;
		padding:unset;
	} */
	/* .footer-links a {
		padding-left:20px;
	}
	.footer-copyright p {
		font-size:9px;
		padding-left:5px;
	} */
	.vl{
		display: block !important;
	}
}

@media (max-width: 1010px){
	.get-start{
		font-size: 14px;
	}
	.fv-btnflex{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.download-cta{
		width: 100%;
		margin: 0 0 20px;
	}
	.get-start {
		width: fit-content;
		margin: 0;
		padding: 0px 16px;
	}
	.tell-cta{
		width: 100%;
		margin: 0;
		padding: 11px 0;
	}

	.group_top_banner-text {
        top: 3.5%;
        left: 0;
		width: 100%;
        padding: 0 20px;
        box-sizing: border-box;
        right: unset;
    }

	.MvTtlArea{
		width: auto;
		left:calc(50% - 165px)
	}

	.MvTtl{
		font-size: 30px;
	}

	.MvTtl span{
		font-size: 40px;
	}

	.MvDesc{
		font-size: 16px;
	}

	.MvLaptop{
		display: block;
		width: 95vw;
        top: 220px;
        left: calc(50% - 47.5vw);
		height: auto;
  		object-fit: contain;
	}

	.MvBtnArea{
		display: block;
		bottom: 25px;
	}

	.MvBtnOrange{
		margin: 0 0 20px;
	}

	.MvBtnOrange a{
		width: 90%;
        margin: 0 auto;
	}

	.MvBtnBlue{
		margin: 0;
	}

	.MvBtnBlue a{
		width: 90%;
        margin: 0 auto;
	}

	.MvTxt {
		position: absolute;
        top: 116vw;
        left: calc(50% - 45vw);
		display: block;
        width: 40vw;
        max-width: 230px;
        z-index: 3;
        height: auto;
  		object-fit: contain;
	}

	.MvVector{
		position: absolute;
        top: 110vw;
        width: 45vw;
        left: calc(50% + 2vw);
	}

	.footer-banner .MvBtnArea {
		padding: 0;
		position: relative;
		display: flex;
		margin-top: 30px;
		bottom: 15px;
	}

	.group_top_banner video{
		top: 232px;
        width: 74vw;
        height: 41.5vw;
        left: calc(50% - 37vw);
	}

	.banner-txt_b{
		text-align: center;
		margin-top: 40px;
        font-size: 60px !important;
        line-height: 80px;
		color:#323232;
	}
	.banner-txt_b  span.h1spna01{
		font-size: 50px;
	}
	.banner-txt_b  span.h1spna02{
		font-size:75px;
		line-height: 70px;
	}

	.banner-txt_bg {
        margin-top: 15px;
		font-size: 18px;
        width: 100%;
        line-height: 30px;
        text-align: center;
    }
	.about_title img{
		width: 260px;
	}

	.about-video{
		height: 240px;
	}

	.about-video::after {
		content: "";
		position: absolute;
		left: -10%;
		top: 100px;
		width: 120%;
		height: 100px;
		background: linear-gradient(to right, #FA2A05, #FC9245);
	}
	.about-video div{
		position: relative;
		padding-top: 66%;
		z-index: 1;
		margin: 0 auto;
	}

	.about .about_title {
        font-size: 24px;
        line-height: 40px;
		padding-bottom: 35px;
    }

	.about .about_title::after{
		height: 3px;
		width: 200px;
		left: calc(50% - 100px);
	}

	.about .about_title span{
        font-size: 22px;
    }

	.group_top_banner img.fv-svg {
		margin: 0 auto;
		padding-top: 20px;
		width: 85%;
	}

	.tell-cta img {
		display: block;
		margin: 0 auto;
		padding: 0;
		height: 30px;
	}

	.group_top_banner-form{
		top:620px
	}

	.Feather{
		display: block;
		padding: 0;
	}

	.Feather img{
		width: 90%;
		margin: 0 auto;
		height: auto;
  		object-fit: contain;
	}

	.Feather div{
		width: 90%;
		margin: 30px auto 0;
	}

	.feather-flex{
		display: block;
	}

	.feather-flex img{
		width: 90%;
		margin: 35px auto 20px;
	}

	.feather-flex-btn{
		width: 100%;
		padding: 15px 0;
	}

	.feather-flex-btn img{
		width: 20px;
        margin: 0;
        margin-left: 15px;
	}

	.feather-flex div{
		width: 90%;
		margin: 0 auto;
	}

	.feather-catch{
		margin-bottom: 10px;
	}

	.feather-ttl{
		line-height: 40px;
		font-size: 32px;
	}

	.feather-ttl span{
		font-size: 24px;
	}

	.posting h2{
		font-size: 30px;
	}

	.usage {
        padding: 0px 16px;
    }
	
	.usage_fee{
		width: auto;
	}

	.usage_fee-inner{
		padding: 16px 16px 30px;
	}

	.usage_fee-inner div{
		width: auto;
	}

	article{
		border: none;
	}

	.faqArea h2 {
        display: flex;
        align-items: center;
	}

	.faqArea h2 img{
		width: auto;
		height: fit-content;
	}

	.faqArea h2 span{
		color: #FF5500;
	}

	.step{
		width: 82%;
		margin: 0 auto;
		padding: 0 16px 32px;
	}

	.step-desc{
		width: auto;
	}

	.nayami p{
		font-size: 20px;
	}

	.nayami strong{
		font-size: 26px;
	}

	.nayami img{
		width: 90%;
		margin: 20px auto;
	}
	
	.header-under{
		position: relative;
		height: 14vw;
		min-height: 56px;
	}
	.header-under img:nth-of-type(1){
		width: 100%;
		margin:0;
	}
	.header-under-txt03{
		position: absolute;
        right: 21vw;
        top: 5px;
        background: #fff;
        border-radius: 5px;
        padding: 3px 5px;
        font-size: 15px;
        text-align: center;
        line-height: 19px;
        color: #1A2248;
        margin: 0;
		font-family: "Noto Sans JP", "Roboto", "Helvetica Neue", "Yu Gothic", "Meiryo", sans-serif;
	}
	.header-under-txt03 span{
		font-size: 22px;
		color: #FF6600;
	}

	.register-data{
		width: 90%;
		margin: 60px auto 0;
	}

	.about .step .about_title{
		font-size: 20px;
	}

	.cta-area{
		width: 100%;
	}

	.cta-btn-area{
		display: block;
	}

	.cta-area-wrap{
		padding: 30px 15px;
	}

	.posting {
        padding: 0 16px;
    }

	.about {
        padding: 50px 0 0
    }

	.flow div img {
		width: 28%;
        margin-right: 10px;
	}

	.qa {
        padding: 0 16px 60px;
    }

	.right-footer {
        margin: 20px auto;
        width: 100%;
    }

	.footer-banner .MvBtnOrange{
		margin: 0;
	}

	.footer-banner .MvBtnOrange a{
		width: 240px;
        height: 48px;
        line-height: 48px;
        font-size: 12px;
	}

	.footer-banner .MvBtnBlue a{
		width: fit-content;
        padding: 0 10px;
        height: 48px;
        line-height: 48px;
        font-size: 12px;
		margin: 0 12px;
	}

	.footer-banner .MvBtnArea .MvBtnDownload img{
		top: 15px;
    	margin: 0;
		padding: 0 10px;
	}

	.footer-banner{
		width: 100vw;
	}

	.footer-button {
        padding: 8px 24px;
        font-size: 22px;
		line-height: 32px;
        max-width: 100%;
        margin: 0 auto;
        width: 80%;
    }
}

/* TimeRex　ページ */
.timerexContainer {
	margin-top: 24px;
}

.timerexHero {
	margin-left: 108px;
	margin-right: 108px;
	text-align: center;
	height: 200px;
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.timerexHero h1 {
	position: relative;
	line-height: 1.4;
}

.timerexHero h1::after {
	content: "";
    position: absolute;
    left: calc(50% - 50px);
    bottom: -20px;
    height: 3.5px;
    border-radius: 2px;
    background: linear-gradient(to left, #FF611B, #FFB300);
    width: 100px;
}

.timerexHero p {
	margin-top: 16px;
	font-size: 20px;
}

@media (max-width: 768px) {
	.timerexContainer {
		margin: 24px 16px
	}
	.timerexHero {
		margin-top: 24px;
		margin-left: 16px;
		margin-right: 16px;
		text-align: center;
		align-items: center;
		display: flex;
		flex-direction: column;
		justify-content: center;
		height: fit-content;
	}
	.timerexHero h1 {
		font-size: 24px;
	}
		
	.timerexHero p {
		font-size: 16px;
	}
}

#contact-form {
    width: 1024px;         /* デフォルト幅 */
    max-width: 100%;       /* 画面幅より大きくならないように */
    margin: 0 auto 100px;   /* 上:0 左右:auto 下:100pxの余白 */
    padding: 0 16px;       /* 左右にスマホ用の余白を確保 */
    box-sizing: border-box;/* paddingを幅に含める */
}