@charset "utf-8";

body {
    font-size: 10px !important;
    font-family: 'AppleSDGothicNeo', sans-serif;
}

section {
    width: 100%;
    max-width: 390px;
    /* border: 1px solid black; */
    padding: 1.2rem 3.2rem 10rem;
    font-size: 1.6rem;
    color: #767676;
    letter-spacing: -0.056rem;
}

img {
    width: 100%;
}

.blue {
    color: #2E82FF;
    font-weight: 600;
}

.red {
    color: #FF3306;
}

.green {
    color: #4CD964;
}

.yellow {
    color: #FFCD6B;
}

.container {
    line-height: 1.35;
}

.default h1 {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    margin-bottom: 2.4rem;
}

.numbering {
    color: white;
    width: 1.3em;
    padding: .02em;
    margin-right: .5em;
    border-radius: .2em;
    text-align: center;
    display: inline-block;
    background-color: #2E82FF;
}

/*
.default h1::before {
    content: "";
    width: 16px;
    height: 18px;
    background: url(../img/ico-num01.png);
    display: block;
    margin-right: 1rem;
}
*/

.default {
    color: #767676;
}

.default p strong {
    margin-bottom: 3.6rem;
    display: block;
}

.default p span {
    margin-bottom: 4rem;
    display: block;
}

.defalut_setting h2 {
    margin-bottom: 2rem;
}

.defalut_setting_img {
    margin-top: 3.2rem;
    display: flex;
    justify-content: center;
} 

.detail h2 {
    margin: 6.4rem 0 1.8rem;
    display: flex;
    align-items: center;
}

/*
.detail h2::before {
    content: "";
    width: 16px;
    height: 18px;
    background: url(../img/ico-num02.png);
    display: block;
    margin-right: 1rem;
}
*/

.detail_img {
    margin-bottom: 2rem;
}

.detail_txt p {
    margin-bottom: 2.4rem;
    line-height: 1.35;
}

ul li {
    display: flex;
    gap: 10px;
    width: 100%;
}

ul li::before {
    content: "";
    width: 3px;
    height: 3px;
    padding: 2px;
    display: inline-block;
    background: #767676;;
    border-radius: 100px;
    transform: translateY(8px);
}

.detail_txt ul {
    font-size: 1.4rem;
}
.detail_txt ul li {
    font-size: 1.4rem;
    line-height: 1.35;
    margin-bottom: 1.2rem;
}

.detail_touch p {
    margin: 2.4rem 0 4rem;
}

.defalut_button_img {
    margin: 3.6rem 0;
}

.defalut_button p {
    margin-bottom: 6.4rem;
}

.change p {
    margin-bottom: 2rem;
}
.change h2 {
    margin: 6.4rem 0 2.4rem;
    display: flex;
    align-items: center;
}

/*
.change h2::before {
    content: "";
    width: 16px;
    height: 18px;
    background: url(../img/ico-num03.png);
    display: block;
    margin-right: 1rem;
}
*/

.change_img {
    margin-bottom: 4rem;
}

.change_kind {
    line-height: 1.35;
}

.kind_wind_txt,
.kind_repeat_txt,
.kind_time_txt {
    font-size: 1.4rem;
}

.kind_wind_txt p,
.kind_repeat_txt p,
.kind_time_txt p {
    margin-bottom: 0.4rem;
}



.change_view h3 {
    margin-bottom: 2.4rem;
}

.change_kind h2 {
    margin: 6.4rem 0 2.4rem;
    display: flex;
    align-items: center;
}

/*
.change_kind h2::before {
    content: "";
    width: 16px;
    height: 18px;
    background: url(../img/ico-num04.png);
    display: block;
    margin-right: 1rem;
}
*/

.kind_detail p {
    margin: 2.4rem 0 4rem;
    line-height: 1.35;
}

.kind_repeat_img {
    margin: 4rem 0 2.4rem;
}

.kind_repeat_txt {
    margin-bottom: 4rem;
}

.kind_time_img {
    margin: 4rem 0 2.4rem;
}
.kind_wind_img {
    margin: 4rem 0 2.4rem;
}

.loop  {
    margin-top: 4.8rem;
}

.loop_img {
    margin-bottom: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.loop_img  img {
    width: auto;
}

.loop_txt {
    display: flex;
    flex-direction: column;
    line-height: 1.35;
}

.loop_txt strong {
    margin-top: 2.4rem;
    font-weight: 600;
}