@charset "utf-8";

/*===========================================================
beginner
===========================================================*/

.flow-item:last-child {
	padding: 0 0 0 30px !important;
}

.flow-line {
    height: 100%;
    max-width: 1px;
    width: 100%;
    position: absolute;
    border: 1px solid var(--base-font-color);
    top: 0;
    left: 7px;
}

.flow-item:last-child .flow-line {
	display: none;
}

.flow-num-point {
    max-width: 15px;
    height: 15px;
    width: 100%;
    position: absolute;
    top: -8px;
    left: 0;
    border-radius: 50%;
    background-color: var(--base-font-color);
}

.flow-block  {
	gap: 20px;
}

.flow-btn-row {
	gap: 20px;
}

.note-item a {
    color: var(--base-font-color);
    text-decoration: underline;
}

.note-item a:hover {
    color: var(--base-font-color);
    text-decoration: none;
}

/*===========================================================
note-contents
===========================================================*/

.note-contents {
	padding: 40px 15px; 
}


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:414px) {


/*===========================================================

===========================================================*/



} /* min-width: 414px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:544px) {


/*===========================================================

===========================================================*/



} /* min-width: 544px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 768px) {


/*===========================================================

===========================================================*/

.flow-item:last-child {
	padding: 0 0 0 50px !important;
}

.flow-line {
	left: 10px;
}

.flow-num-point {
	max-width: 20px;
	height: 20px;
	top: 0;
}

/*===========================================================
note-contents
===========================================================*/

.note-contents {
	padding: 40px 25px; 
}


} /* min-width: 768px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {


/*===========================================================

===========================================================*/

.flow-item:last-child {
	padding: 0 0 0 60px !important;
}

.flow-line {
    left: 12px;
}

.flow-num-point {
    max-width: 25px;
    height: 25px;
}

.flow-block  {
	gap: 60px;
}

/*===========================================================
note-contents
===========================================================*/

.note-contents {
	padding: 60px 30px; 
}

} /* min-width: 1024px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1200px) {


/*===========================================================

===========================================================*/



} /* min-width: 1200px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1440px) {


/*===========================================================

===========================================================*/



} /* min-width: 1440px ここまで */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width:1620px) {




} /* min-width: 1520px ここまで */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */