/** intro **/
.cap_txt { margin-bottom: var(--minsize50); }
.doctor_lay { margin: var(--minsize50) 0; }
.fukidashi_lay { margin: var(--minsize30) 0; }
.fukidashi h4 {
    font-size: 18px;
    color: var(--green1);
    font-weight: bold;
    line-height: 1.8em;
    margin-bottom: .5em;
}
.gallery_ttl {
    font-size: 30px;
}
.gallery_wrap {
    max-width: 740px;
    display: block;
    margin: 40px auto;
}
.gallery_wrap h4 {
    font-size: 20px;
    font-weight: bold;
    margin: 1em 0;
}
.gallery_thumbnail {
    display: flex !important;
}
.gallery_thumbnail .swiper-slide {
    width: 20% !important;
}
.gallery_thumbnail.swiper-wrapper {
	transform: translate3d(0, 0px, 0px) !important;
	flex-wrap: wrap;
}
.gallery_thumbnail .swiper-slide {
    background-color: #000000;
}
.gallery_thumbnail .swiper-slide img {
    opacity: .5;
    transition: .3s;
}
.gallery_thumbnail .swiper-slide:hover img,
.gallery_thumbnail .swiper-slide.swiper-slide-thumb-active img {
    opacity: 1;
}


.message_prof p {
    font-size: 18px;
    font-weight: bold;
}
.message_prof p.name {
    font-size: 22px;
    margin-top: 1em;
}
.message_wrap.sp_btm {
    margin-bottom: var(--minsize100);
}
.boshuu_btn {
    text-align: center;
    margin: var(--minsize50) auto var(--minsize100) auto;
}
.boshuu_btn.spase_clear {
    margin-bottom: 0;
}
.boshuu_btn ul {
    margin: auto;
}
.boshuu_btn li {
    width: 100%;
    max-width: 290px;
    display: block;
    margin: 0 auto 15px auto;
}
.boshuu_btn li:last-child {
    margin-bottom: 0;
}
.boshuu_btn li a {
    display: block;
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: var(--yellow);
    padding: .8em 0;
    border-radius: 20px;
}
.boshuu_btn li:nth-child(1) a {
    background-color: var(--pink);
}
.boshuu_btn li:nth-child(2) a {
    background-color: var(--green1);
}
/** five ttraction **/
.attraction_lay {
    margin: var(--minsize50) auto;
}
.attraction_lay_ttl {
    display: block;
    width: 334px;
    aspect-ratio: 167 / 97;
    background-image: url('../images/attractions_ttl.svg');
    background-repeat: no-repeat;
    background-size: contain;
    position: relative;
    margin: 0 auto var(--minsize50) auto;
}
.attraction_lay_ttl .no {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--font-en);
    color: var(--yellow);
    text-shadow: 3px 3px 0 var(--black);
    -webkit-text-stroke: 1px var(--black);
    text-stroke: 1px var(--black);
    font-size: 46px;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding-right: 4px;
}
.attraction_lay_ttl .ttl {
    display: block;
    text-align: center;
    font-weight: bold;
    position: absolute;
    bottom: 1.25em;
    line-height: 1.6em;
    font-size: 22px;
    left: 0;
    width: 100%;
    padding-right: 4px;
}
.attraction_lay_txt {
    margin: var(--minsize50) 0;
}
.attraction_img {
    display: flex;
    flex-direction: column;
    margin: var(--minsize50) 0;
}
/** learning **/ 
.picbox_lay {
    margin: var(--minsize50) 0;
}
.more_box {
    background-color: var(--white);
    border-radius: 20px;
    padding: 50px 1.5em 1.5em 1.5em;
    margin: var(--minsize50) 0;
    position: relative;
}
.more_box .picbox_lay {
    margin: 0;
}
.more_box::before {
    content: "さらに！";
    font-size: 18px;
    font-weight: bold;
    display: inline-block;
    padding: .5em 1.5em;
    background-color: var(--yellow);
    border: 2px solid var(--black);
    box-shadow: 3px 3px 0px 0px var(--black);
    position: absolute;
    top: -.5em;
    left: 0em;
    transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    z-index: 1;
}
.more_box .list {
    margin: .25em 0;
}
.more_box .list li {
    margin-bottom: 1em;
}
.more_box .list li:last-child {
    margin-bottom: 0;
}
.more_box h4 {
    color: var(--green1);
    line-height: 1.6em;
    margin-bottom: .5em;
}
.sec_seminar .seminar_box {
    border: 2px solid var(--black);
    border-radius: 20px;
    background-color: var(--white);
    padding: 1.5em;
    margin-bottom: var(--minsize30);
}
.sec_seminar .seminar_box h4 {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
}
.sec_seminar .seminar_box figure {
    margin: 1em 0;
}
/** deta **/
.chart1_lay {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "chart chart"
        "chart_m chart_w";
}
.chart1_lay .chart1_lay_chart {
    grid-area: chart;
}
.chart1_lay .chart1_lay_m {
    grid-area: chart_m;
    color: var(--green2);
    margin: auto;
}
.chart1_lay .chart1_lay_w {
    grid-area: chart_w;
    color: var(--pink);
    margin: auto;
}
.chart1_lay dl {
    display: block;
    text-align: center;
    width: 90%;
}
.chart1_lay dd {
    font-weight: bold;
    margin-top: 1.5em;
    font-size: 18px;
}
.chart1_lay dd span {
    font-family: var(--font-en);
    font-size: var(--minsize50);
}
.pie_chart1 {
    margin: var(--minsize50) auto;
    font-size: 18px;
    text-align: center;
}
.pie_chart1 .pie_list {
    display: inline-block;
    margin: auto;
}
.chart2_lay .chart2_lay_chart {
    margin: var(--minsize50) auto;
}
.pie_list li {
    display: inline-block;
    font-weight: bold;
}
.pie_list li:first-child {
    margin-right: 2em;
}
.pie_list li::before {
    content: "　";
    display: inline-block;
    width: 80px;
    height: 100%;
    margin-right: .5em;
}
.pie_chart2 .pie_list li {
    display: block;
    margin-bottom: 1em;
}
.pie_chart2 .pie_list li:last-child {
    margin-bottom: 0;
}
.pie_list li.pink::before { background-color: var(--pink);}
.pie_list li.green1::before { background-color: var(--green1);}
.pie_list li.green2::before { background-color: var(--green2);}
.pie_list li.purple::before { background-color: var(--purple);}
.pie_list li.orange::before { background-color: var(--orange);}
.pie {
	position: relative;
	margin-right: auto;
	margin-left: auto;
    width: 100%;
	max-width: 500px;
	height: auto;
    aspect-ratio: 1 / 1;
	background-image: conic-gradient(var(--pink) 0% 0%, var(--green2) 0% 100%);
	border-radius: 50%;
}
.pie span {
	position: absolute;
	transform: translate(-50%,-50%);
	color: var(--white);
	font-weight: bold;
    letter-spacing: .05em;
    font-family: var(--font-en);
    width: auto;
    display: block;
    padding-right: 20px;
}
.pie span::after {
    content: "%";
    display: inline-block;
    font-size: 18px;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    right: 0;
}
.pie.chart2 span::after {
    content: "名";
    font-weight: bold;
}
.pie.chart1 {
    background-image: conic-gradient(var(--pink) 0% 90.7%, var(--green2) 90.7% 100%);
}
.pie.chart1 span.no1 {
    top: 70%;
	left: 50%;
    font-size: var(--minsize50);
}
.pie.chart1 span.no2 {
    top: 10%;
	left: 40%;
    font-size: var(--minsize30);
}
.pie.chart2 {
    background-image: conic-gradient(var(--green1) 0% 22%, var(--green2) 22% 52%, var(--pink) 52% 89%,var(--purple) 89% 98%,var(--orange) 98% 100%);
}
.pie.chart2 span { font-size: var(--minsize30);}
.pie.chart2 span.no1 { top: 30%; left: 70%; }
.pie.chart2 span.no2 { top: 70%; left: 70%; }
.pie.chart2 span.no3 { top: 55%; left: 25%; }
.pie.chart2 span.no4 { top: 20%; left: 38%; }
.pie.chart2 span.no5 { top: 10%; left: 47%; }
.pie.chart3 {
    height: auto;
    background-image: conic-gradient(var(--pink) 0% 38.9%, var(--green2) 38.9% 100%);
}
.pie.chart3 span.no1 {
    top: 48%;
    left: 75%;
    font-size: var(--minsize50);
}
.pie_chart3 {
    width: 100%;
    max-width: 500px;
    position: relative;
    margin: var(--minsize50) auto;
}
.pie_chart3 img {
    position: absolute;
    right: 0;
    bottom: 0;
}
/** bar graph **/
.bar_graph_lay {
    max-width: max(calc(350 / var(--breakpoint-s) * 100vw), 350px);
    height: max(calc(380 / var(--breakpoint-s) * 100vw), 380px);
    margin: var(--minsize30) auto var(--minsize100) auto;
    display: block;
}
.bar_graph_lay .graph {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    overflow: hidden;
    padding: 0 1em;
}
.bar_graph_lay .graph li {
    height: 100%;
    width: 16.22%;
    display: block;
    position: relative;
}
.bar_graph_lay .graph li::before {
    content: " ";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.bar_graph_lay .graph .number {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-weight: bold;
    white-space: nowrap;
    font-size: clamp(12px, 16 / var(--breakpoint) * 100vw, 16px);
}
.bar_graph_lay .graph .number span {
    font-family: var(--font-en);
    font-size: clamp(24px, 30 / var(--breakpoint) * 100vw, 30px);
}
.graph li:nth-child(1) .number { color: var(--green2);}
.graph li:nth-child(1)::before {background-color: var(--green2);}
.graph li:nth-child(2) .number {color: var(--green1);}
.graph li:nth-child(2)::before {background-color: var(--green1);}
.graph li:nth-child(3) .number {color: var(--purple);}
.graph li:nth-child(3)::before {background-color: var(--purple);}
.graph li:nth-child(4) .number {color: var(--pink);}
.graph li:nth-child(4)::before {background-color: var(--pink);}
.bar_graph_lay.vertical .graph li:nth-child(1) .number { color: var(--green1);}
.bar_graph_lay.vertical .graph li:nth-child(1)::before {background-color: var(--green1);}
.bar_graph_lay.vertical .graph li:nth-child(2) .number {color: var(--green2);}
.bar_graph_lay.vertical .graph li:nth-child(2)::before {background-color: var(--green2);}
.bar_graph_lay.vertical .graph li:nth-child(3) .number {color: var(--pink);}
.bar_graph_lay.vertical .graph li:nth-child(3)::before {background-color: var(--pink);}
.bar_graph_lay.vertical .graph li:nth-child(4) .number {color: var(--purple);}
.bar_graph_lay.vertical .graph li:nth-child(4)::before {background-color: var(--purple);}
.chart_box .graph li:nth-child(1) .number { color: var(--green2);}
.chart_box .graph li:nth-child(1)::before { background-color: var(--green2);}
.chart_box .graph li:nth-child(2) .number{ color: var(--green1);}
.chart_box .graph li:nth-child(2)::before{ background-color: var(--green1);}
.chart_box .graph li:nth-child(3) .number { color: var(--pink);}
.chart_box .graph li:nth-child(3)::before { background-color: var(--pink);}
.chart_box .graph li:nth-child(4) .number { color: var(--purple);}
.chart_box .graph li:nth-child(4)::before { background-color: var(--purple);}
.bar_graph_lay.vertical .graph li:nth-child(1)::before { height: 30%;}
.bar_graph_lay.vertical .graph li:nth-child(1) .number { bottom: 32%;}
.bar_graph_lay.vertical .graph li:nth-child(2)::before { height: 65%;}
.bar_graph_lay.vertical .graph li:nth-child(2) .number { bottom: 67%;}
.bar_graph_lay.vertical .graph li:nth-child(3)::before { height: 88%;}
.bar_graph_lay.vertical .graph li:nth-child(3) .number { bottom: 90%;}
.bar_graph_lay.vertical .graph li:nth-child(4)::before { height: 8%;}
.bar_graph_lay.vertical .graph li:nth-child(4) .number { bottom: 10%;}
.bar_graph_lay.vertical1 .graph li:nth-child(1)::before { height: 70%;}
.bar_graph_lay.vertical1 .graph li:nth-child(1) .number { bottom: 72%;}
.bar_graph_lay.vertical1 .graph li:nth-child(2)::before { height: 60%;}
.bar_graph_lay.vertical1 .graph li:nth-child(2) .number { bottom: 62%;}
.bar_graph_lay.vertical1 .graph li:nth-child(3)::before { height: 42%;}
.bar_graph_lay.vertical1 .graph li:nth-child(3) .number { bottom: 45%;}
.bar_graph_lay.vertical1 .graph li:nth-child(4)::before { height: 88%;}
.bar_graph_lay.vertical1 .graph li:nth-child(4) .number { bottom: 90%;}
.bar_graph_lay.vertical2 .graph li:nth-child(1)::before { height: 70%;}
.bar_graph_lay.vertical2 .graph li:nth-child(1) .number { bottom: 72%;}
.bar_graph_lay.vertical2 .graph li:nth-child(2)::before { height: 55%;}
.bar_graph_lay.vertical2 .graph li:nth-child(2) .number { bottom: 57%;}
.bar_graph_lay.vertical2 .graph li:nth-child(3)::before { height: 44%;}
.bar_graph_lay.vertical2 .graph li:nth-child(3) .number { bottom: 46%;}
.bar_graph_lay.vertical2 .graph li:nth-child(4)::before { height: 88%;}
.bar_graph_lay.vertical2 .graph li:nth-child(4) .number { bottom: 90%;}
.bar_graph_lay.xyz-in .graph li::before { animation: graphAnim02 2s forwards;}
.bar_graph_lay.xyz-in .graph li .number { animation: graphAnimtxt 2s forwards;}
@-webkit-keyframes graphAnim02 {
    0% { transform: translateY(100%); }
    100% { transform: translateY(0); }
}
@-webkit-keyframes graphAnimtxt {
    0% { opacity: 0; }
    100% { opacity: 1; }
}
.bar_graph_lay .graph_name {
    font-size: 16px;
    font-weight: bold;
    color: var(--black);
    text-align: center;
    display: flex;
    justify-content: space-between;
    width: 100%;
    white-space: nowrap;
    padding: 1em;
}
.bar_graph_lay .graph_name li {
    width: 16.22%;
    position: relative;
    font-weight: bold;
    font-size: clamp(14px, 18 / var(--breakpoint) * 100vw, 18px);
}
.bar_graph_lay .graph_name li span {
    position: absolute;
    top:0;
    left: 50%;
    transform: translateX(-50%);
}
.bar_graph_lay.vertical .graph_name li:nth-child(3)::after {
    content: "（臨床検査技師1名含む）";
    display: block;
    text-align: center;
    position: absolute;
    bottom: -3.5em;
    left: 50%;
    transform: translateX(-50%);
    font-size: clamp(12px, 16 / var(--breakpoint) * 100vw, 16px);
    font-weight: 500;
}
.cont_ttl._graph_ttl {
    letter-spacing: .05em;
}
.work_info {
    border-radius: 20px;
    width: 335px;
    height: 200px;
    aspect-ratio: 1 / 1;
    margin: var(--minsize30) auto var(--minsize50) auto;
    position: relative;
}
.work_info figure {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.work_info._pink { 
    background-color: var(--pink);
    height: 260px;
    aspect-ratio: 335 / 260;
    margin-top: var(--minsize100) !important;
}
.work_info._pink figure {
    transform: translateY(-20px);
    top: 0;
}
.work_info._pink p {
    text-align: center;
    position: absolute;
    bottom: 1em;
    left: 0;
    width: 100%;
    display: block;
    color: var(--white);
}
.work_info._green1 { background-color: var(--green1);}
.work_info._green2 { background-color: var(--green2);}
.work_info._purple { background-color: var(--purple);}
.work_info._orange { background-color: var(--orange);}
/** access**/
.access_cap_box {
    margin: var(--minsize50) auto;
}
.access_cap_txt h4 {
    font-size: 20px;
    line-height: 1.5em;
    font-weight: bold;
    color: var(--green2);
    margin-bottom: 1em;
}
.access_border_box {
    border: 2px solid var(--black);
    background-color: var(--white);
    border-radius: 20px;
    padding: 0 1.5em;
    margin-bottom: var(--minsize50);
}
.access_border_box table {
    width: 100%;
}
.access_info th,.access_info td {
    border-bottom: 1px solid var(--black);
    vertical-align: top;
    padding: 1em 0;
}
.access_info td {
    vertical-align: middle;
}
.access_info th,dt.access_info_th {
    font-size: 20px;
    font-weight: bold;
    color: var(--green1);
}
.info_time {
    margin-top: 1em;
}
.info_time thead {
    border-top: 1px solid var(--black);
}
.info_time th {
    color: var(--black);
    border-left: 1px solid var(--black);
    background-color: rgb(var(--green1-rgb), 0.5);
}
.info_time th,.info_time td {
    font-size: clamp(12px ,calc(16 / var(--viewport) * 100vw), 16px);
    text-align: center;
    border-right: 1px solid var(--black);
    padding: .25em 0;
}
.info_time td {
    color: var(--green1);
}
.map iframe {
    margin-top: 1em;
    width: 100%;
}
.access_dl th,.access_dl td {
    border-bottom: none;
}
.access_dl dl:nth-child(1) {
    border-bottom: 1px dashed var(--black);
    margin-bottom: 1em;
}
.access_dl dl dt {
    padding-left: 50px;
    line-height: 40px;
    position: relative;
    margin-bottom: 0;
    font-weight: bold;
}
.access_dl dl dt::before {
    content:"";
    display: block;
    width: 40px;
    height: 40px;
    background-image: url('../images/icon_train.svg');
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
}
.access_dl dl:nth-child(2) dt::before {
    background-image: url('../images/icon_car.svg');
}
.access_dl dl dd {
    padding: .5em 0 1em 0;
}
@media only screen and (max-width: 750px){
    .fukidashi_lay figure {
        text-align: center;
        display: block;
    }
    /** learning **/
    .picbox_lay figure {
        margin-bottom: var(--minsize50);  
    }
    .doctor_lay > figure img,
    .attraction_img img,
    .picbox_lay figure img,
    .seminar_box figure img {
        max-width: 100%;
        width: 100%;
    }
    .message_fuki .fukidashi_lay .fukidashi::before {
        background-image: url('../images/bg_fuki_r.png');
        right: auto;
        left: 30%;
    }
    .message_fuki .fukidashi_lay._reverse .fukidashi::before {
        background-image: url('../images/bg_fuki.png');
        right: 30%;
        left: auto;
    }
    .pie_chart2 .pie_list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 380px;
        width: 100%;
        margin: auto;
    }
    .bar_graph_lay.vertical1 {
        margin-bottom: 100px;
    }
    /** access **/
    .access_cap_txt h4 {
        margin-top: 1em;
    }
    .access_info th,.access_info td {
        display: block;
        width: 100%;
    }
    .access_info th {
        border-bottom: none;
        padding-bottom: 0;
    }
    .info_time th,.info_time td {
        display: table-cell;
        width: auto;
    }
    .info_time th {
        border-bottom: 1px solid var(--black);
    }
    .access_border_box {
        margin-bottom: 30px;
    }
}
@media only screen and (min-width: 751px){
    .doctor_lay,.fukidashi_lay,.picbox_lay,.attraction_lay {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    ._reverse {
        flex-direction: row-reverse;
    }
    /** intro **/
    .fukidashi_lay .fukidashi {
        padding: 2em;
        width: min(calc(740 / var(--breakpoint) * 100vw), 740px);
    }
    .doctor_lay > figure {
        width: min(calc(430 / var(--breakpoint) * 100vw), 430px);
    }
    .doctor_lay .fukidashi_lay {
        width: min(calc(440 / var(--breakpoint) * 100vw), 430px);
    }
    .doctor_lay .fukidashi_lay .fukidashi {
        width: min(calc(265 / var(--breakpoint) * 100vw), 265px);
        margin: 0;
    }
    .message_prof {
        width: min(calc(455 / var(--breakpoint) * 100vw), 455px);
    }
    .boshuu_btn ul {
        display: flex;
        justify-content: center;
    }
    .boshuu_btn li {
        width: 290px;
        margin: 0 15px;
    }
    /** five ttraction **/
    .attraction_lay_ttl {
        width: min(calc(334 / var(--breakpoint) * 100vw), 334px);
        margin: 0;
    }
    .attraction_lay_ttl .no {
        top: var(--minsize50);
        font-size: min(calc(46 / var(--breakpoint) * 100vw), 46px);
    }
    .attraction_lay_ttl .ttl {
        font-size: min(calc(22 / var(--breakpoint) * 100vw), 22px);
    }
    .attraction_lay .attraction_lay_txt {
        width: min(calc(550 / var(--breakpoint) * 100vw), 550px);
        margin: 0;
    }
    .attraction_img {
        flex-direction: row;
    }
    /** learning **/
    .picbox_lay figure {
        width: min(calc(360 / var(--breakpoint) * 100vw), 360px);
    }
    .picbox_lay .picbox_lay_txt {
        width: min(calc(520 / var(--breakpoint) * 100vw), 520px);
    }
    .picbox_lay .list {
        width: min(calc(480 / var(--breakpoint) * 100vw), 480px);
    }
    .more_box {
        margin: var(--minsize50) 0;
        padding: var(--minsize50);
    }
    .more_box .picbox_lay figure {
        width: min(calc(300 / var(--breakpoint) * 100vw), 300px);
    }
    .more_box::before {
        top: -1.25em;
        left: 2em;
    }
    .sec_seminar {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sec_seminar .seminar_box {
        padding: var(--minsize50);
        width: min(calc(450 / var(--breakpoint) * 100vw), 450px);
    }
    /** deta **/
    .chart1_lay {
        grid-template-columns: 1fr 3fr 1fr;
        grid-template-areas:
		"chart_m chart chart_w";
        align-items: center;
    }
    .chart2_lay,.graph_lay,.graph_lay_half {
        display: flex;
        justify-content: space-between;
    }
    .graph_lay .graph_box {
        display: block;
        width: min(calc(455 / var(--breakpoint) * 100vw), 455px);
    }
    .chart2_lay,.graph_lay_half {
        flex-wrap: wrap;
        justify-content: space-around;
    }
    .chart2_lay {
        margin: var(--minsize50) 0;
        align-content: center;
        align-items: center;
    }
    .chart2_lay .chart2_lay_chart {
        display: block;
        width: min(calc(500 / var(--breakpoint) * 100vw), 500px);
        margin: 0;
    }
    .pie_chart3 {
        max-width: 334px;
    }
    .graph_lay_half .graph_box {
        width: min(calc(335 / var(--breakpoint) * 100vw), 335px);
    }
    .bar_graph_lay {
        max-width: min(calc(740 / var(--breakpoint) * 100vw), 740px);
        height: min(calc(550 / var(--breakpoint) * 100vw), 550px);
        margin: var(--minsize50) auto var(--minsize100) auto;
    }
    .graph_lay .bar_graph_lay {
        max-width: min(calc(400 / var(--breakpoint) * 100vw), 400px);
        height: min(calc(380 / var(--breakpoint) * 100vw), 3800px);
    }
    .work_info {
        margin: var(--minsize30) 0 0 0;
    }
    .work_info._green1,.work_info._green2 {
        margin-bottom: var(--minsize100);
    }
    /** access **/
    .access_cap_box {
        display: flex;
        justify-content: space-between;
        align-items: center;
   }
   .access_cap_box figure {
        width:min(calc(430 / var(--breakpoint) * 100vw), 430px);
   }
   .access_cap_txt {
        width:min(calc(455 / var(--breakpoint) * 100vw), 455px);
   }
   .access_border_box {
        padding: 1em min(calc(90 / var(--breakpoint) * 100vw), 90px);
   }
   .access_info th {
        width: 190px;
   }
   .info_time thead th {
        width: auto;
   }
   .info_time th,.info_time td {
        padding: .5em;
   }
}