@charset "UTF-8";
h1 {
	font-family: Poppins, "Noto Sans JP", sans-serif;
	font-size: 60px;
	font-weight: bold;
	letter-spacing: 0;
	line-height: 1;
	word-break: keep-all;
	overflow-wrap: break-word;
}
h2 {
	font-weight: bold;
    padding-bottom: 30px;
}
h3 {
    font-size: 150%;
    letter-spacing: 0.2em;
    border-bottom: 1px dashed #ddd;
    padding: 0px 10px 0px;
    margin: 10px 0px 10px;
    font-weight: bold;
    border-left: 10px solid #acaae5;
}
h4 {
	font-size: 20px;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 160%;
	font-weight: bold;
}
section {
	padding: 100px 0px;
}

section.top_7 {
    background-color: #fafafa;
}
a.bt {
	text-decoration: none;
}
br.sp {
    display: none;
}
@media screen and (min-width:768px) {

br.sp {
    display: block;
}
}
img {
	border-radius: 5px;
}
a {
    color: #7563dc;
    font-size: 105%;
    text-decoration: none;
    border-bottom: 1px dotted #7563dc;
}
span.line {
background:linear-gradient(transparent 60%, #ff6 60%);
}
section.top_1 {
    padding: 60px 0px;
    background: repeating-linear-gradient(-45deg, #f1f1f1, #fff 5px, #fff 5px, #f1f1f1 10px);
}
section.top_2 {
	background: #f9f9f9;
}
.section_top_2_inner a {
    font-size: 157%;
    text-decoration: none;
    color: #464646;
}
.section_top_2_inner {
	gap: 3.47vw;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
	position: relative;
	align-items: center;
	justify-content: flex-start;
}
.top-sub_1 {
	display: block;
	padding-top: 25px;
	color: #414141;
	font-size: 20px;
	letter-spacing: 0;
	line-height: 1.7;
	font-weight: bold;
}
.top-sub_2 {
	padding-top: 36px;
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 0;
	line-height: 140%;
}
.top-sub_3 {
	/* width: 87%; */
	padding-top: 8px;
	padding-bottom: 30px;
	color: #212121;
	font-size: 18px;
	letter-spacing: .01em;
	line-height: 1.6;
}
.top-sub_4 {
	/* width: 87%; */
	padding-top: 32px;
	color: #666;
	font-size: 18px;
	letter-spacing: .01em;
	line-height: 1.6;
	padding-bottom: 20px;
}
.top-sub_5 {
	padding-top: 25px;
	font-size: 32px;
	line-height: 1.6;
}
.top-sub_6 {
	/* width: 87%; */
	padding-top: 32px;
	padding-bottom: 40px;
	color: #666;
	font-size: 18px;
	letter-spacing: .01em;
	line-height: 1.6;
}
.bt {
	padding: 15px 0px 15px;
	width: 100%;
	display: block;
	text-align: center;
	border: 1px solid #7563dc;
	background-color: #adaae6;
	border-radius: 4px;
	color: #ffffff;
	font-family: Poppins, "Noto Sans JP", sans-serif, "游ゴシック", "Yu Gothic", sans-serif, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック";
	font-size: 18px;
	font-weight: 500;
	letter-spacing: .02em;
	line-height: 1.5;
	text-transform: uppercase;
}
.bt:hover {
	background-color: #b3aae7;
	color: #3affd0
}


.top_3_box {
	/* background: #f9f9f9; */
	/* margin-bottom: 10px; */
}

.top_3_box_inner {
	padding: 25px;
}


.top_3_box p {
	color: #666;
	font-size: 18px;
	letter-spacing: .01em;
	line-height: 1.6;
}

section.top_4 {
	z-index: 1;
	position: relative;
	margin-top: 0px;
	padding: 90px 0 120px;
	background: #f9f9f9;
}
.flow-box-step {
    padding-top: 15px;
    font-size: 18px;
    font-weight: 500;
    letter-spacing: .02em;
    line-height: 160%;
}
.flow-box-inner {
                    display: block;
                    z-index: 1;
                    position: relative;
                    width: 100%;
                    /* max-width: 285px; */
                    /* padding-bottom: 22px; */
                    /* padding-left: 24px; */
                    text-align: center;/* 方眼紙模様に必須のスタイル */
                    background-image: linear-gradient(0deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), #f0f0f0 calc(100% - 1px));
                    background-size: 18px 18px;
                    background-repeat: repeat;
                    background-position: center center;

  /* 以下任意のスタイル */
                    padding: 10px;
                    }
.flow-box p {
    padding-top: 10px;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .02em;
    line-height: 170%;
}
.flow-box {
	position: relative;
}
.flow-box:nth-of-type(n+2)::before {
    -webkit-transform: translateY(-50%);
    display: block;
    position: absolute;
    top: 50%;
    left: -7px;
    width: 13px;
    height: 40px;
    transform: translateY(-50%);
    background-image: url(./img/icon_triangle_right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
}
.faq-q {
	padding: 10px;
	font-weight: bold;
	position: relative;
	padding: 40px 0;
	line-heght: 40px;
	color: #6486d7;
}
.faq-q:before {
	position: absolute;
	top: 0px;
	left: 10px;
	display: inline-block;
	content: "Q";
	font-size: 80px;
	z-index: 1;
	opacity: 0.2;
}
.faq-a {
	padding: 10px;
	position: relative;
	padding: 40px 0;
	line-heght: 40px;
}
.faq-a:before {
	position: absolute;
	top: 0px;
	left: 30px;
	font-weight: bold;
	display: inline-block;
	content: "A";
	font-size: 80px;
	z-index: 1;
	opacity: 0.1;
}
section.top_6 {
    background-color: #ffffff;
}
.under-line {
    border-bottom: 1px dotted #ddd;
}
footer {
	background-color: #282828;
}
.copy {
    text-align: center;
    padding: 10px;
    color: #9391c4;
}
.my-table {
  width: 100%; /* テーブル全体の幅を親要素に合わせる */
  table-layout: fixed; /* これが重要！セルの幅を固定するために指定 */
  border-collapse: collapse; /* セルの境界線を結合 */
  background-color: #fff;
}

.my-table th,
.my-table td {
  border: 1px solid #ccc; /* 見やすいように枠線を追加 */
  padding: 8px;
  text-align: left;
}

/* 各セルの幅を指定 */
.my-table th:nth-child(1),
.my-table td:nth-child(1) {
  width: 10%;
}

.my-table th:nth-child(2),
.my-table td:nth-child(2) {
  width: 10%;
}

.my-table th:nth-child(3),
.my-table td:nth-child(3) {
  width: 50%;
}

.my-table th:nth-child(4),
.my-table td:nth-child(4) {
  width: 30%;
}
.st {
    font-size: 130%;
    letter-spacing: 0.2em;
}
ul {
    padding: 10px 0px;
    margin: 0px;
}

ul li {
    padding: 0px 0px;
	margin: 0px 10px;
}
.max-w {
    width: 300px;
    height: 65px;
    margin: 0 auto;
    text-align: center;
    display: block;
}
.pick {
    border: 1px solid #ddd;
    border-radius: 10px;
    margin: 80px 0px;
    background-color: #ffffff;
    padding: 20px;
}
b {
    background-color: #7c7c7c;
    color: #fff;
    padding: 3px 0px;
    margin: 12px 0px 0px;
}
.pick-1 {
    text-align: center;
    border: 1px solid #b4b4b4;
    /* background-color: #f8f8ff; */
    padding: 100px 00px;
    font-size: 140%;
    border-radius: 10px;
	background-image: linear-gradient(90deg, rgb(201 246 237), rgb(199 210 255));
}
.special {
    font-size: 150%;
    font-weight: bold;
    font-style: italic;
}
.sns {
  display: flex; /* 子要素を横並びに配置 */
  gap: 20px; /* 子要素間の間隔 */
  justify-content: center;
  align-content: flex-start;
}
.item a {
  /* 各アイテムのスタイル */
  border: none;
}
.item img {
  /* 各アイテムのスタイル */
  width: 50px;
  height: 50px;
}