@charset"UTF-8";
/* 全体を線で囲む SQX */
.charaSQX {
  border: solid 3px #f9b466;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む SSQ2 */
.charaSSQ2 {
  border: solid 3px #ffb4b4;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む SSQ1 */
.charaSSQ1 {
  border: solid 3px #8be0e3;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む -SFD2 */
.charaSFD2 {
  border: solid 3px #118ba4;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む -SFD1 */
.charaSFD1 {
  border: solid 3px #fc7526;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む -SQ5 */
.charaSQ5 {
  border: solid 3px #3abb8c;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む -SQ4 */
.charaSQ4 {
  border: solid 3px #5c9f28;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む -SQ3 */
.charaSQ3 {
  border: solid 3px #016eb4;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む SQ2 */
.charaSQ2 {
  border: solid 3px #a8343b;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}
/* 全体を線で囲む SQ1 */
.charaSQ1 {
  border: solid 3px #2ea067;/*線色*/
  padding: 0.3em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
  margin-bottom: 0.3em;
  color: #109196;
}

/** ギルドカラー **/
/* ギルドカラー SQX */
.accordion-SQX {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}

.accordion-SQX:not([open]) {
    margin-bottom: 7px;
}

.accordion-SQX summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #f9b466;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SQX summary::-webkit-details-marker {
    display: none;
}

.accordion-SQX summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-SQX[open] summary::after {
    transform: rotate(225deg);
}

.accordion-SQX p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-SQX[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SSQ2 */
.accordion-SSQ2 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}

.accordion-SSQ2:not([open]) {
    margin-bottom: 7px;
}

.accordion-SSQ2 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #ffb4b4;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SSQ2 summary::-webkit-details-marker {
    display: none;
}

.accordion-SSQ2 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-SSQ2[open] summary::after {
    transform: rotate(225deg);
}

.accordion-SSQ2 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-SSQ2[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SSQ1 */
.accordion-SSQ1 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}

.accordion-SSQ1:not([open]) {
    margin-bottom: 7px;
}

.accordion-SSQ1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #64d2d0;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SSQ1 summary::-webkit-details-marker {
    display: none;
}

.accordion-SSQ1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-SSQ1[open] summary::after {
    transform: rotate(225deg);
}

.accordion-SSQ1 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-SSQ1[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SFD2 */
.accordion-SFD2 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}

.accordion-SFD2:not([open]) {
    margin-bottom: 7px;
}

.accordion-SFD2 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #118ba4;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SFD2 summary::-webkit-details-marker {
    display: none;
}

.accordion-SFD2 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-SFD2[open] summary::after {
    transform: rotate(225deg);
}

.accordion-SFD2 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-SFD2[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SFD */
.accordion-SFD {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}

.accordion-SFD:not([open]) {
    margin-bottom: 7px;
}

.accordion-SFD summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #fc7526;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SFD summary::-webkit-details-marker {
    display: none;
}

.accordion-SFD summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-SFD[open] summary::after {
    transform: rotate(225deg);
}

.accordion-SFD p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-SFD[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SQ5 */
.accordion-SQ5 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}

.accordion-SQ5:not([open]) {
    margin-bottom: 7px;
}

.accordion-SQ5 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #39ce8f;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SQ5 summary::-webkit-details-marker {
    display: none;
}

.accordion-SQ5 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-SQ5[open] summary::after {
    transform: rotate(225deg);
}

.accordion-SQ5 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-SQ5[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SQ4 */
.accordion-SQ4 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}

.accordion-SQ4:not([open]) {
    margin-bottom: 7px;
}

.accordion-SQ4 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #66aa46;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SQ4 summary::-webkit-details-marker {
    display: none;
}

.accordion-SQ4 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}

.accordion-SQ4[open] summary::after {
    transform: rotate(225deg);
}

.accordion-SQ4 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion-SQ4[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SQ3 */
.accordion-SQ3 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}
.accordion-SQ3:not([open]) {
    margin-bottom: 7px;
}
.accordion-SQ3 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #079fdc;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SQ3 summary::-webkit-details-marker {
    display: none;
}

.accordion-SQ3 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}
.accordion-SQ3[open] summary::after {
    transform: rotate(225deg);
}
.accordion-SQ3 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.accordion-SQ3[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SQ2 */
.accordion-SQ2 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}
.accordion-SQ2:not([open]) {
    margin-bottom: 7px;
}
.accordion-SQ2 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #a8343b;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SQ2 summary::-webkit-details-marker {
    display: none;
}

.accordion-SQ2 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}
.accordion-SQ2[open] summary::after {
    transform: rotate(225deg);
}
.accordion-SQ2 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.accordion-SQ2[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}

/* ギルドカラー SQ1 */
.accordion-SQ1 {
    max-width: 100vh;
    margin: auto 5vh auto;
    background-color: #ffffff;
}
.accordion-SQ1:not([open]) {
    margin-bottom: 7px;
}
.accordion-SQ1 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    margin: 0.3em;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #2ea067;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-SQ1 summary::-webkit-details-marker {
    display: none;
}

.accordion-SQ1 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #fff;
    border-right: 3px solid #fff;
    content: '';
    transition: transform .3s;
}
.accordion-SQ1[open] summary::after {
    transform: rotate(225deg);
}
.accordion-SQ1 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0.3em;
    padding: 1em 1em 1em 1em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}
.accordion-SQ1[open] p {
    margin: 1vh 2vh 1vh;
    transform: none;
    opacity: 1;
}