/* Common
***************************************************************/
section {
    padding: 100px 0;
}

section p {
    font-size: 18px;
    line-height: 30px;
    margin-top: 15px;
    color: #333;
}

section .content p a {
    color: #0095FF;
    text-decoration: underline;
}

.red {
    color: #CB1A4C;
    font-weight: 600;
}

.ed_basic_title {
    color: #26466D;
    text-align: center;
    font-size: 35px;
    font-weight: 700;
    line-height: 40px;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 40px;
}

.ed_basic_title::before {
    content: "";
    display: inline-block;
    width: 100%;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: linear-gradient(90deg, #26466D 0%, #76AEF2 100%);
}

.ed_basic_subTitle {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.ed_basic_subTitle .t1 {
    color: #FFF;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    background: #26466D;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.20);
    padding: 0 10px;
}

.ed_basic_subTitle .t2 {
    color: #26466D;
    font-size: 25px;
    font-weight: 700;
    line-height: 40px;
    background: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.20);
    padding: 0 10px;
}

@media screen and (max-width: 769px) {
    section {
        padding: 60px 0;
    }

    section p {
        font-size: 16px;
        margin-top: 15px;
    }

    .ed_basic_title {
        font-size: 27px;
        padding-bottom: 5px;
    }

    .ed_basic_subTitle {
        display: block;
    }

    .ed_basic_subTitle .t1 {
        font-size: 20px;
        line-height: 32px;
        display: block;
        width: fit-content;
    }

    .ed_basic_subTitle .t2 {
        font-size: 20px;
        line-height: 32px;
        display: block;
        width: fit-content;
    }
}

/* Head
***************************************************************/
.ed_basic_head {
    padding: 0;
}

.ed_basic_head_title {
    font-weight: 700;
    line-height: 60px;
}

.ed_basic_head_title .f40 {
    font-size: 40px;
    position: relative;
    top: 3px;
}

.ed_basic_head_title .t1 {
    display: flex;
    align-items: center;
    font-size: 48px;
}

.ed_basic_head_title .t1::before {
    content: "";
    display: inline-block;
    width: 75px;
    border-top: 2px solid #415D7F;
    margin-right: 7px;
}

.ed_basic_head_title .t2 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    font-size: 48px;
}

.ed_basic_head_title .t2::after {
    content: "";
    display: inline-block;
    width: 75px;
    border-top: 2px solid #415D7F;
    margin-left: 7px;
}

.content {}

.ed_basic_head_content {
    background: #E9F3FF;
    padding: 40px 15px;
    margin-top: 40px;
    position: relative;
    text-align: center;
}

.ed_basic_head_content::before {
    content: "";
    display: inline-block;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    border: 2px solid #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.ed_basic_head_text {
    color: #333;
    font-size: 24px;
    line-height: 40px;
}

.ed_basic_head_text:nth-of-type(n + 2) {
    margin-top: 17px;
}

.ed_basic_guide {
    max-width: 780px;
    margin: 40px auto 0;
    text-align: center;
    color: #555;
}

.ed_basic_guide.active {
    border: 1px solid #AAA;
    background: #F9F9F9;
    padding: 10px;
}

.ed_basic_guide_btn {
    display: inline-block;
    color: #424242;
    font-weight: bold;
    border: 1px solid #AAA;
    background: #F9F9F9;
    padding: 10px;
}

.active .ed_basic_guide_btn {
    border: unset;
    padding: 0;
}

.ed_basic_guide_btn span {
    font-size: 14px;
    font-weight: 400;
}

.ed_basic_guideList {
    margin-top: 15px;
    display: none;
}

.active .ed_basic_guideList {
    display: block;
}

.ed_basic_guideItem {}

.ed_basic_guideItem a {
    width: fit-content;
    display: block;
    color: #555;
    font-size: 15.2px;
}

.ed_basic_guideItem a:nth-of-type(n + 2) {
    padding-left: 23px;
}

@media screen and (max-width: 940px) {
    .ed_basic_head_title {
        line-height: 46px;
    }

    .ed_basic_head_title .f40 {
        font-size: 30px;
        top: 3px;
    }

    .ed_basic_head_title .t1 {
        font-size: 38px;
    }

    .ed_basic_head_title .t2 {
        font-size: 38px;
    }
}

@media screen and (max-width: 769px) {
    .ed_basic_head_title {
        line-height: 1.4;
        border-top: 1px solid #415D7F;
        border-bottom: 1px solid #415D7F;
        padding: 15px 0;
        margin-top: 60px;
        white-space: nowrap;
    }

    .ed_basic_head_title .f40 {
        font-size: 20px;
        top: 0;
    }

    .ed_basic_head_title .t1 {
        display: block;
        font-size: 26px;
    }

    .ed_basic_head_title .t1::before {
        display: none;
    }

    .ed_basic_head_title .t2 {
        display: block;
        font-size: 26px;
    }

    .ed_basic_head_title .t2::after {
        display: none;
    }

    @media screen and (max-width: 375px) {

        .ed_basic_head_title .f40 {
            font-size: 5.33vw;
        }

        .ed_basic_head_title .t1 {
            font-size: 6.93vw;
        }

        .ed_basic_head_title .t2 {
            font-size: 6.93vw;
        }
    }

    .ed_basic_head_content {
        padding: 30px 20px;
        margin-top: 20px;
    }

    .ed_basic_head_text {
        font-size: 16px;
        line-height: 30px;
    }

    .ed_basic_head_text:nth-of-type(n + 2) {
        margin-top: 11px;
    }

    .ed_basic_guide {
        margin: 30px auto 0;
        text-align: left;
    }

    .ed_basic_guide.active {
        padding: 10px 15px;
    }

    .ed_basic_guide_btn {
        padding: 10px;
    }

    .active .ed_basic_guide_btn {
        border: unset;
        padding: 0;
    }

    .ed_basic_guideList {
        margin-top: 15px;
        display: none;
    }

    .active .ed_basic_guideList {
        display: block;
    }

    .ed_basic_guideItem a {
        font-size: 14px;
    }

    .ed_basic_guideItem a:nth-of-type(n + 2) {
        padding-left: 23px;
    }
}

/* Section1
***************************************************************/
.ed_basic_sec1 {}


.ed_basic_sec1_img {
    display: block;
    max-width: 612px;
    margin: 0 auto;
}

.ed_basic_sec2_img {
    max-width: 430px;
    margin-top: 20px;
}


@media screen and (max-width: 769px) {}

/* Section2
***************************************************************/
.ed_basic_sec2 {
    background: #F4F9FF;
}

.ed_basic_sec2_list {
    display: flex;
    flex-flow: column;
    gap: 70px;
    margin-top: 70px;
}

.ed_basic_sec2_list .ed_basic_subTitle {
    margin-top: 0;
}

.ed_basic_sec2_item_title {
    color: #26466D;
    font-size: 25px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 20px;
}

.ed_basic_sec2_item_title:nth-of-type(2) {
    margin-top: 40px;
}

.ed_basic_sec2_item_title span {
    font-size: 30px;
    line-height: 1;
    width: 40px;
    height: 40px;
    border: 2px solid #26466D;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}

.ed_basic_sec2_item_desc {
    font-size: 12px;
    text-align: center;
}

.ed_basic_sec2_list li img {
    margin: 20px auto 0;
    display: block;
}

.ed_basic_sec2_item_img01 {
    max-width: 520px;
}

.ed_basic_sec2_item_img02 {
    max-width: 766px;
}

.ed_basic_sec2_item_img04 {
    max-width: 688px;
}

.ed_basic_sec2_item_img05 {
    max-width: 779px;
}

.ed_basic_sec2_subTitle {
    margin-top: 75px;
}

.ed_basic_sec2_subTitle .t1 {
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    border-radius: 20px 20px 0 0;
    background: #26466D;
    padding: 0 24px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.20);
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.ed_basic_sec2_subTitle .t2 {
    font-size: 20px;
    font-weight: bold;
    color: #26466D;
    padding: 0 20px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.20);
    background: #fff;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.ed_basic_sec2_list02 {
    max-width: 653px;
    margin: 26px auto 0;
    display: flex;
    flex-flow: column;
    gap: 15px;
    text-align: center;
}

.ed_basic_sec2_list02_item {
    color: #26466D;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
    border: 2px solid #26466D;
    position: relative;
}

.ed_basic_sec2_list02_item::before {
    content: "";
    display: inline-block;
    width: 40px;
    height: 32px;
    background-image: url(../images/erectile_dysfunction_basic/icon_arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    position: absolute;
    bottom: -26px;
    left: 50%;
    transform: translate(-50%, 0);
    z-index: 1;
}

.ed_basic_sec2_list02_item:nth-last-of-type(1)::before {
    display: none;
}

.ed_basic_sec2_list02_item.type2 {
    background: #FFFCA7;
}


@media screen and (max-width: 769px) {

    .ed_basic_sec2_list {
        gap: 40px;
        margin-top: 40px;
    }


    .ed_basic_sec2_item_title {
        font-size: 20px;
        gap: 8px;
        margin-top: 20px;
    }

    .ed_basic_sec2_item_title:nth-of-type(2) {
        margin-top: 30px;
    }

    .ed_basic_sec2_item_title span {
        font-size: 23px;
        width: 31px;
        height: 31px;
    }

    .ed_basic_sec2_item_desc {
        font-size: 14px;
        text-align: left;
        line-height: 1.4;
    }

    .ed_basic_sec2_list li img {
        margin: 15px auto 0;
        display: block;
    }

    .ed_basic_sec2_subTitle {
        margin-top: 50px;
    }

    .ed_basic_sec2_subTitle .t1 {
        font-size: 16px;
        border-radius: 16px 16px 0 0;
        padding: 0 20px;
    }

    .ed_basic_sec2_subTitle .t2 {
        font-size: 20px;
        padding: 0 14px;
    }

    .ed_basic_sec2_list02 {
        margin: 20px auto 0;
        gap: 10px;
    }

    .ed_basic_sec2_list02_item {
        font-size: 14px;
        line-height: 20px;
        padding: 10px;
    }

    .ed_basic_sec2_list02_item::before {
        width: 29px;
        height: 23px;
        bottom: -19px;
    }
}

/* Section3
***************************************************************/
.ed_basic_sec3_table {
    width: 100%;
    table-layout: fixed;
}

.ed_basic_sec3_th {
    text-align: center;
    border-bottom: 1px solid #D8D8D8;
}

tbody .ed_basic_sec3_th {
    height: 153px;
    vertical-align: middle;
    padding: 15px 0;
    color: #26466D;
}

.ed_basic_sec3_th:nth-of-type(1) {
    width: 160px;
}

.ed_basic_sec3_th:nth-of-type(2) {
    width: 440px;
}

.ed_basic_sec3_th:nth-of-type(3) {}

.ed_basic_sec3_th_text {
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    padding: 20px 0 10px;
    color: #26466D;
}

.ed_basic_sec3_th_title {
    font-size: 24px;
    font-weight: bold;
    color: #26466D;
}

.ed_basic_sec3_th_img {
    width: 100px;
}

.ed_basic_sec3_th_img.mini {
    width: 84px;
    margin-top: 7px;
}

.ed_basic_sec3_td {
    font-size: 18px;
    font-weight: bold;
    vertical-align: middle;
    border-bottom: 1px solid #D8D8D8;
}

.ed_basic_sec3_td:nth-of-type(1) {
    background: rgba(255, 252, 167, .28);
}

.ed_basic_sec3_td_text {
    padding: 0 20px;
    color: #26466D;
    margin-top: 0;
    font-size: 18px;
}

.ed_basic_sec3_td_text.center {
    text-align: center;
}

@media screen and (max-width: 769px) {
    .ed_basic_sec3_scroll {
        overflow-x: scroll;
        margin-right: calc(50% - 50vw);
        padding-right: 15px;
    }

    .ed_basic_sec3_table {
        width: 730px;
    }

    tbody .ed_basic_sec3_th {
        height: 110px;
        padding: 18px 0;
    }

    .ed_basic_sec3_th:nth-of-type(1) {
        width: 120px;
    }

    .ed_basic_sec3_th:nth-of-type(2) {
        width: 250px;
    }


    .ed_basic_sec3_th_text {
        text-align: left;
        font-size: 14px;
        font-weight: bold;
        padding: 10px 12px 5px;
    }

    .ed_basic_sec3_th_title {
        font-size: 14px;
    }

    .ed_basic_sec3_th_img {
        width: 60px;
    }

    .ed_basic_sec3_th_img.mini {
        width: 50px;
        margin-top: 4px;
    }

    .ed_basic_sec3_td {
        font-size: 10px;
    }

    .ed_basic_sec3_td_text {
        padding: 10px;
        line-height: 1.4;
        font-size: 12px;
    }

    .ed_basic_sec3_scroll_text {
        text-align: center;
        font-size: 14px;
        color: #FF0000;
        margin-top: 4px;
    }
}

@media screen and (max-width: 440px) {

    .ed_basic_sec3_table {
        width: 510px;
    }

    .ed_basic_sec3_th:nth-of-type(1) {
        width: 90px;
    }

    .ed_basic_sec3_th:nth-of-type(2) {
        width: 230px;
    }
}

/* Section4
***************************************************************/
.ed_basic_sec4 {
    padding: 0;
}

.ed_basic_sec4_list {
    display: flex;
    flex-flow: column;
    gap: 60px;
    margin-top: 50px;
}

.ed_basic_sec4_item .ed_basic_subTitle {
    margin-top: 0;
}

.ed_basic_sec4_item_title {
    font-size: 25px;
    font-weight: bold;
    color: #26466D;
    margin-top: 20px;
}

.ed_basic_sec4_itemFlex {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 1fr 230px;
    gap: 44px;
    margin-top: 50px;
}

.ed_basic_sec4_itemFlex_box .ed_basic_sec4_item_title {
    margin-top: 0;
}


.ed_basic_sec4_item_img02 {
    margin: 30px 0 10px;
}

.ed_basic_sec4_item_img03 {
    margin-top: 30px;
}

.ed_basic_sec4_item_img04 {}

.ed_basic_sec4_item_img05 {
    display: block;
    margin: 30px auto 0;
    max-width: 640px;
}

.ed_basic_sec4_item_img06 {
    display: block;
    margin: 0 auto 0;
    max-width: 777px;
}

.ed_basic_sec4_item_img07 {
    margin-top: 30px;
}

@media screen and (max-width: 769px) {

    .ed_basic_sec4_list {
        gap: 50px;
        margin-top: 30px;
    }


    .ed_basic_sec4_item_title {
        font-size: 20px;
        margin-top: 15px;
    }

    .ed_basic_sec4_itemFlex {
        display: block;
        margin-top: 40px;
    }

    .ed_basic_sec4_itemFlex_box .ed_basic_sec4_item_title {
        margin-top: 0;
    }


    .ed_basic_sec4_item_img02 {
        margin: 15px 0 20px;
    }

    .ed_basic_sec4_item_img03 {
        margin-top: 15px 0 20px;
    }

    .ed_basic_sec4_item_img04 {
        width: 230px;
        margin-top: 10px;
    }

    .ed_basic_sec4_item_img05 {
        margin: 15px 0 20px;
    }

    .ed_basic_sec4_item_img06 {
        margin: 0 auto 20px;
        max-width: 500px;
    }

    .ed_basic_sec4_item_img07 {
        margin: 15px 0 20px;
    }

    @media screen and (max-width: 499px) {
        .ed_basic_sec4_item_img06 {
            max-width: 277px;
        }
    }
}

/* Section5
***************************************************************/
.ed_basic_sec5_content {
    margin-top: 50px;
    border: 1px solid #26466D;
}

.ed_basic_sec5_table {
    width: 100%;
    table-layout: fixed;
    color: #26466D;
}

.ed_basic_sec5_table thead th {
    background: #26466D;
    font-size: 16px;
    color: #fff;
    text-align: center;
    padding: 12px 0;
    border-right: 1px solid #BDD2EB;
}

.ed_basic_sec5_table thead th:nth-last-of-type(1) {
    border-right: 1px solid #26466D;
}

.ed_basic_sec5_table tbody th {
    font-size: 17px;
    line-height: 1.2;
    padding: 9px;
    font-weight: bold;
    vertical-align: middle;
    background: #F0F7FF;
    border: 1px solid #BDD2EB;
}

.ed_basic_sec5_table td {
    font-size: 16px;
    padding: 10px 12px;
    vertical-align: middle;
    line-height: 1.2;
    border: 1px solid #BDD2EB;
}

.ed_basic_sec5_table td .dots {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 16px;
    line-height: 1.2;
    margin-top: 0;
    color: #26466D;
}

@media screen and (max-width: 769px) {
    .ed_basic_sec5_content {
        margin-top: 30px;
        overflow-x: scroll;
        border: unset;
    }

    .ed_scroll {
        margin-right: calc(50% - 50vw);
    }

    .ed_basic_sec5_table {
        width: 700px;
    }

    .ed_basic_sec5_table thead th {
        font-size: 12px;
        padding: 8px 0;
    }

    .ed_basic_sec5_table tbody th {
        font-size: 13px;
        padding: 9px;
    }

    .ed_basic_sec5_table td {
        font-size: 12px;
        padding: 12px 8px;
    }

    .ed_basic_sec5_table td .dots {
        font-size: 12px;
    }

    .ed_basic_sec5_content_scroll_text {
        text-align: center;
        font-size: 14px;
        color: #FF0000;
        margin-top: 4px;
    }
}

/* Section6
***************************************************************/
.ed_basic_sec6 {
    background-image: url(../images/erectile_dysfunction_basic/sec6_bg.webp);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 100px 0 140px;
}

.ed_basic_sec6_list {
    display: flex;
    flex-flow: column;
    gap: 50px;
    margin-top: 50px;
}

.ed_basic_sec6_item {
    background: #FFF;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.25);
}

.ed_basic_sec6_title {
    font-size: 25px;
    padding: 4px 0;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background: #26466D;
}

.ed_basic_sec6_text {
    color: #333;
    text-align: justify;
    font-size: 18px;
    font-weight: 350;
    line-height: 30px;
    letter-spacing: 0.54px;
    padding: 15px 25px;
    margin: 0;
}


@media screen and (max-width: 769px) {
    .ed_basic_sec6 {
        background-image: url(../images/erectile_dysfunction_basic/sec6_bg_sp.webp);
        padding: 60px 0 80px;
    }

    .ed_basic_sec6_list {
        gap: 20px;
        margin-top: 15px;
    }

    .ed_basic_sec6_title {
        font-size: 18px;
        padding: 4px 0;
    }

    .ed_basic_sec6_text {
        font-size: 16px;
        line-height: 30px;
        padding: 12px 20px 20px;
    }
}

/* アンカーポイント遷移時 */
.anchor-target {
  scroll-margin-top: 80px;
}

@media (max-width: 768px) {
	#sec2-3 picture{
		aspect-ratio: 719 / 969;
	}
	
	#sec2-4 picture{
		aspect-ratio: 719 / 1112;
	}
}