@charset "utf-8";

/* CSS Document */
/*基本情報*/

/* 202410 追加分 */
* {
    box-sizing: border-box;
}
/* 202410 追加分 ここまで */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
dl,
dd {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-sizing: border-box;
}

main p {
    margin-bottom: 0em;
}

img {
    vertical-align: bottom;
}

body {
    font-family: "ヒラギノ角ゴシック", sans-serif;
    font-size: 14.4px;
    color: #484646;
}

h1 {
    width: 248px;
    height: auto;
    margin-top: 44px;
    margin-left: 48px;
    z-index: 1000;
}

h3 {
    text-align: center;
}

h4 {
    font-size: 25px;
    font-weight: 500;
    color: #ECA026;
    text-align: center;
    line-height: 32px;
}

a:hover {
    opacity: 0.8;
}


.ind {
    margin-left: 1em;
    text-indent: -1em;
}

mark {
    background: linear-gradient(transparent 60%, #FCDDF0 0%);
    padding-bottom: 3px;
}

/*AとSの共通利用*/
.insert {
    width: 940px;
    margin-left: auto;
    margin-right: auto;
}

.df {
    display: flex;
    margin-left: auto;
    margin-right: auto;
}

.jcsb {
    justify-content: space-between;
}

.point_inside {
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.point_inside__title {
    color: #EC6C25;
    font-size: 21px;
    font-weight: 500;
    text-align: center;
    line-height: 30px;
    margin-top: 10px;
    margin-bottom: 5px;
    letter-spacing: 0.1rem;  
}

.point_inside__txt {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}



/*試算ボタン*/
.yureru-j {
    animation: yureru-j 2s infinite;
}

@keyframes yureru-j {
    0% {
        transform: translate(0px, 2px);
    }

    5% {
        transform: translate(0px, -2px);
    }

    10% {
        transform: translate(0px, 2px);
    }

    15% {
        transform: translate(0px, -2px);
    }

    20% {
        transform: translate(0px, 2px);
    }

    25% {
        transform: translate(0px, -2px);
    }

    30% {
        transform: translate(0px, 0px);
    }
}

/*試算ボタン*/
/*光るボタン*/
.shisan_button_area p a {
    display: inline-block;
    padding: 3px 10px;
    color: #FFF;
    border-radius: 5px;
    text-decoration: none;
    position: relative; /* 追加 */
}

.shisan_button_area p a::before { /* ボタンと同じサイズの白い半透明の疑似要素beforeを作成し、非表示にしておく */
    display: none;
    content: "";
    width: 195px;
    height: 55px;
    position: absolute;
    top: 166px;
    left: 582px;
    background-color: #FFF;
    opacity: 0.5;
    transform: translateY(0);
  box-shadow:
    inset 0 0 60px whitesmoke,
    inset 20px 0 80px #f0f,
    inset -20px 0 80px #0ff,
    inset 20px 0 300px #f0f,
    inset -20px 0 300px #0ff,
    0 0 50px #fff,
    -10px 0 80px #f0f,
    10px 0 80px #0ff;
    border-radius: 30px;
}

.shisan_button_area p a:hover::before { /* マウスホバー時に先程作成したbeforeを表示させる */
    display: block;
}

/*フェードイン*/
.circle {
    opacity: 0;
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    transform: translateY(20px);
}

.fade-in {
    opacity: 1;
    transform: translateY(0);
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
        /* 下から少し上がる */
    }

    100% {
        opacity: 1;
        transform: translateY(0);
        /* 元の位置に戻る */
    }
}

/*フェードイン*/

/*width*/
.w75px {
    width: 75px;
    height: auto;
}

.w500px {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}

.w650px {
    width: 650px;
    margin-left: auto;
    margin-right: auto;
}

.w500px {
    width: 500px;
}

.w560px {
    width: 560px;
}

.w640px {
    width: 640px;
}

.w700px {
    width: 700px;
    height: auto;
}

.w740px {
    width: 740px;
    height: auto;
}
.graph.w740px {
    width: 740px;
    height: auto;
}

.w494_for_graph {
    width: 494px;
    height: auto;
}

.w428_for_graph {
    width: 428px;
    height: auto;
}

/*height*/
.h70px {
    height: 70px;
}

.h100px {
    height: 100px;
}

.h185px {
    height: 185px;
    width: auto;
}

/*padding*/
.pt10px {
    padding-top: 10px;
}

.pt15px {
    padding-top: 15px;
}

.pt20px {
    padding-top: 20px;
}

.pt25px {
    padding-top: 25px;
}

.pt30px {
    padding-top: 30px;
}

.pt100px {
    padding-top: 100px;
}

.pt110px {
    padding-top: 110px;
}

.pl8px {
    padding-left: 8px;
}

.pl10px {
    padding-left: 10px;
}

.pr10px {
    padding-right: 10px;
}

.pb10px {
    padding-bottom: 10px;
}

.pb20px {
    padding-bottom: 20px;
}

.pb30px {
    padding-bottom: 30px;
}

.pb40px {
    padding-bottom: 40px;
}

.pb50px {
    padding-bottom: 50px;
}

/*margin*/
.mt-40px {
    margin-top: -40px;
}

.mt-20px {
    margin-top: -20px;
}

.mt-10px {
    margin-top: -10px;
}

.mt10px {
    margin-top: 10px;
}

.mt15px {
    margin-top: 15px;
}

.mt20px {
    margin-top: 20px;
}

.mt30px {
    margin-top: 30px;
}

.mt40px {
    margin-top: 40px;
}

.mt50px {
    margin-top: 50px;
}

.mt80px {
    margin-top: 80px;
}

.mt100px {
    margin-top: 100px;
}

.mt110px {
    margin-top: 110px;
}

.mt120px {
    margin-top: 120px;
}

.ml10px {
    margin-left: 50px;
}

.ml50px {
    margin-left: 50px;
}

.mr10px {
    margin-right: 10px;
}

.mr15px {
    margin-right: 15px;
}

.mr45px {
    margin-right: 45px;
}

.mb10px {
    margin-bottom: 10px;
}

.mb15px {
    margin-bottom: 15px;
}

.mb20px {
    margin-bottom: 20px;
}

.mb30px {
    margin-bottom: 30px;
}

.mb40px {
    margin-bottom: 40px;
}

.mb60px {
    margin-bottom: 60px;
}

.mb70px {
    margin-bottom: 70px;
}

.mb80px {
    margin-bottom: 80px;
}

.mb105px {
    margin-bottom: 105px;
}

/*font-size*/
.fs8px {
    font-size: 8px;
    line-height: 15px;
}

.fs8hpx {
    font-size: 8.5px;
    line-height: 14px;
}

.fs10px {
    font-size: 10px;
    line-height: 15px;
}

.fs12px {
    font-size: 12px;
    line-height: 17px;
}

.fs16px {
    font-size: 16px;
}

.fs17px {
    font-size: 17px;
}

.fs21px {
    font-size: 21px;
    text-align: left;
    z-index: 2000;
    position: relative;
    line-height: 37px;
    letter-spacing: 0.5rem;
    margin-top: 15px;
    font-family: ヒラギノ角ゴシック;
}

.fs21px_nls {
    font-size: 21px;
    text-align: left;
    z-index: 2000;
    position: relative;
    line-height: 37px;
    margin-top: 15px;
    font-family: ヒラギノ角ゴシック;
}

.fs21px_white {
    font-size: 21px;
    text-align: left;
    z-index: 2000;
    position: relative;
    margin-left: 140px;
    line-height: 37px;
    letter-spacing: 0.5rem;
    color: #fff;
    margin-top: 15px;
    font-family: ヒラギノ角ゴシック;
}

.fs24px_b {
    font-size: 24px;
    font-weight: bold;
}

.fs40px {
    font-size: 40px;
}

.lh03rem {
    line-height: 0.3rem;
}

.lh05rem {
    line-height: 0.5rem;
}

.lh07rem {
    line-height: 0.7rem;
}

.lh55px {
    line-height: 55px;
}

.fwb {
    font-weight: 500;
}



/*special text*/
.redtext_E2464B_25px {
    color: #E2464B;
    font-size: 25px;
    text-align: center;
    line-height: 36px;
    margin-bottom: 5px;
    font-weight: bold;
}

.orangetext_EC6C25_21px {
    color: #EC6C25;
    font-size: 21px;
    text-align: center;
    line-height: 28px;
    margin-bottom: 5px;
}

.orangetext_EC6C25_12px {
    color: #EC6C25;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
}

.pinktext_F76C6D_15px_b {
    color: #F76C6D;
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
}

.greentext_5EA6AC_15px_b {
    color: #5EA6AC;
    font-size: 15px;
    line-height: 23px;
    font-weight: 500;
}

.pinktext_F76C6D {
    color: #F76C6D;
}

.greentext_5EA6AC {
    color: #5EA6AC;
}


.tdeco_circle_F76C6D,
.tdeco_circle_5EA6AC {
    text-indent: -1em;
    margin-left: 1em;
}
.tdeco_circle_F76C6D::before {
    content: "●";
    color: #F76C6D;
}
.tdeco_circle_5EA6AC::before {
    content: "●";
    color: #5EA6AC;
    letter-spacing: -0.1em;
}

.tdeco_triangle_EBA126::before {
    content: "▶︎";
    color: #EBA126;
}

.tdeco_kome {
    text-indent: -1em;
    padding-left: 1em;
}
.tdeco_kome::before {
    content: "※";
}


/*color*/
.c_FCF8CF {
    color: #FCF8CF;
}

.c_E2464B {
    color: #E2464B;
}

.c_EBA126 {
    color: #EBA126;
}

.bgc_ECA026 {
    background-color: #ECA026;
}

/*位置調整*/
.aic {
    align-items: center;
}

.aife {
    align-items: flex-end;
}

.tac {
    text-align: center;
}

.tae {
    text-align: end;
}

.tai {
    text-align: initial;
}

.mlra {
    margin-left: auto;
    margin-right: auto;
}


.mb25px {
    margin-bottom: 25px;
}

.mb50px {
    margin-bottom: 50px;
}

.mb90px {
    margin-bottom: 90px;
}

.brd_b_1px {
    border-bottom: solid 1px;
}

.brd_b_1px_707070 {
    border-bottom: solid 1px #707070;
}

.brd_l_1px_707070 {
    border-left: solid 1px #707070;
}

.brd_l_1px_B5B5B6 {
    border-left: 1px solid #B5B5B6;
}

/*各エリア用*/

.point-beige_area {
    background-color: #F4F4EC;
    padding-bottom: 100px;
}

.beige_area {
    background-color: #F4F4EC;
    padding-bottom: 80px;
}

.beige_area2 {
    background-color: #F4F4EC;
    padding-bottom: 50px;
}

.bannar_size {
    width: 738px;
    height: auto;
    margin-top: -20px;
}

.circles {
    position: relative;
    display: inline-block;
    width: 270px;
    height: 270px;
    line-height: 270px;
    border-radius: 50%;
    background-color: #fff;
    padding-top: 15px;
}

.pic_in_the_circle {
    width: auto;
    height: 75px;
}

.pig {
    width: 80px;
    margin-right: 20px;
}

.pigarea {
    align-items: baseline;
    width: 540px;
    margin-top: 30px;
}

.pigarea_right{
    width:450px;
}

.pigarea_shiharai_sample {
    width: 170px;
    margin-right: 10px;
    margin-bottom: 5px;

}

.pigarea_shiharai_sample-txt {
    width: 560px;
    font-size: 10px;
    line-height: 15px;
    margin-top: 10px;
    margin-bottom: 30px;
}

.pigarea_shiharai_sample-txt ul {
    list-style: "■";
    padding-left: 1em;
}

.title_point {
    width: 245px;
    height: auto;
    margin-top: -8px;
    z-index: 3000;
    position: absolute;
    margin-left: 10px;
}

.circle_area {
    width: 270px;
    margin-left: auto;
    margin-right: auto;

}

.shisan_button_base {
    position: relative;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 90px;
}

.shisan_button_base img {
    width: 737px;
    height: auto;
}
.shisan_button_base a {
    position: absolute;
    top: 65px;
    left: 560px;
}
.shisan_button_base .shisan_button {
    width: 218px;

}

.title_area {
    height: 525px;
}


.title_area__catch {
    font-size: 21px;
    text-align: left;
    z-index: 2000;
    position: relative;
    margin-left: 140px;
    line-height: 37px;
    letter-spacing: 0.5rem;
    color: #fff;
    margin-top: 15px;
    font-family: ヒラギノ角ゴシック;
    padding-top: 15px;
}

.df533_7 {
    display: flex;
    position: absolute;
    right: 0;
}

.logoarea {
    margin-left: 105px;
    margin-top: 42px;
    text-align: center;
}

.logo_catchcopy {
    letter-spacing: 0.3rem;
    font-size: 13px;
    margin-bottom: 17px;
}

.logo {
    position: relative;
    z-index: 1;
    width: 226px;
    height: auto;
    margin-bottom: 20px;
}

.logo img {
    width: 226px;
    height: auto;
}

.redzone_in_the_graph {
    width: 670px;
    margin-left: -40px;
    margin-right: auto;
    color: #fff;
    text-align: center;
}

.redzone_in_the_graph p {
    font-size: 16px;
    line-height: 28px;
}

.pic_doctor img {
    width: 52px;
    height: auto;
    position: relative;
    top: 40px;
    left: 50px;
}

.triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 340px solid transparent;
    border-left: 340px solid transparent;
    border-top: 32px solid #ECA026;
    border-bottom: 0;
    margin-bottom: 50px;
}

.for_graph_and_illust {
    display: flex;
    align-items: flex-end;
    width: 582px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.moji_h80px {
    text-align: center;
}

.moji_h80px img {
    height: 65px;
    width: auto;
    margin-bottom: 20px;
}

.service_smallcopy {
    text-align: center;
    line-height: 24px;
    font-size: 14px;
}

.service_point {
    background-image: url("/img_v3/agent/ms-ins/cancer/img/s_select_service_point_bg.png");
    width: 664px;
    height: 154px;
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
}

.service_point__sub {
    font-size: 25px;
    line-height: 1.48;
    margin-bottom: 10px;
    text-align: center;
}

.service_point__sub span {
   color: #E2464B;
   font-weight: 500;
}

.orange_line {
    background-image: url("/img_v3/agent/ms-ins/cancer/img/s_select_orange_line.svg");
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    height: 70px;
    width: 605px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.scroll_navi ul {
    width: 735px;
    height: 34px;
    border: solid 1px #484646;
    display: flex;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
}

.scroll_navi ul li {
    margin-left: 35px;
    margin-right: 25px;
    text-align: left;
    font-size: 10.5px;
    line-height: 34px;
}

.scroll_navi ul li:before {
	content: '';
	display: inline-block;
	width: 10px;
	height: 10px;
	background-image: url("/img_v3/agent/ms-ins/cancer/img/s_select_navi_list_style.svg");
	background-size: contain;
    background-repeat: no-repeat;
	vertical-align: middle;
	padding-right: 10px;
}

.scroll_navi ul li a {
    text-decoration: none;
    color: #484646;
}

.graph {
    width: 680px;
    background-color: #fff;
    box-shadow: 1px 1px 10px #E7D8DA;
    margin-left: auto;
    margin-right: auto;
}

.bubblecopy {
    width: 460px;
    justify-content: space-around;
    align-items: flex-end;
    margin-bottom: 20px;
}

.bubble {
    width: 115px;
    height: auto;
}

.pig img {
    margin-bottom: -5px;
}

.casebox_pink {
    width: 280px;
    background-color: #F76C6D;
    vertical-align: bottom;
    height: 220px;
    position: relative;
}

.casebox_white {
    width: 400px;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.payment_sample {
    width: 645px;
    background-color: #fff;
    box-shadow: 1px 1px 10px #E7D8DA;
    margin-left: auto;
    margin-right: auto;
}

.caseset {
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.casepng1 {
    width: 230px;
    margin-left: auto;
    margin-right: auto;
}

.casepng2 {
    width: 185px;
    margin-left: auto;
    margin-right: auto;
}

.casedetail {
    line-height: 23px;
    margin-top: 30px;
    font-size: 13px;
}

.casebox {
    display: flex;
    align-items: center;
}

tbody {
    width: 341px;
    height: auto;
    border-bottom: 1px solid #C9CACA;
}

.casetable {
    width: 100%;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


.simulation_table {
    width: 100%;
    margin-bottom: 50px;
}
.simulation_table img {
    width: 100%;
    margin-bottom: 5px;
}


/*保険料例*/
.price_simulation {
    width: 665px;
    margin-top: 60px;
    margin-left: auto;
    margin-right: auto;
}

.small_explane {
    font-size: 10px;
    line-height: 17px;
}

.small_explane p {
    margin-left: auto;
    margin-right: auto;

}


.small_explane_box {
    width: 736px;
    border: solid 1px #707070;
}

.check_example {
    display: flex;
    margin: 20px;
    font-size: 10px;
    align-items: flex-start;
    padding-top: 30px;
    width: 635px;
    margin-left: auto;
    margin-right: auto;
}

.example_header {
    font-size: 12px;
    width: 250px;
}

/*ページ内フッター*/
.company_detail_container {
    width: 735px;
}

.company_detail {
    background-color: #FFEEF1;
    font-size: 10px;
    padding: 15px 100px;
    line-height: 15px;
}
.company_detail ul {
    list-style: "・";
    padding-left: 1em;
}
.company_detail .tdeco_yama::before {
    content: "＜";
}
.company_detail .tdeco_yama::after {
    content: "＞";
}

.inside_footer_left {
    width: 390px;
}

/**/
.business_no {
    text-align: end;
    font-size: 10px;
    line-height: 15px;
    margin-top: 15px;
}

/*セレクトS専用*/
.s_select_check_point {
    width: 670px;
    height: 145px;
    margin-top: 25px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 25px;
    box-shadow: #d6d6d6 3px 4px 7px;
}

.s_select_checkpoint_left {
    width: 106px;
    background-color: #5EA6AC;

}
.s_select_checkpoint_left img {
    width: 45px;
    padding: 15px 0 0 15px;

}

.s_select_checkpoint_illust {
    width: 91px;
    height: auto;
}

.s_select_checkpoint_text {
    font-size: 15px;
    line-height: 24px;
    width: 370px;
    margin-left: 35px;
    margin-right: 40px;
}

.s_select_checkpoint_text span {
	color: #E2464B;
	font-weight: 500;
	font-size: 17px;
}

.s_select_checkpoint_right {
    background-color: #fff;
    width: 564px;
    height: 145px;
    position: relative;
}

.s_select_checkpoint_container {
    display: flex;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    margin-left: -30px;
    align-items: center;
}

.s_select_checkbox {
    width: 40px;
    height: auto;
    box-shadow: #d6d6d6 3px 3px 2px;
}

.s_select_caution {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    width: 615px;
    align-items: flex-start;
}

.s_select_caution_triangle {
    width: 33px;
    height: auto;
    margin-right: 10px;
}

.s_select_tokucho2_area1 {
    width: 568px;
    height: 104px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: flex;
}

.s_select_tokucho2_area1_left {
    width: 130px;
    height: 104px;
    background-color: #F76C6D;
    position: relative;
}

.s_select_tokucho2_area1_left p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.s_select_tokucho2_area1_right {
    width: 438px;
    height: 104px;
    background-color: #F2F5F5;
    position: relative;
}

.s_select_tokucho2_area1_right_text {
    width: 360px;
    font-size: 12px;
    line-height: 23px;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.s_select_tokucho2_area2 {
    width: 568px;
    height: 104px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    display: flex;
}

.s_select_tokucho2_area2_left {
    width: 130px;
    height: 104px;
    background-color: #5EA6AC;
    position: relative;
}

.s_select_tokucho2_area2_left p {
    font-size: 16px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    top: 50%;
    left: 50%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.s_select_tokucho2_area2_right {
    width: 438px;
    height: 104px;
    background-color: #F2F5F5;
    position: relative;
}

.s_select_tokucho2_area2_right_text {
    width: 360px;
    font-size: 12px;
    line-height: 23px;
    top: 50%;
    left: 60%;
    position: absolute;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
}

.s_select_topics {
    width: 175px;
    height: auto;
    margin-top: -10px;
}

.s_select_topics_text {
    text-align: center;
    font-size: 12px;
    line-height: 21px;
    margin-top: 25px;
    margin-bottom: 15px;
}

.s_select_gan_illust img {
    width: 350px;
    height: auto;
    margin-bottom: 10px;
}

.s_select_gan_small_caption {
    font-size: 8.5px;
    width: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
}

.s_select_graph2 {
    text-align: center;
    margin-top: 10px;
}

.s_select_graph2 img {
    width: 467px;
    height: auto;
}

.s_select_shindan_graph-txt {
    font-size: 8.5px;
    line-height: 14px;
    text-align: right;
    width: 467px;
    margin: 0 auto;
    margin-top: 15px;
    padding-bottom: 50px;
}

.keiyaku_caution_left {
    border-right: solid 1px #000;
    margin-top: 10px;
    margin-bottom: 10px;
}

.keiyaku_caution_left p {
    padding-left: 35px;
    padding-right: 35px;
}

.keiyaku_caution_right {
    padding-top: 15px;
}

.keiyaku_caution_right p {
    padding-left: 35px;
}

.s_select_top_pic img {
    width: 508px;
    height: auto;
    z-index: 0;
}

.s_select_box82EBB7 {
    height: 25.7px;
    width: 25.7px;
    background-color: #82EBB7;
    font-size: 0;
    display: block;
    margin-left: 407px;
}

.s_select_boxF0D8E5 {
    height: 25.7px;
    width: 25.7px;
    background-color: #F0D8E5;
    font-size: 0;
    display: block;
    margin-left: 407px;
    margin-top: 127px;
}

.s_select_boxF8AA15 {
    width: 703px;
    height: 301px;
    background-color: #F8AA15;
    font-size: 0;
    display: block;
    mix-blend-mode: multiply;
    opacity: 0.8;
    position: absolute;
    top: 305px;
}

.s_select_tokucho {
    width: 740px;
    margin-top: 50px;
    margin-left: auto;
    margin-right: auto;
}

.s_select_graph7 {
    width: 634px;
    height: auto;
}

.s_select_fufu_young2 {
    width: 50px;
    height: auto;
    margin-right: 30px;
    margin-top: -10px;
    margin-bottom: 10px;
}

.s_select_twopoints img {
    width: 173px;
    display: block;
    margin: 48px auto 10px;
}

.small_explane_box__txt {
    font-size: 10px;
    line-height: 15px;
    padding: 15px 0px;
    text-align: center;
}

/* 202410 追加部分 */
main .container {
    position: relative;
    width: 940px;
    margin: auto;
    margin-bottom: 20px;
}

.insert {
    padding-top: 1px;
}

/* 202505 リスト化 */

.keiyaku_caution_left dl {
    padding-left: 35px;
    padding-right: 35px;
}
.keiyaku_caution_left dt {
    display: inline;
}
.keiyaku_caution_left dt::before {
    content: "■";
}
.keiyaku_caution_left dd {
    display: inline;
    margin-left: 1em;
}


@media screen and (min-width: 901px) {
    .sp-only {
        display: none;
    }
}

@media screen and (max-width:900px) {
    .pc-only {
        display: none;
    }
    /*AとSの共通利用*/
    .insert {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    .df {
        display: block;
    }

    .jcsb {
        justify-content: space-between;
    }

    .point_inside {
        margin-left: auto;
        margin-right: auto;
        display: block;
    }


    .point_inside__txt {
        font-size: 3.720930233vw;
        letter-spacing: -0.03em;
        line-height: 1.7;
    }
    .point_inside__txt span {
        font-size: 1em;
    }
    .point_inside__txt span.small {
        font-size: 2.325581395vw;
        vertical-align: text-top;
    }

    .point_inside__title {
        font-size: 8.139534884vw;
        line-height: 1.3;
        margin-top: 3vw;
        margin-bottom: 1.5vw;
    }

    /*width*/
    .w75px,
    .w500px,
    .w650px,
    .w500px,
    .w560px,
    .w640px,
    .w700px,
    .w740px,
    .graph.w740px,
    .w494_for_graph,
    .w428_for_graph {
        width: unset;
    }

    /*height*/
    .h70px,
    .h100px,
    .h185px {
        height: unset;
    }


    /*各エリア用*/
    .point-beige_area {
        padding-bottom: 100px;
    }

    .beige_area {
        border-top: solid 1px transparent;
        padding-bottom: 55px;
    }

    .beige_area2 {
        padding-bottom: 60px;
    }


    .sp_pink_area {
        margin-top: 0;
        background-color: #FFEEF1;
    }
    .sp_pink_area .graph {
        width: 87.209302326vw;
        padding-top: 0;
        padding-bottom: 40px;
        background-color: #FFF;
    }
    .sp_pink_area .graph p:has(picture) + p:has(picture) {
        margin-top: 3.023255814vw;
        padding: 0;
    }

    .circles {
        width: 92.558139535vw;
        height: 92.558139535vw;
        line-height: 92.558139535vw;
        padding-top: 10.930232558vw;
    }

    .pic_in_the_circle {
        height: 26.23255814vw;
    }

    .pig {
        width: 18.139534884vw;
        flex-shrink: 0;
    }
    .pig img {
        margin-bottom: 7px;
        width: 100%;
    }

    .pigarea {
        position: relative;
        justify-content: start;
        display: flex;
        align-items: center;
        width: 87.209302326vw;
        height: auto;
        /* margin-top: -9.302325581vw; */
        margin-top: -14vw;
        margin-bottom: 0;
        /* padding-top: 9.302325581vw; */
        padding-top: 14vw;
        padding-bottom: 43.023255814vw;
        padding-left: 10.930232558vw;
        background-color: #fff;
    }

    .pigarea_right {
        width: auto;
    }
    .pigarea_right div {
        border: none;
        width: auto;
    }

    .pigarea_shiharai_sample {
        width: 38.139534884vw;
        margin-right: 0;
        margin-bottom: 0;
    }

    .pigarea_txt {
        display: block;
        margin-left: 4.651162791vw;
        margin-right: 0;
        border-bottom: none;
        padding-bottom: 5px;
    }
    .pigarea_shiharai_sample-txt {
        position: absolute;
        left: 10.465116279vw;
        bottom: 10.279069767vw;
        width: 100%;
        font-size: 3.720930233vw;
        line-height: 1.7;
        text-align: left;
        margin-bottom: 0;
    }
    .pigarea_shiharai_sample-txt::before {
        content: "";
        position: absolute;
        top: -5px;
        left: -6.511627907vw;
        width: 79.069767442vw;
        border-top: solid 1px;
    }

    .title_point {
        width: 71.162790698vw;
        top: -5.348837209vw;
        left: 8.372093023vw;
    }
    .title_point img {
        width: 100%;
    }
    .df:has(.circle_area) {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }

    .circle_area {
        text-align: center;
        width: 92.558139535vw;
        margin: 13.953488372vw auto 2.790697674vw;
    }


    .sp-circles {
        margin: 9.302325581vw auto 0;
        width: 92.558139535vw;
        height: 92.558139535vw;
        border-radius: 50%;
        background-color: #FFF;
    }
    .sp-circles h4 {
        line-height: 1.4;
        font-size: 7.674418605vw;
        margin-bottom: 2.325581395vw;
    }

    .sp-circles2 h4 {
        line-height: 1.5;
        font-size: 7.906976744vw;
        margin-top: 5.813953488vw;
    }

    .shisan_button_base {
        margin-top: 8.372093023vw;
        margin-bottom: 50px;
    }
    .shisan_button_base.mt0 {
        margin-top: -4.186046512vw;
    }

    .shisan_button_base img {
        width: 100%;
    }
    .shisan_button_base a {
        top: 96.976744186vw;
        left: calc(50% - 44.651162791vw);
    }
   .shisan_button_base .shisan_button {
        width: 89.302325581vw;
    }


    h1 {
        width: 309px;
        margin: 28px auto 35px;
    }

    .title_area {
        position: relative;
        height: auto;
    }

    .title_area__catch {
        font-size: 5.465116279vw;
        line-height: 1.8;
        text-align: center;
        margin-left: 0;
        margin-top: 0;
        padding-top: 55.813953488vw;
        background-color: rgba(223, 168, 63, 0.8);
        z-index: 0;
    }

    .df533_7 {
        width: 100%;
        display: block;
        position: relative;
        left: 0;
        right: 0;
    }
    .boxes {
        position: relative;
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    .logoarea {
        position: absolute;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 0;
    }

    .logo_catchcopy {
        padding-left: 1.5em;
        letter-spacing: 0.43em;
        font-size: 3.720930233vw;
    }

    .logo {
        width: 100%;
        height: auto;
        top: 45.581395349vw;
    }

    .logo img {
        width: 79.069767442vw;
    }

    .redzone_in_the_graph {
        width: 100%;
        height: auto;
        margin-left: auto;
        color: #fff;
        padding: 31.395348837vw 0 6.976744186vw;
    }

    .redzone_in_the_graph p,
    .redzone_in_the_graph p .fs16px {
        font-size: 6.279069767vw;
        line-height: 1.6;
    }

    .graph.mb105px {
        margin-bottom: 0;
    }

    .pic_doctor {
        position: relative;
    }
    .pic_doctor img {
        width: 26.790697674vw;
        position: absolute;
        top: -20.23255814vw;
        left: 50%;
        transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
    }

    .triangle {
        border-right: 50.0vw solid transparent;
        border-left: 50.0vw solid transparent;
        border-top: 12.558139535vw solid #ECA026;
        margin-top: -1px;
        margin-bottom: 0;
    }

    .for_graph_and_illust {
        display: flex;
        align-items: flex-end;
        width: 582px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;
    }


    .moji_h80px {
        padding-top: 0;
    }
    .moji_h80px img {
        height: 20.930232558vw;
        margin-top: 13.488372093vw;
        margin-bottom: 0;
    }

    .sp-circles1 .moji_h80px img {
        margin-top: 10vw;
        margin-bottom: 4vw;
    }

    .service_smallcopy {
        text-align: center;
        line-height: 24px;
        font-size: 14px;
    }

    .service_point {
        background-image: url("/img_v3/agent/ms-ins/cancer/img/s_select_service_point_bg.png");
        width: 664px;
        height: 154px;
        background-repeat: no-repeat;
        margin-left: auto;
        margin-right: auto;
    }

    .service_point__sub {
        font-size: 6.744186047vw;
        margin: 8.139534884vw 0 0;
        padding: 0;
    }

    .hr40px {
        border: solid 20px #fff;
        margin-top: 16.279069767vw;
    }

    .orange_line {
        background-image: url("/img_v3/agent/ms-ins/cancer/img/s_select_orange_line-sp.svg");
        background-size: contain;
        background-position: center bottom 1.162790698vw;
        width: 90.697674419vw;
        height: auto;
        padding-right: 0;
        margin-bottom: 25.11627907vw;
    }


    .scroll_navi {
        padding-top: 29.069767442vw;
        padding-bottom: 9.302325581vw;
        background-color: rgba(223, 168, 63, 0.8);
    }
    .scroll_navi ul {
        width: 90vw;
        height: 3em;
        justify-content: center;
        margin-top: 0;
        margin-bottom: 0;
        border-color: #FFF;
    }

    .scroll_navi ul li {
        margin-left: 12px;
        margin-right: 12px;
        text-align: center;
        /* font-size: 2.441860465vw; */
        display: flex;
        align-items: center;
    }

    .scroll_navi ul li:before {
        content: '▼';
        display: inline;
        width: auto;
        height: auto;
        background: none;
        color: #FDFDFD;
        text-decoration: underline;
        text-decoration-thickness: 1.5px;
        text-underline-offset: 2px;
    }
    .scroll_navi ul li a {
        color: #FDFDFD;
        font-size: 3vw;
    }

    .graph {
        width: 100%;
        background: none;
        box-shadow: none;
        margin-left: auto;
        margin-right: auto;
    }
    .sp-graph {
        width: 89.418604651vw;
        background: #FFF;
        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
        margin-top: 6.279069767vw;
        margin-left: auto;
        margin-right: auto;
        padding: 14.88372093vw 6.976744186vw 14.88372093vw 6.279069767vw;
    }

    .bubblecopy {
        width: 460px;
        justify-content: space-around;
        align-items: flex-end;
        margin-bottom: 20px;
    }

    .bubble {
        width: 115px;
        height: auto;
    }
    .casebox_pink {
        width: 87.209302326vw;
        height: auto;
        padding: 8.139534884vw 5.348837209vw;
        background-color: #77C4A3;
    }

    .casebox_white {
        display: block;
        margin: auto;
        width: 79.069767442vw;
        height: auto;
    }


    .payment_sample {
        width: 87.209302326vw;
        box-shadow: none;
    }
    .payment_sample:last-child {
        padding-bottom: 12.790697674vw;
    }

    .caseset {
        top: 0;
        left: 0;
        position: relative;
        transform: none;
        -webkit-transform: none;
    }

    .casepng1,
    .casepng1 img {
        width: 100%;
    }

    .casedetail {
        line-height: 1.66;
        margin-top: 2.558139535vw;
        font-size: 4.186046512vw;
        text-align: center;
        font-weight: 500;
    }

    .casebox {
        display: block;
    }

    .casetable {
        padding: 3.720930233vw 0 0;
    }

    .simulation_table {
        width: 100%;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .simulation_table img {
        width: 100%;
        margin-bottom: 5px;
    }


    /*保険料例*/
    .price_simulation {
        width: 100%;
        padding-left: 5.813953488vw;
        padding-right: 5.813953488vw;
        margin-top: 11.627906977vw;
    }
    .price_simulation img {
        width: 100%;
    }

    .small_explane {
        margin-top: 8.139534884vw;
        font-size: 3.837209302vw;
        line-height: 1.7;
    }


    .small_explane_box {
        width: 86.976744186vw;
        margin: auto;
        border-left: none;
        border-right: none;
    }
    .small_explane_box__txt{
        font-size: 3.604651163vw;
        line-height: 1.7;
        padding: 3.488372093vw 0;
    }

    /*ページ内フッター*/
    .company_detail_container {
        width: 0;
    }

    .company_detail {
        font-size: 3.720930233vw;
        padding: 10.465116279vw 8.139534884vw;
        line-height: 1.7;
    }
    .company_detail .df {
        display: block;
    }

    .company_detail ul,
    .inside_footer_left {
        width: 100%;
        margin-bottom: 13.953488372vw;
    }

    /**/
    .business_no {
        font-size: 2.372093023vw;
        line-height: 1.5em;
        margin-top: 1.8em;
        margin-right: 5.813953488vw;
    }

    /*セレクトS専用*/
    .s_select_check_point {
        width: 89.534883721vw;
        height: auto;
        margin-top: 7.441860465vw;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 10.0vw;
        box-shadow: #d6d6d6 3px 4px 7px;
    }

    .s_select_checkpoint_left {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        width: 100%;
        height: 40.697674419vw;
        padding-left: 10.465116279vw;
        background-color: #5EA6AC;

    }
    .s_select_checkpoint_left img {
        width: 11.627906977vw;
        padding: 0;

    }

    .s_select_checkpoint_illust01 {
        position: absolute;
        width: 46.511627907vw;
        top: -23.255813953vw;
        right: 7.441860465vw;
    }

    .s_select_checkpoint_illust02 {
        position: absolute;
        width: 28.720930233vw;
        top: -36.046511628vw;
        right: 6.279069767vw;
    }

    .s_select_checkpoint_illust03 {
        position: absolute;
        width: 44.88372093vw;
        top: -33.953488372vw;
        right: 10.0vw;
    }

    .s_select_checkpoint_text {
        font-size: 5.581395349vw;
        line-height: 1.58;
        letter-spacing: -0.02em;
        width: 100%;
        margin: 0;
        padding: 8.372093023vw 0 1.162790698vw 6.511627907vw;
    }

    .s_select_checkpoint_text span {
        color: #E2464B;
        font-weight: 500;
        font-size: 6.046511628vw;
    }

    .s_select_checkpoint_right {
        background-color: #fff;
        width: 100%;
        height: auto;
        position: relative;
    }

    .s_select_checkpoint_container {
        width: 100%;
        flex-direction: column;
        top: 0;
        left: 0;
        position: relative;
        transform: none;
        -webkit-transform: none;
        margin-left: 0;
        align-items: center;
    }

    .s_select_checkbox {
        width: 16.279069767vw;
        height: auto;
        box-shadow: none;
        margin-bottom: 5.23255814vw;
    }

    .s_select_caution {
        flex-direction: column;
        align-items: center;
        margin-top: 9.302325581vw;
        margin-left: auto;
        margin-right: auto;
        width: 90.697674419vw;
    }

    .s_select_caution_triangle {
        width: 13.255813953vw;
        margin-right: 0;
        margin-bottom: 0;
    }
    .s_select_caution .small_explane {
        margin-top: 3.720930233vw;
        font-size: 3.720930233vw;
        line-height: 1.7;
    }

    .s_select_tokucho2_area1 {
        width: 100%;
        padding: 0 6.279069767vw;
        height: auto;
        margin-top: 9.302325581vw;
        margin-bottom: 30px;
        display: block;
    }
    .s_select_tokucho2_area2 {
        width: 100%;
        padding: 0 6.279069767vw;
        height: auto;
        margin-bottom: 0;
        display: block;
    }

    .s_select_tokucho2_area1_left,
    .s_select_tokucho2_area2_left {
        width: 100%;
        height: 26.046511628vw;
        border-radius: 13.023255814vw;
        z-index: 1;
    }

    .s_select_tokucho2_area1_left p,
    .s_select_tokucho2_area2_left p {
        font-size: 6.279069767vw;
        line-height: 1.6;
        width: 100%;
    }

    .s_select_tokucho2_area1_right,
    .s_select_tokucho2_area2_right {
        width: 100%;
        height: auto;
        background-color: #FFFFFF;
        margin-top: -4.651162791vw;
        padding: 11.162790698vw 4.651162791vw 8.837209302vw 3.488372093vw;
    }
    .s_select_tokucho2_area1_right {
        border: solid 2px #F8A4A5;
    }
    .s_select_tokucho2_area2_right {
        border: solid 2px #71BEC4;
    }

    .s_select_tokucho2_area1_right_text,
    .s_select_tokucho2_area2_right_text  {
        width: auto;
        font-size: 4.418604651vw;
        line-height: 1.894736842em;
        position: relative;
        top: 0;
        left: 0;
        transform: none;
        -webkit-transform: none;
        letter-spacing: -0.04em;
    }
    .s_select_tokucho2_area1_right_text p::before,
    .s_select_tokucho2_area2_right_text p::before {
        font-size: 3.255813953vw;
    }
    .pinktext_F76C6D_15px_b,
    .greentext_5EA6AC_15px_b {
        font-size: 5.11627907vw;
    }

    .s_select_tokucho2_area_caution {
        padding: 5.581395349vw 5.581395349vw 9.534883721vw;
    }

    .graph .tdeco_kome {
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        font-size: 3.720930233vw;
        line-height: 1.7;
        letter-spacing: -0.02em;
    }

    .s_select_topics {
        width: 60.23255814vw;
        margin-top: 0;
    }

    .s_select_topics_text {
        font-size: 4.418604651vw;
        line-height: 1.6;
        margin-top: 17px;
        margin-bottom: 34px;
    }

    .s_select_gan_illust img {
        width: 100%;
    }

    .s_select_gan_small_caption {
        font-size: 3.720930233vw;
        width: 100%;
        margin-bottom: 50px;
        white-space: nowrap;
    }

    .s_select_shindan_graph p {
        margin-left: 0;
        font-size: 4.651162791vw;
        line-height: 1.35;
        letter-spacing: -0.02em;
    }

    .s_select_graph2 {
        text-align: center;
        margin-top: 10px;
    }

    .s_select_graph2 img {
        width: 100%;
        height: auto;
    }

    .s_select_shindan_graph-txt {
        width: 100%;
        font-size: 3.720930233vw;
        line-height: 1.3125em;
        letter-spacing: -0.02em;
        text-align: left;
        margin-top: 22px;
        padding-bottom: 0;
        display: grid;
        place-content: center;
    }


    .keiyaku_caution_left {
        font-size: 3.488372093vw;
        line-height: 1.4;
        border-right: none;
        border-bottom: solid 1px #707070;
        margin: 0;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .keiyaku_caution_left p {
        padding-left: 0;
        padding-right: 0;
        line-height: 1.7;
    }

    .keiyaku_caution_left dl {
        padding-left: 0;
        padding-right: 0;
        letter-spacing: -0.02em;
    }
    .keiyaku_caution_left dl div {
        display: flex;
    }
    .keiyaku_caution_left dt {
        width: 8em;
        flex-shrink: 0;
    }
    .keiyaku_caution_left dt::before {
        content: "■";
    }
    .keiyaku_caution_left dd {
        display: inline;
        margin-left: 1em;
        line-height: 1.7;
    }

    .keiyaku_caution_right {
        font-size: 3.488372093vw;
        line-height: 1.4;
        padding-top: 15px;
        padding-bottom: 20px;
    }

    .keiyaku_caution_right p {
        padding-left: 0;
    }

    .s_select_top_pic img {
        width: 100%;
        margin-top: 18px;
    }

    .s_select_box82EBB7 {
        height: 5.976744186vw;
        width: 5.976744186vw;
        margin-left: 0;
    }

    .s_select_boxF0D8E5 {
        height: 5.976744186vw;
        width: 5.976744186vw;
        margin-left: auto;
        margin-right: 0;
        margin-top: 0;
    }

    .s_select_boxF8AA15 {
        display: none;
    }

    .s_select_tokucho {
        width: 100%;
        padding: 35px 0 34px;
        margin:0 auto;
        text-align: center;
        background-color: #FFF;
    }
    .s_select_tokucho img {
        margin-top: 0;
        width: 83.023255814vw;
    }

    
    .s_select_sp_green {
        position: relative;
        width: 100%;
        background-color: #3FC8CE;
        text-align: center;
        padding: 0;
        margin-bottom: 13.953488372vw;
    }
    .s_select_sp_green::after {
        content: "";
        position: absolute;
        display: block;
        border-left: solid 5.813953488vw transparent;
        border-right: solid 5.813953488vw transparent;
        border-top: solid 6.976744186vw #3FC8CE;
        top: 100%;
        left: calc(50% - 5.813953488vw);
        z-index: 1;
    }

    .s_select_sp_green img {
        margin: 15.11627907vw auto 16.279069767vw;
        width: 64.418604651vw;
    }

    img.bannar_size3 {
        width: 58.837209302vw;
    }

    .s_select_graph7 {
        width: 100%;
    }

    .s_select_graph7_caution {
        margin-top: 25px;
        width: 87.209302326vw;
        font-size: 3.720930233vw;
        line-height: 1.7;
        letter-spacing: -0.02em;
    }


    .df:has(.s_select_fufu_young2) {
        position: relative;
    }
    .s_select_fufu_young2 {
        position: absolute;
        width: 21.860465116vw;
        margin-right: 0;
        margin-top: 0;
        margin-bottom: 0;
        top: -23.953488372vw;
        right: 6.511627907vw;
    }

    .s_select_twopoints img {
        width: 51.627906977vw;
        display: block;
        margin: 14.88372093vw auto 0;
    }

    .small_explane_box__txt {
        font-size: 3.604651163vw;
        line-height: 1.7;
        padding: 15px 0px 20px;
        text-align: left;
    }

    /* 202410 追加部分 */
    main .container {
        position: relative;
        width: 100%;
        margin: auto;
        margin-bottom: 20px;
    }

    .insert {
        overflow-x: hidden;
        padding-top: 1px;
    }
}