@charset "UTF-8";
@import "fonts.css";
@import url("https://fonts.googleapis.com/css2?family=Public+Sans:wght@400;500;800&display=swap");
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html {
    font-size: 16px;
    height: 100%;
    margin: 0;
    padding: 0;
    width: 100%;
    scroll-behavior: smooth;
}
body {
    font-family: 'HIRAKAKUPRON-W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
    cursor: auto;
    width: 100%;
    line-height: 150%;
    color: #000;
    font-size: 1rem;
	font-display: swap;
}
/*remove highlight color touch on mobile*/
input,textarea,button,select,div,a,span
{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
a, input, div, select, textarea, img, button
{
    outline: none;
    -webkit-appearance: none;
}
a:focus, a:visited, input:focus, select:focus, textarea:focus, button:focus
{
    outline: none !important;
    box-shadow: none;
}
ol, ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.hidden-scroll, .hidden-scroll body
{
    overflow: hidden !important;
}
a {
    text-decoration: none;
    cursor: pointer;
	color: #3E3E3E;
}
a:hover, button:hover
{
    text-decoration: none;
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
img {
    max-width: 100%;
    width /***/: auto;
    height: auto;
	margin: 10px 0;
}
.container {
    margin: 0 auto;
    max-width: 1080px;
    position: relative;
    z-index: 10;
    padding-left: 20px;
    padding-right: 20px;
}
.tbl
{
    display: table;
    width: 100%;
    border-collapse: collapse;
}
.tbl-row
{
    display: table-row;
}
.tbl-cell
{
    display: table-cell;
    padding: 5px;
}
.d-flex
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}
.d-flex-top
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: left;
    -ms-flex-pack: left;
    -webkit-justify-content: left;
    justify-content: left;
    -webkit-box-align: left;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
}
.d-flex-center
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: left;
    -ms-flex-align: top;
    -webkit-align-items: top;
    align-items: top;
    flex-wrap: wrap;
}
.d-inline-block{display:inline-block;}
.d-inline{display:inline;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
/*.alignleft {float: left;margin: 0.5em 1em 0.5em 0;}
.alignright {float: right;margin: 0.5em 0 0.5em 1em;}*/
.text-left{text-align: left !important;}
.text-center{text-align: center !important;}
.text-right{text-align: right !important;}
.text-bold{font-weight: bold !important;}
.no-border {border: none !important;}
.mt-0 {margin-top: 0px !important;}
.mt-5 {margin-top: 5px !important;}
.mt-10 {margin-top: 10px !important;}
.mt-15 {margin-top: 15px !important;}
.mt-20 {margin-top: 20px !important;}
.mt-25 {margin-top: 25px !important;}
.mt-30 {margin-top: 30px !important;}
.mt-35 {margin-top: 35px !important;}
.mt-40 {margin-top: 40px !important;}
.mt-45 {margin-top: 45px !important;}
.mt-50 {margin-top: 50px !important;}
.mr-0 {margin-right: 0px !important;}
.mr-5 {margin-right: 5px !important;}
.mr-10 {margin-right: 10px !important;}
.mr-15 {margin-right: 15px !important;}
.mr-20 {margin-right: 20px !important;}
.mr-25 {margin-right: 25px !important;}
.mr-30 {margin-right: 30px !important;}
.mr-35 {margin-right: 35px !important;}
.mr-40 {margin-right: 40px !important;}
.mr-45 {margin-right: 45px !important;}
.mr-50 {margin-right: 50px !important;}
.mb-0 {margin-bottom: 0px !important;}
.mb-5 {margin-bottom: 5px !important;}
.mb-10 {margin-bottom: 10px !important;}
.mb-15 {margin-bottom: 15px !important;}
.mb-20 {margin-bottom: 20px !important;}
.mb-25 {margin-bottom: 25px !important;}
.mb-30 {margin-bottom: 30px !important;}
.mb-35 {margin-bottom: 35px !important;}
.mb-40 {margin-bottom: 40px !important;}
.mb-45 {margin-bottom: 45px !important;}
.mb-50 {margin-bottom: 50px !important;}
.ml-0 {margin-left: 0px !important;}
.ml-5 {margin-left: 5px !important;}
.ml-10 {margin-left: 10px !important;}
.ml-15 {margin-left: 15px !important;}
.ml-20 {margin-left: 20px !important;}
.ml-25 {margin-left: 25px !important;}
.ml-30 {margin-left: 30px !important;}
.ml-35 {margin-left: 35px !important;}
.ml-40 {margin-left: 40px !important;}
.ml-45 {margin-left: 45px !important;}
.ml-50 {margin-left: 50px !important;}
.pt-0 {padding-top: 0px !important;}
.pt-5 {padding-top: 5px !important;}
.pt-10 {padding-top: 10px !important;}
.pt-15 {padding-top: 15px !important;}
.pt-20 {padding-top: 20px !important;}
.pt-25 {padding-top: 25px !important;}
.pt-30 {padding-top: 30px !important;}
.pt-35 {padding-top: 35px !important;}
.pt-40 {padding-top: 40px !important;}
.pt-45 {padding-top: 45px !important;}
.pt-50 {padding-top: 50px !important;}
.pr-0 {padding-right: 0px !important;}
.pr-5 {padding-right: 5px !important;}
.pr-10 {padding-right: 10px !important;}
.pr-15 {padding-right: 15px !important;}
.pr-20 {padding-right: 20px !important;}
.pr-25 {padding-right: 25px !important;}
.pr-30 {padding-right: 30px !important;}
.pr-35 {padding-right: 35px !important;}
.pr-40 {padding-right: 40px !important;}
.pr-45 {padding-right: 45px !important;}
.pr-50 {padding-right: 50px !important;}
.pb-0 {padding-bottom: 0px !important;}
.pb-5 {padding-bottom: 5px !important;}
.pb-10 {padding-bottom: 10px !important;}
.pb-15 {padding-bottom: 15px !important;}
.pb-20 {padding-bottom: 20px !important;}
.pb-25 {padding-bottom: 25px !important;}
.pb-30 {padding-bottom: 30px !important;}
.pb-35 {padding-bottom: 35px !important;}
.pb-40 {padding-bottom: 40px !important;}
.pb-45 {padding-bottom: 45px !important;}
.pb-50 {padding-bottom: 50px !important;}
.pl-0 {padding-left: 0px !important;}
.pl-5 {padding-left: 5px !important;}
.pl-10 {padding-left: 10px !important;}
.pl-15 {padding-left: 15px !important;}
.pl-20 {padding-left: 20px !important;}
.pl-25 {padding-left: 25px !important;}
.pl-30 {padding-left: 30px !important;}
.pl-35 {padding-left: 35px !important;}
.pl-40 {padding-left: 40px !important;}
.pl-45 {padding-left: 45px !important;}
.pl-50 {padding-left: 50px !important;}
.contact-us-nopd
{
    display: inline-block;
    width: 100%;
}
.contact-us-nopd .container
{
    padding-left: 0;
    padding-right: 0;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.alignleft {
    float: left;
    margin: 0.5em 1em 0.5em 0;
}

.alignright {
    float: right;
    margin: 0.5em 0 0.5em 1em;
}
/*
==============================================================
========================== header ============================
==============================================================
*/
.mb
{
    display: none;
}
body
{
    color: #4D4D4D !important;
}
.header-top
{
    font-size: 13px;
    font-weight: 200;
    padding-top: 15px;
    margin-bottom: 40px;
}

.container-header
{
    max-width: 100%;
    padding: 0 0px;
    margin: auto;
}
.header-top a
{
    color: #4D4D4D;
}
header
{
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.1);
    position: sticky;
    z-index: 111;
    padding: 0px 0;
    top: 0;
    background: #ffffff;
	text-align: center;
	
}
.header
{
    display: flex;
	vertical-align: middle;
	width: 1200px;
	margin: 0 auto;

}
.header .logo img
{
    max-width: 240px;
	margin: 15px 0;
}
.header-contact
{
    display: flex;
    align-items: center;
}
.header-text
{
    margin-right: 0px;
	position: absolute;
	right: 20px;
}
.header-text span
{
    margin-right: 5px;
    font-weight: 300;
   
}
.header-text span.phone
{
    font-size: 1.125rem;
    font-weight: 800;

}
.header-text span.phone a
{
    font-size: 1.125rem;
    font-family: 'HIRAKAKUPRON-W6';
}
.color1
{
    color: #4674C1;
}
.color2
{
    color: #FDA02E;
}
.header-contact .icon
{
    display: flex;
	position: absolute;
    text-align: right;
	right: 20px;
}
.header-contact .icon .icon-li
{
    display: flex;
    padding: 0 20px;
    border-left: 1px solid #b3b3b3;
    align-items: flex-end;
    height: 100%;
}
.header-menu
{
    text-align: center;
	vertical-align: middle;
    margin: 20px auto;
    display: flex;

	

}
.header-menu a
{ 
    color: #33508C;
    font-size: 22px;
    font-weight: 600;
	margin-right: 20px;
}

.header-menu a.active
{
    color: #4674C1;
}
.header-menu a:hover
{
    opacity: 1;
     color: #4674C1;
}
.header-mobile
{
    display: none;
}
.header-mobile button
{
    border: none;
    background: none;
    padding: 0;
    margin-left: 20px;
}
.header-mobile img
{
    height: 44px;
}
header .container-page .header-contact .icon-li:last-of-type
{
    padding-right: 0;
}
@media(max-width: 1510px)
{
    .container-header
    {
        padding: 0 15px;
    }
}
@media(max-width: 1000px)
{
    .header-top
    {
        display: none;
    }
    header
    {
        padding: 12px 0;
        padding-bottom: 0;
    }
    .header
    {
        align-items: center;
    }
    .header-menu
    {
        display: none;
    }
    .header-contact
    {
        display: none;
    }
    .header-mobile
    {
        display: flex;
		position: absolute;
		right: 10px;
    }
}
@media(max-width: 768px)
{
    .header .logo img{
        width: 150px;
		margin: 0 15px 10px 0;
		padding-top: -10px;
    }
	    .header
    {
       width: 100%;
    }

}
h1{
	font-size: 16px;

}

/*
==============================================================
========================== end header ========================
==============================================================
*/
/*
==============================================================
========================== 痔の情報サイト ==========
==============================================================
*/
.banner
{
    position: relative;
}
.banner-li
{
    
}
.banner-li.active
{
    display: block;
}  
.banner-li img
{
    width: 100%;
    vertical-align: middle;
}
.font-600
{
    font-family: 'HIRAKAKUPRON-W6';
}
.banner .arrow-prev
{
    position: absolute;
    z-index: 11;
    background: transparent;
    width: 30px;
    height: 30px;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    border:none;
    cursor: pointer;
}
.banner .arrow-prev:before
{
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    border-left: 3px solid #000;
    width: 100%;
    height: 100%;
    border-top: 3px solid #000;
    transform: rotate(-45deg);
}
.banner .arrow-next
{
    position: absolute;
    z-index: 11;
    background: transparent;
    width: 30px;
    height: 30px;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    border:none;
    cursor: pointer;
}
.banner .arrow-next:before
{
    position: absolute;
    content: "";
    top: 0;left: 0;
    border-right: 3px solid #000;
    width: 100%;
    height: 100%;
    border-top: 3px solid #000;
    transform: rotate(45deg);
}
.banner-des
{
    position: absolute;
    height: 100px;
    width: 30%;
    bottom: calc(100% - 2px);
    right: 0;
    border-top-left-radius: 10px;
    background: #FFF;
    padding: 10px 0;
    display: flex;
    align-items: center;
    box-shadow: -3px -3px 3px rgb(0 0 0 / 10%);
	overflow: hidden;
}
.banner-des:before
{
    content: "";
    position: absolute;
    bottom: 0;right: 100%;
    width: 11px;
    height: 12px;
    background: url('../images/bg-banner.png') no-repeat;
    background-size: cover;
}
.banner-des .arrow
{
    position: absolute;
    /*left: 560px;*/
    right: 25px;
    width: 23px;
}
.banner-des .arrow button
{
    cursor: pointer;
    padding: 0;
}
.banner-des .arrow button:nth-child(1)
{
    height: 36px;
    width: 22px;
    background: url('../images/arrow-banner.png') no-repeat;
    background-position: top center;
    border: none;
    position: relative;
}
.banner-des .arrow button:nth-child(1):before
{
    width: 100%;
    border-bottom: 1px solid #4d4d4d;
    top: 100%;
    left: 0;
    position: absolute;
    content: "";
    z-index: 11;
}
.banner-des .arrow button:nth-child(2)
{
    height: 36px;
    width: 22px;
    background: url('../images/arrow-banner.png') no-repeat;
    background-position: bottom center;
    border: none;
}
.banner-des .title
{
    padding: 0 30px;
    font-weight: 300;
    font-size: 1.125rem;
}
.banner-des .des
{
   font-weight: 300;
    font-size: 1.125rem;
    line-height: 160%;
}
.banner .link-banner
{
    bottom: -30px;
    position: absolute;
    right: 70px;
    color: #4D4D4D;
    font-weight: 300;
    font-size: 1.125rem;
    z-index: 1;
    display: flex;
    align-items: center;
}
.banner .link-banner span
{
    font-size: 0.75rem;
    color: #006699;
}
.container-page
{
    max-width: 1200px;
    margin: auto;
}
.banner .link 
{
    position: relative;
}

.circle-banner
{
    position: absolute;
    bottom: 170px;
    width: 225px;
    height: 225px;
    background: rgba(255, 255, 255, 0.7);
    right: 12.625%;
    border-radius: 100%;
    display: flex;align-items: center;justify-content: center;
    line-height: 170%;
    text-align: center;
    font-size: 1.125rem;
    color: #4d4d4d;
}
.box-shadow-top
{
    position: relative;
    box-shadow: 0px -3px 5px rgba(0,0,0,0.1);
    padding-top: 0px;
}
.group-section1
{
    position: relative;
	padding: 10px 0 80px;
	background-image: url("../images/bg_color.jpg");
	background-repeat: no-repeat;
	background-position:bottom;
	width: 100%;

}

.list-section1
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 30px;
    
}
.list-section1 .item
{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.list-section1 .item .img
{
    height: 142px;
    padding-bottom: 33px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-section1 .item .img.bg0
{
    background: #b7acd0;
}
.list-section1 .item .img .bg1
{
    background: #86c8c5;
}
.list-section1 .item .img.bg2
{
    background: #f3b3cf;
}
.list-section1 .item .img.bg3
{
    background: #FFCB67;
}
.list-section1 .item .img.bg4
{
    background: #8fd3f5;
}
.list-section1 .item .img.bg5
{
    background: #b7acd0;
}
.list-section1 .item .img.bg6
{
    background: #acd16a;
}
.list-section1 .item .img.bg7
{
    background: #f08c80;
}
.list-section1 .item .img.bg8
{
    background: #90ca8d;
}
.list-section1 .item .img.bg9
{
    background: #FFCB67;
}
.list-section1 .item .content0
{
    background: url('../images/bg-section05.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content1
{
    background: url('../images/bg-section01.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content2
{
    background: url('../images/bg-section02.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content3
{
    background: url('../images/bg-section03.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content4
{
    background: url('../images/bg-section04.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content5
{
    background: url('../images/bg-section05.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content6
{
    background: url('../images/bg-section06.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content7
{
    background: url('../images/bg-section07.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content8
{
    background: url('../images/bg-section08.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content9
{
    background: url('../images/bg-section09.png') no-repeat;
    background-position: top center;
    min-height: 290px;
    margin-top: -40px;
    padding-bottom: 70px;
    position: relative;
}
.list-section1 .item .content .title,.list-section1 .item .content0 .title,.list-section1 .item .content1 .title,.list-section1 .item .content2 .title,.list-section1 .item .content3 .title,.list-section1 .item .content4 .title,.list-section1 .item .content5 .title,.list-section1 .item .content6 .title,.list-section1 .item .content7 .title,.list-section1 .item .content8 .title,.list-section1 .item .content9 .title
{
    padding-top: 13px;
    height: 110px;
}
.list-section1 .item .content .title h2,.list-section1 .item .content0 .title h2,.list-section1 .item .content1 .title h2,.list-section1 .item .content2 .title h2,.list-section1 .item .content3 .title h2,.list-section1 .item .content4 .title h2,.list-section1 .item .content5 .title h2,.list-section1 .item .content6 .title h2,.list-section1 .item .content7 .title h2,.list-section1 .item .content8 .title h2,.list-section1 .item .content9 .title h2
{
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 130%;
    text-align: center;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-section1 .item .content .title h3,.list-section1 .item .content0 .title h3,.list-section1 .item .content1 .title h3,.list-section1 .item .content2 .title h3,.list-section1 .item .content3 .title h3,.list-section1 .item .content4 .title h3,.list-section1 .item .content5 .title h3,.list-section1 .item .content6 .title h3,.list-section1 .item .content7 .title h3,.list-section1 .item .content8 .title h3,.list-section1 .item .content9 .title h3
{
    font-size: 1.625rem;
    font-weight: 600;
    line-height: 130%;
    text-align: center;
    font-family: 'HIRAKAKUPRON-W6';
}
.small-title
{
    margin-top: 0px;
    font-size: 0.75rem;
    line-height: 100%;
    margin-top: 10px;
    letter-spacing: 2px;
    text-align: center;
}
.des
{
    text-align: center;
    line-height: 170%;
    font-size: 1.25rem;
}   
.arrow-link
{
    position: absolute;
    /*bottom: 27px;*/
    width: 100%;
    height: 100%;
    background: url(../images/arrow-link-section1.png) no-repeat;
    background-position: center bottom 27px;
    top: 0;
    left: 0;
    /*left: 50%;
    transform: translateX(-50%);*/
}
.group-section2
{
    margin-top: 0px;
    padding-top: 60px;
    padding-bottom: 40px;

}
.group-table
{
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}
.group-table .banner-table
{
    position: relative;
}
.group-table .banner-table img
{
    width: 100%;
    vertical-align: middle;
}
.group-table .banner-table .text
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    width: 100%;

    text-align: center;
}
.group-table .banner-table .text .title
{
    font-size: 2.125rem;
    color: #FFFFFF;
    font-feature-settings: "palt";
    line-height: 130%;
    margin-bottom: 10px;
    text-shadow: 0 0 5px rgba(0,0,0,0.8);
    font-family: 'HIRAKAKUPRON-W6';
}
.group-table .banner-table .text .link
{
    color: #4D4D4D;
    font-size: 1.25rem;
    background: #FFF;
    padding: 5px 30px;
    border-radius: 30px;
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.group-table .content
{
    margin-top: -83px;
    position: relative;
    z-index: 11;
}
.group-table .content .title-table
{
    max-width: 525px;
    background: #FFF;
    height: 83px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    letter-spacing: 2px;
}
.group-table .content .title-table:before
{
    position: absolute;
    content: "";
    bottom: 0;
    left: calc(100% - 1px);
    width: 19px;
    height: 12px;
    background: url('../images/bg-group-table.png') no-repeat;
    background-size: 100%;
}
.group-table .content .title-table h2
{
    color: #00509D;
    font-size: 2.5rem;
    text-align: center;
    line-height: 100%;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-table .content .detail-info
{
    background: #FFF;
    padding: 30px 35px;
}
.group-table .content .table
{

}
.group-table .content .table .title
{
    font-size: 1.625rem;
}
.group-table .content .table .title .small
{
    font-size: 1.125rem;
    font-weight: 300;
}
.group-table .content .table table
{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.group-table .content .table table tr, .group-table .content .table table td, .group-table .content .table table th
{
    border: 1px solid #00509D;
}
.group-table .content .table table > thead > tr > th
{
    height: 40px;
    vertical-align: middle;
    background: #D7F3FE;
    font-size: 1.125rem;
    font-weight: 300;
}
.group-table .content .table table > thead > tr > th:nth-child(1)
{
    width: 205px;
}
.group-table .content .table table tbody tr td
{
    height: 59px;
    vertical-align: middle;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 300;
}
.group-table .content .table table tbody tr td:nth-child(1)
{
    background: #D7F3FE;
}
.group-table .content .table .des-table
{
    font-weight: 300;
    margin-top: 5px;
}
.group-table .content .list-row
{
    margin-top: 30px;
}
.group-table .content .list-row .item
{
    display: flex;
    background: #D7F3FE;
    margin-bottom: 10px;
    height: 65px;
    align-items: center;
    border-radius: 15px;
    position: relative;
} 
.group-table .content .list-row .item a
{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}
.group-table .content .list-row .item .name
{
    width: 240px;
    padding-left: 15px;
    font-size: 1.625rem;
    padding-left: 35px;
    background: url('../images/arrow-color1.png') no-repeat;
    background-position: left 15px center;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-table .content .list-row .item .text
{
    font-weight: 300;
    font-size: 1.125rem;
}
.group-table .content .table-contact
{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    margin-top: 30px;
}
.group-table .content .table-contact .info .name
{
    font-size: 1.4375rem;
    font-weight: bold;
    color: #4674C1;
    /*font-family: 'HIRAKAKUPRON-W6';*/
}
.group-table .content .table-contact .info .phone
{
    color: #4674C1;
    font-size: 1.25rem;
    font-weight: bold;
    display: flex;
    align-items: center;
}
.group-table .content .table-contact .info .phone a
{
    font-size: 2.5rem;
    color: #4674C1;
    line-height: 150%;
    margin-left: 15px;
   font-family: 'HIRAKAKUPRON-W6';
}
.group-table .content .table-contact .info .address
{
    font-size: 1.125rem;
    font-weight: 300;
}
.group-table .content .table-contact .icon
{
    display: flex;
}
.group-table .content .table-contact .icon a
{
    width: 118px;
    height: 118px;
    background: #4674C1;
    color: #FFF;
    display: flex;
    align-items: center;justify-content: center;
    text-align: center;
    border-radius: 10px;
    margin-left: 10px;
    font-size: 1.125rem;
}
.group-table .content .table-contact .icon a .text
{
    margin-top: 10px;
}
.group-table.group-table2
{
    margin-top: 35px;
}
.group-table.group-table2 .content .title-table h2
{
    color: #FDA02E;
}
.group-table.group-table2 .content .table table > thead > tr > th
{
    background: #FFFCBF;
}
.group-table.group-table2 .content .table table tr, .group-table.group-table2 .content .table table td, .group-table.group-table2 .content .table table th
{
    border: 1px solid #FDA02E;
}
.group-table.group-table2 .content .table table tbody tr td:nth-child(1)
{
    background: #FFFCBF;
}
.group-table.group-table2 .content .list-row .item
{
    background: #FFFCBF;
}
.group-table.group-table2 .content .list-row .item .name
{
    background-image: url('../images/arrow-color2.png');
}
.group-table.group-table2 .content .table-contact .info .name
{
    color: #FDA02E;
}
.group-table.group-table2 .content .table-contact .info .phone
{
    color: #FDA02E;
}
.group-table.group-table2 .content .table-contact .info .phone a
{
    color: #FDA02E;
}
.group-table.group-table2 .content .table-contact .icon a
{
    background: #FDA02E;
}
.text-no-wrap
{
    white-space: nowrap;
}
@media(max-width: 1600px)
{
    .banner .link-banner
    {
        right: 50px;
    }
}
@media(max-width: 1024px)
{
    .container-page
    {
        padding: 0 20px;
    }
    .banner-des
    {
        padding-right: 40px;
    }
    .banner-des .pc
    {
        display: none;
    }
    .banner-des .mb
    {
        display: block;
    }
    .banner-des .mb.t
    {
        line-height: 120%;
    }
    .banner-des .arrow
    {
        left: unset;
        right: 10px;
    }
    .list-section1
    {
        grid-gap: 15px;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .list-section1 .item
    {
        min-width: 290px;
    }
}
@media(max-width: 850px)
{
    .group-table .content .table-contact .info .phone
    {
        display: block;
    }
    .group-table .content .table-contact .info .phone a
    {
        white-space: nowrap;
        margin-left: 0;
    }
}
@media(max-width: 768px)
{
    .container-page
    {
        padding: 0 15px;
    }
    .box-shadow-top
    {
        padding-top: 20px;
    }
    .circle-banner
    {
        top: 0;
        left: 0;
        width: 100%;
        right: unset;
        height: 65px;
        border-radius: unset;
        font-size: 1rem;
    }
    .circle-banner .box
    {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        padding: 0 40px;
        line-height: 140%;
    }
    .banner-des
    {
        width: calc(100% - 11px);
        padding: 10px 0;
        height: unset;
        padding-right: 0px;
    }
    .banner-des .pc
    {
        display: none;
    }
    .banner-des .mb
    {
        display: block;
    }
    .banner-des .title
    {
        font-size: 1rem;
        padding: 0 20px;
    }
    .banner-des .des
    {
        font-size: 1rem;
    }
    .banner-des .des p:nth-child(1)
    {
        font-size: 0.875rem;
    }
    .banner-des .arrow
    {
        left: unset;
        right: 15px;
    }
    .banner .link-banner
    {
        right: 20px;
        font-size: 0.875rem;
       
    }
    .group-section1
    {
        margin-top: 0px;
		padding: 0px 0;
		background-image: none
    }
    .list-section1
    {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 10px;
    }
    .list-section1 .item
    {
        display: flex;
    }
    .list-section1 .item .img
    {
        width: 80px;
        height: unset;
        min-height: 66px;
        padding: 0 20px;
    }
    .list-section1 .item .img img
    {
        max-height: 40px;
    }
    .list-section1 .item .content .title h2,.list-section1 .item .content0 .title h2,.list-section1 .item .content1 .title h2,.list-section1 .item .content2 .title h2,.list-section1 .item .content3 .title h2,.list-section1 .item .content4 .title h2,.list-section1 .item .content5 .title h2,.list-section1 .item .content6 .title h2,.list-section1 .item .content7 .title h2,.list-section1 .item .content8 .title h2,.list-section1 .item .content9 .title h2
    {
        font-size: 1.125rem;
        text-align: left;
    }
	    .list-section1 .item .content0 .title h2 br,.list-section1 .item .content1 .title h2 br, .list-section1 .item .content2 .title h2 br, .list-section1 .item .content3 .title h2 br, .list-section1 .item .content4 .title h2 br, .list-section1 .item .content5 .title h2 br, .list-section1 .item .content6 .title h2 br, .list-section1 .item .content7 .title h2 br, .list-section1 .item .content8 .title h2 br, .list-section1 .item .content9 .title h2 br
    {
        display: none;
    }
	    .list-section1 .item .content .title h3,.list-section1 .item .content0 .title h3,.list-section1 .item .content1 .title h3,.list-section1 .item .content2 .title h3,.list-section1 .item .content3 .title h3,.list-section1 .item .content4 .title h3,.list-section1 .item .content5 .title h3,.list-section1 .item .content6 .title h3,.list-section1 .item .content7 .title h3,.list-section1 .item .content8 .title h3,.list-section1 .item .content9 .title h3
    {
        font-size: 1.125rem;
        text-align: left;
    }
    .list-section1 .item .content0 .title h3 br,.list-section1 .item .content1 .title h3 br, .list-section1 .item .content2 .title h3 br, .list-section1 .item .content3 .title h3 br, .list-section1 .item .content4 .title h3 br, .list-section1 .item .content5 .title h3 br, .list-section1 .item .content6 .title h3 br, .list-section1 .item .content7 .title h3 br, .list-section1 .item .content8 .title h3 br, .list-section1 .item .content9 .title h3 br
    {
        display: none;
    }
     .list-section1 .item .content .small-title,.list-section1 .item .content0 .small-title,.list-section1 .item .content1 .small-title, .list-section1 .item .content2 .small-title, .list-section1 .item .content3 .small-title, .list-section1 .item .content4 .small-title, .list-section1 .item .content5 .small-title, .list-section1 .item .content5 .small-title, .list-section1 .item .content6 .small-title, .list-section1 .item .content7 .small-title, .list-section1 .item .content8 .small-title, .list-section1 .item .content9 .small-title
    {
        font-size: 11px;
        text-align: left;
    }
    .list-section1 .item .content .title, .list-section1 .item .content0 .title, .list-section1 .item .content1 .title, .list-section1 .item .content2 .title, .list-section1 .item .content3 .title, .list-section1 .item .content4 .title, .list-section1 .item .content5 .title, .list-section1 .item .content6 .title, .list-section1 .item .content7 .title, .list-section1 .item .content8 .title, .list-section1 .item .content9 .title
    {
        height: unset;
        padding-left: 20px;
        text-align: left;
    }
    .des
    {
        display: none;
    }
    .list-section1 .item .content, .list-section1 .item .content0, .list-section1 .item .content1, .list-section1 .item .content2, .list-section1 .item .content3, .list-section1 .item .content4, .list-section1 .item .content5, .list-section1 .item .content6, .list-section1 .item .content7, .list-section1 .item .content8, .list-section1 .item .content9
    {
        min-height: unset;
        background: #FFF;
        flex: 1;
        padding-bottom: 0;
        margin-top: 0;
    }
  .arrow-link
    {
        right: 0px;
        top: 0%;
        background-position: center right 20px;
    }
    .group-section1:before
    {
        width: calc(100% - 120px);
        left: unset;
        right: 0;
        height: calc(100% + 50px);
        top: -25px;
    }
    .group-section2
    {
        margin-top: 45px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .group-table .banner-table .text .title
    {
        font-size: 1.375rem;
    }
    .group-table .banner-table .text .link
    {
        font-size: 1rem;
        padding: 3px 10px;
    }
    .group-table .content .title-table h2
    {
        font-size: 1.625rem;
        margin-top: 10px;
    }
    .group-table .content .title-table
    {
        width: 312px;
        height: 50px;
    }
    .group-table .content .detail-info
    {
        padding: 25px 10px;
        padding-bottom: 0;
    }
    .group-table .content .table .title
    {
        color: #4674C1;
        font-size: 1.125rem;
    }
    .group-table .content .table .title .small
    {
        color: #4d4d4d;
        font-size: 0.875rem;
    }
    .group-table .content .table table tbody tr td
    {
        font-size: 0.875rem;
        height: 27px
    }
    .group-table .content .table table > thead > tr > th
    {
        font-size: 0.875rem;
        height: 27px;
    }
    .group-table .content .table table > thead > tr > th:nth-child(1)
    {
        width: 110px;
    }
    .group-table .content .table .des-table
    {
        font-size: 0.875rem;
    }
    .group-table .content .table .des-table .pc
    {
        display: none;
    }
    .group-table .content .table .des-table .mb
    {
        font-feature-settings: "palt";
        display: block;
    }
    .group-table .content .list-row .item .name
    {
        width: 100%;
        font-size: 1.125rem;
        padding-left: 15px;
        background-position: left center;
    }
    .group-table .content .list-row .item
    {
        display: block;
        height: unset;
        border-radius: 7px;
        padding: 8px;
    }
    .group-table .content .list-row .item .text
    {
        font-size: 1rem;
        padding-left: 15px;
    }
    .group-table .content .list-row
    {
        margin-top: 10px;
    }
    .group-table .content .table-contact
    {
        display: block;
        padding: 20px;
        margin-top: 0;
        margin-bottom: 0;
    }
    .group-table .content .table-contact .info .name
    {
        font-size: 1rem;
    }
    .group-table .content .table-contact .info .phone
    {
        display: block;
        margin-top: 5px;
    }
    .group-table .content .table-contact .info .phone a
    {
        white-space: nowrap;
        font-size: 2.0625rem;
        line-height: 130%;
        margin-left: 0;
    }
    .group-table .content .table-contact .info .address
    {
        font-size: 16px;
    }
    .group-table .content .table-contact .info .address .pc
    {
        display: none;
    }
    .group-table .content .table-contact .info .address .mb
    {
        display: block;
    }
    .group-table .content .table-contact .icon
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 10px;
        margin-top: 10px;
    }
    .group-table .content .table-contact .icon a
    {
        height: 72px;
        margin-left: 0;
        width: 100%;
    }
    .group-table .content .table-contact .icon a .box
    {
        padding: 10px 0;
    }
    .group-table .content .table-contact .icon a .text
    {
        margin-top: 0;
        line-height: 100%;
    }
}
@media(max-width: 399px)
{
    .banner-des .des
    {
        font-size: 0.75rem;
    }
    .banner-des .title
    {
        font-size: 0.75rem;
        padding: 0 10px;
    }
    .list-section1 .item .content .arrow-link
    {
        right: 15px;
    }
    .list-section1 .item .content .title h3
    {
        font-size: 0.93rem;
    }
    .list-section1 .item .content .title
    {
        padding-left: 10px;
    }
    .group-section1:before
    {
        width: calc(100% - 110px);
    }
    .group-table .content .title-table
    {
        width: 100%;
    }
    .group-table .content .title-table h2
    {
        font-size: 1.325rem;
    }
    .group-table .content .detail-info
    {
        padding: 10px;
    }
    .group-table .content .list-row .item .text
    {
        font-size: 1rem;
    }
    .group-table .content .table-contact
    {
        padding: 0;
    }
    .group-table .content .table-contact .info .phone
    {
        font-size: 1rem;
    }
    .group-table .content .table-contact .info .phone a
    {
        font-size: 1.5rem;
    }
    .group-table .content .table-contact .info .address
    {
        font-size: 1rem;
    }
}
@media(max-width: 374px)
{
    .group-table .banner-table .text .link
    {
        font-size: 0.75rem;
    }
    .group-table .banner-table .text .title
    {
        font-size: 1rem;
    }
    
}
/*
==============================================================
========================== End 2106八王子クリニック_TOP_5th ======
==============================================================
*/
/*
==============================================================
========================== 2106八王子クリニック_キャンペーン_4th ======
==============================================================
*/

.banner-page
{

}
.banner-page img
{
    width: 100%;
    vertical-align: middle;
}
.group-courses
{
    padding-top: 40px;
    overflow: hidden;
    padding-bottom: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: -10px;
    background: #FFF;
    position: relative;
    z-index: 2;
    box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
}
.title-group
{
    font-size: 2.5rem;
    color: #5ABEC8;
    line-height: 110%;
    text-align: center;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-course
{
    margin-top: 55px;
    position: relative;

}
.list-course:before
{
    position: absolute;
    content: "";
    top: -30px;
    left: 165px;
    width: 100vw;
    height: calc( 100% + 60px );
    background: #F7F5F2;
    z-index: -1;
}
.list-course .item 
{
    border-radius: 10px;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
    overflow: hidden;
    display: flex;
    margin-bottom: 20px;
    background: #FFF;
}
.list-course .item:last-of-type
{
    margin-bottom: 0;
}
.list-course .item .img
{
    width: 144px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-course .item .img .special
{
    font-size: 0.875rem;
    font-weight: 300;
    color: #FFF;
}
.list-course .item .img.bg1
{
    background: #83D1EC;
}
.list-course .item .img.bg2
{
    background: #EA8E97;
}
.list-course .item .img.bg3
{
    background: #FFCB67;
}
.list-course .item .img.bg4
{
    background: #9DD260;
}
.list-course .item .content
{
    padding: 28px;
    padding-right: 60px;
    flex: 1;
    position: relative;
}
.list-course .item .content .name
{
    font-size: 1.5625rem;
    line-height: 140%;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-course .item .content .name a
{
    color: #4d4d4d;
}
.list-course .item .content .des
{
    font-weight: 300;
    font-size: 1.375rem;
    line-height: 140%;
    margin-top: 10px;
}
.list-course .item .content .des a
{
    color: #4d4d4d;
}
.list-course .item .content .detail
{
    margin-top: 20px;
    display: flex;
    padding-right: 50px;

    justify-content: flex-end;
    grid-column-gap: 45px;
}
.list-course .item .content .detail .detail-li
{
    display: flex;
    align-items: center;
}
.list-course .item .content .detail .detail-li .gt
{
    padding-right: 18px;
    margin-right: 20px;
    font-weight: 300;
    font-size: 1.125rem;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;

}
.list-course .item .content .detail .detail-li .gt.male:before
{
    position: absolute;
    content: "";
    height: 90%;
    top: 5%;
    left: 100%;
    border-right: 4px solid #4674C1;
}
.list-course .item .content .detail .detail-li .gt.female:before
{
    position: absolute;
    content: "";
    height: 90%;
    top: 5%;
    left: 100%;
    border-right: 4px solid #EA8E97;
}
.list-course .item .content .detail .detail-li .gt.malefemale:before
{
    position: absolute;
    content: "";
    height: 45%;
    top: 5%;
    left: 100%;
    border-right: 4px solid #4674C1;
}
.list-course .item .content .detail .detail-li .gt.malefemale:after
{
    position: absolute;
    content: "";
    height: 45%;
    bottom: 5%;
    left: 100%;
    border-right: 4px solid #EA8E97;
}

.list-course .item .content .detail .detail-li .price
{
    font-size: 1.125rem;
}
.list-course .item .content .link-courses
{
    position: absolute;
    right: 0px;
    top: 0%;
    width: 100%;
    height: 100%;
    background: url('../images/page2/icon-link-course.png') no-repeat;
    background-position: center right 37px;
}
.container-page2
{
    max-width: 875px;
    margin: auto;
}
.container-page3
{
    max-width: 1000px;
    margin: auto;
}
.group-feature
{
    margin-top: 60px;
    box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
    padding-top: 45px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}
.des-group
{
    text-align: center;
    margin-top: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 140%;
}
.des-group .color-des
{
    font-family: 'HIRAKAKUPRON-W6';
}
.color3
{
    color: #FF6E96;
}
.list-circle
{
    margin-top: 50px;
}
.list-circle .circles-top
{
    display: flex;
    justify-content: center;
}
.list-circle .circles-bot
{
    display: flex;
    justify-content: center;
    grid-gap: 15px;
    margin-top: -20px;
}
.list-circle .item
{
    width: 233px;
    height: 233px;
    border-radius: 100%;
    background: #FFFAFF;
    border: 2px solid #FF6E96;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
    color: #FF6E96;
}
.list-circle .item .top
{
    font-size: 1.375rem;
    position: relative;
    height: 70px;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-circle .item .top:before
{
    position: absolute;
    content: "";
    width: 170px;
    border-bottom: 1px solid #FF6E96;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
}
.list-circle .item .bot
{
    font-size: 1.1875rem;
    font-weight: 300;
    height: 100px;
    margin-top: 10px;
    line-height: 140%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dwibs
{
    margin-top: 35px;

}
.dwibs .main
{
    border-radius: 15px;
    overflow: hidden;
    background: #F7F5F2;
    padding-bottom: 25px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}
.dwibs .main .title
{
    font-size: 1.625rem;
    text-align: center;
    padding: 25px 0;
    background: #5ABEC8;
    color: #FFF;
    letter-spacing: 3px;
    font-family: 'HIRAKAKUPRON-W6';
}
.dwibs .content
{
    text-align: center;
    margin-top: 20px;

}
.duives .main
{
    background: #FFEBF0;
    margin-top: 35px;
    padding: 25px;
    border-radius: 25px;
}
.duives .title
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.duives .title h3
{
    color: #FF6E96;
    line-height: 170%;
    font-size: 1.625rem;
    border-bottom: 5px solid #FF6E96;
    letter-spacing: 3px;
    font-family: 'HIRAKAKUPRON-W6';
}
.duives .des
{
    font-size: 1.25rem;
    font-weight: 300;
    text-align: center;
    margin-top: 30px;
}
.duives .img
{
    margin-top: 10px;
    text-align: center;
    margin-bottom: 30px;
}
.duives .text
{
    margin-top: 10px;
}
.duives .text .text-title
{
    font-size: 1.375rem;
    color: #FF6E96;
    font-family: 'HIRAKAKUPRON-W6';
}
.duives .text .text-des
{
    font-size: 1.125rem;
    line-height: 140%;
    margin-top: 10px;
}
.table-dwibs
{
    margin-top: 50px;
}
.table-dwibs .main
{
    background: #F7F5F2;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
}
.table-dwibs .main .title
{
    background: #5ABEC8;
    padding: 25px 0;
    text-align: center;
    color: #FFF;
    font-size: 1.625rem;
    font-family: 'HIRAKAKUPRON-W6';
    letter-spacing: 3px;
}
.table-dwibs .content
{
    padding-bottom: 50px;
}
.table-dwibs .content .des
{
    margin-top: 25px;
    text-align: center;
    font-weight: 300;
    font-size: 1.25rem;
}
.table-dwibs .content .img
{
    text-align: center;
    margin-top: 15px;
}
.table-dwibs .content .table
{
    border-radius: 10px;
    overflow: hidden;
    background: #FFF;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}
.table-dwibs .content .table .title-table
{
    background: #FF6E96;
    color: #FFF;
    font-size: 1.375rem;
    text-align: center;
    padding: 15px 0;
    font-family: 'HIRAKAKUPRON-W6';
    letter-spacing: 3px;
}
.table-dwibs .content .table.table-top
{
    max-width: 875px;
    margin: auto;
   
    margin-top: 25px;
}
.table-dwibs .content .table.table-top .table1
{
    padding: 20px 50px;
}
.table-dwibs .content .table.table-top table
{
    width: 100%;
    border-collapse: collapse;
}
.table-dwibs .content .table.table-top table tr th
{
    border-bottom: 1px solid #999999;
    text-align: center;
    padding-bottom: 5px;
    font-size: 1.1875rem;
}
.table-dwibs .content .table.table-top table tr th:nth-child(3)
{
    width: 290px;
    color: #5AAFFF;
}
.table-dwibs .content .table.table-top table tr th:nth-child(2)
{
    width: 260px;
    color: #FF6E96;
}
.table-dwibs .content .table.table-top table tr td
{
    text-align: center;
    height: 50px;
    border-bottom: 1px solid #999999;
    vertical-align: middle;
    font-size: 1.1875rem;
    position: relative;
}
.table-dwibs .content .table.table-top table tr td:nth-child(2)
{
    color: #FF6E96;
}
.table-dwibs .content .table.table-top table tr td:nth-child(2):before
{
    position: absolute;
    content: "";
    border-left: 1px solid #999999;
    top: 20%;left: 0;
    height: 60%;
}
.table-dwibs .content .table.table-top table tr td:nth-child(3)
{
    color: #5AAFFF;
}
.table-dwibs .content .table.table-top table tr td:nth-child(3):before
{
    position: absolute;
    content: "";
    border-left: 1px solid #999999;
    top: 20%;left: 0;
    height: 60%;
}
.table-dwibs .content .table .des-small
{
    margin-top: 10px;
}
.table-dwibs .content .table .des-small .note
{
    font-size: 1.125rem;
    margin-bottom: 5px;
}
.table-dwibs .content .table.table-bot
{
    max-width: 835px;
    margin: auto;
    margin-top: 30px;
}
.table-dwibs .content .table.table-bot .table-row
{
    padding: 20px;
}
.table-dwibs .content .table.table-bot .table-row .table-grid
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
}
.table-dwibs .content .table.table-bot .table-row table
{
    border-collapse: collapse;
}
.table-dwibs .content .table.table-bot .table-row table td
{
    position: relative;
    height: 50px;
    vertical-align: middle;
    border-bottom: 1px solid #999999;
    text-align: center;
    font-size: 1.1875rem;
}
.table-dwibs .content .table.table-bot .table-row table th
{
    border-bottom: 1px solid #999999;
    font-size: 1.1875rem;
    padding-bottom: 5px;
}
.table-dwibs .content .table.table-bot .table-row table th:nth-child(2)
{
    color: #FF6E96;
}
.table-dwibs .content .table.table-bot .table-row table th:nth-child(3)
{
    color: #5AAFFF;
}
.table-dwibs .content .table.table-bot .table-row table td:nth-child(1)
{
    width: 48px;
}
.table-dwibs .content .table.table-bot .table-row table td:nth-child(2)
{
    width: 145px;
}
.table-dwibs .content .table.table-bot .table-row table td:nth-child(3)
{
    color: #FF6E96;
}
.table-dwibs .content .table.table-bot .table-row table td:nth-child(4)
{
    color: #5AAFFF;
}
.table-dwibs .content .table.table-bot .table-row table td:nth-child(1):before
{
    display: none;
}
.table-dwibs .content .table.table-bot .table-row table td:before
{
    position: absolute;
    content: "";
    border-left: 1px solid #999999;
    top: 20%;left: 0;
    height: 60%;
}
.covid
{
    margin-top: 30px;
}
.covid .main
{
    background: #FFFCBF;
    text-align: center;
    padding: 30px 45px;
}
.covid .title
{
    color: #5ABEC8;
    font-size: 2.5rem;
    line-height: 130%;
    font-family: 'HIRAKAKUPRON-W6';
}
.covid .title-div1
{
    font-size: 1.5625rem;
    margin: 0 45px;
    margin-top: 10px;
    background: #5ABEC8;
    color: #FFF;
    padding: 10px 0;
    font-family: 'HIRAKAKUPRON-W6';
}
.covid .des
{
    margin-top: 10px;
    font-weight: 300;
    font-size: 1.25rem;
    line-height: 140%;
}
.covid .img-text
{
    margin-top: 10px;
    display: flex;
    align-items: center;
    font-size: 1.125rem;

}
.covid .img-text .text
{
    flex: 1;
    font-feature-settings: "palt";
    line-height: 170%;
}
.covid .img-text .text .title-img-text
{
    font-size: 1.375rem;
    margin-top: 10px;
    font-family: 'HIRAKAKUPRON-W6';
}
.covid .title-div2
{
    margin-top: 15px;
    background: #FFF;
    border: 1px solid #FF6E96;
    color: #FF6E96;
    padding: 5px 0;
    font-size: 1.25rem;
}
.group-page.group-page1
{
    background: #F0FFFF;
    margin-top: 45px;
}
.group-page .top
{
    background: #83D1EC;
    color: #FFF;
    text-align: center;
    padding: 25px 0;
}
.group-page .bot
{
    padding: 0 15px;
}
.group-page1 .bot
{
    padding-bottom: 30px;
}
.group-page .top .title
{
    font-size: 2.5rem;
    line-height: 140%;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-page .top .des
{
    font-size: 1.5625rem;
    margin-top: 10px;
}
.group-page1 .title-bot
{
    font-size: 1.25rem;
    color: #4674C1;
    text-align: center;
    margin-top: 20px;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-page1 .page-content
{
    margin-top: 20px;
    margin-bottom: 35px;
    border-radius: 15px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 20%);
    background: #FFF;
    padding: 20px 55px;
}
.group-page1 .page-content .title-page
{
    text-align: center;
    font-size: 2rem;
    line-height: 120%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3E3A39;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-page1 .page-content .title-page h3
{
    border-bottom: 2px solid #006699;
}
.group-page1 .page-content .title-page .small
{
    font-size: 1.5rem;
    font-weight: 300;
    font-family: 'HIRAKAKUPRON-W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
.group-page1 .page-content .des-page
{
    font-size: 1.5rem;
    text-align: center;
    margin-top: 20px;
    color: #4674C1;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-page1 .page-content .list-note
{
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 25px;
    margin: 0 55px;
    margin-top: 20px;
}
.group-page1 .page-content .list-note.no-ml
{
    margin: 0;
    margin-top: 20px;
}
.group-page1 .page-content .show-list
{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    font-size: 1.25rem;
    border: 2px solid #4674C1;
    padding: 20px;
}
.group-page1 .page-content .show-list.mb
{
    display: none;
}
.group-page1 .page-content .show-list p
{
    margin-bottom: 5px;
    position: relative;
    padding-left: 20px;
    color: #4674C1;
}
.group-page1 .page-content .show-list p:before
{
    position: absolute;
    content: "";
    top: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    transform: translateY(-50%);
    border-radius: 100%;
    border: 1px solid #4674C1;
}
.group-page1 .page-content .img-plus
{
    text-align: center;
    margin-top: 5px;
    margin-bottom: 5px;
}
.group-page1 .page-content .after-img-plus
{
    padding: 10px 0;
    border: 2px solid #4674C1;
    font-size: 1.526rem;
    text-align: center;
    color: #4674C1;
}
.group-page .detail-price
{
    margin-top: 20px;
    display: flex;
    padding: 0 40px;
    justify-content: center;
    grid-column-gap: 52px;
    grid-row-gap: 20px;
    flex-wrap: wrap;

}
.group-page .detail-price .detail-li
{
    display: flex;
    align-items: center;
}
.group-page .detail-price .detail-li .gt
{
    padding-right: 18px;
    margin-right: 20px;
    font-weight: 300;
    font-size: 1.125rem;
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
}
.group-page .detail-price .detail-li .gt.male:before
{
    position: absolute;
    content: "";
    height: 90%;
    top: 5%;
    left: 100%;
    border-right: 4px solid #4674C1;
}
.group-page .detail-price .detail-li .gt.female:before
{
    position: absolute;
    content: "";
    height: 90%;
    top: 5%;
    left: 100%;
    border-right: 4px solid #EA8E97;
}
.group-page .detail-price .detail-li .gt.malefemale:before
{
    position: absolute;
    content: "";
    height: 45%;
    top: 5%;
    left: 100%;
    border-right: 4px solid #4674C1;
}
.group-page .detail-price .detail-li .gt.malefemale:after
{
    position: absolute;
    content: "";
    height: 45%;
    bottom: 5%;
    left: 100%;
    border-right: 4px solid #EA8E97;
}
.group-page .detail-price .detail-li .price
{
        font-size: 1.125rem;
}
.list-box-link
{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 414px;
    margin: auto;
    margin-top: 30px;
}
.list-box-link a
{
    width: 100%;
    max-width: 414px;
    background: #4674C1;
    color: #FFF;
    margin-bottom: 10px;
    padding: 30px 0;
    text-align: center;
    border-radius: 5px;
    font-size: 1.375rem;
    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
    font-weight: 300;
    border: 2px solid #4674C1;
    transition: 0.2s;
}
.list-box-link a:hover
{
    background: #FFF;
    color: #4674C1;
    opacity: 1;
}
.group-page.group-page2 .top
{
    background: #EA8E97;
}
.group-page2.group-page2
{
    background: #FFF5FA;
    padding-bottom: 55px;
}
.group-page2 .bot .title-bot
{
    font-size: 1.25rem;
    color: #EA8E97;
    text-align: center;
    margin-top: 20px;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-page .bot .list-plus
{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
}
.group-page .bot .list-plus img
{
    margin: 0 5px;
}
.group-page .bot .list-plus .item
{
    border: 2px solid #EA8E97;
    background: #FFF;
    height: 116px;
    width: 216px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5625rem;
    line-height: 140%;
    text-align: center;
}
.group-page2 .bot .list-plus .item
{
    color: #EA8E97;
}
.group-page.group-page3 .bot .list-plus .item
{
    color: #FDBF2E;
}
.group-page.group-page3
{
    background: #FFFFE6;
    padding-bottom: 55px;
}
.group-page.group-page3 .top
{
    background: #FFCB67;
}
.group-page3 .bot .title-bot
{
    font-size: 1.25rem;
    line-height: 140%;
    color: #FDBF2E;
    text-align: center;
    margin-top: 20px;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-page.group-page3 .bot .list-plus .item
{
    border: 2px solid #FDBF2E;
}
.group-page3 .img
{
    margin-top: 10px;
    text-align: center;
}
.group-page.group-page4 .top
{
    background: #9DD260;
}
.group-page.group-page4
{
    background: #F0FFF0;
    padding-bottom: 55px;
}
.group-page4 .bot .title-bot
{
    font-size: 1.25rem;
    line-height: 140%;
    color: #9DD260;
    text-align: center;
    margin-top: 20px;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-page4 .list-item
{
    border: 2px solid #9DD260;
    padding: 20px;
    background: #FFF;
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 140%;
}
.group-page4 .list-item.mb
{
    display: none;
}
.group-page4 .list-item p
{
    padding-left: 20px;
    position: relative;
    color: #9DD260;
}
.group-page4 .list-item p:before
{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #9DD260;
    top: 10px;
    left: 0;
}
.group-page4 .img-plus
{
    margin-top: 5px;
    margin-bottom: 5px;
    text-align: center;
}
.group-page4 .after-img-plus
{
    background: #FFF;
    border: 2px solid #9DD260;
    padding: 10px 0;
    text-align: center;
    font-size: 1.5625rem;
    color: #9DD260;
    font-weight: 300;
}
.group-contact
{
    padding: 30px 0;
    background: #5ABEC8;
    text-align: center;
}
.group-contact .main
{
    max-width: 414px;
    margin: auto;
}
.group-contact .title
{
    font-size: 2.5rem;
    color: #FFFF87;
    line-height: 120%;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-contact .des
{
    font-size: 1.625rem;
    line-height: 140%;
    color: #FFF;
    margin-top: 10px;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-contact .phone
{
    text-align: center;
    
    font-size: 2.5rem;
    line-height: 100%;
    margin-top: 10px;
    color: #FFF;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-contact .note
{
    text-align: left;
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 300;
}
.text-nowrap
{
    white-space: nowrap;
}
@media(max-width: 1000px)
{
    .container-page2
    {
        padding: 0 15px;
    }
    .list-course .item .content .detail
    {
        flex-wrap: wrap;
        grid-row-gap: 15px;
    }
    .covid .img-text
    {
        display: block;
    }
    .group-page1 .page-content .show-list
    {
        font-size: 1.125rem;
    }
}
@media(max-width: 768px)
{
    .group-courses
    {
        margin-top: 20px;
        padding-top: 0;
        box-shadow: none;
    }
    .title-group
    {
        font-size: 1.875rem;
        line-height: 120%;
    }
    .des-group
    {
        font-size: 1.125rem;
        margin-top: 10px;
    }
    .des-group .pc
    {
        display: none;
    }
    .des-group .mb
    {
        display: block;
    }
    .list-course
    {
        margin-top: 40px;
    }
    .list-course:before
    {
        height: calc(100% + 40px);
        top: -20px;
        left: 90px;
        width: calc(100vw);
    }
    .list-course .item .content
    {
        padding: 20px 12px;
    }
    .list-course .item .img
    {
        width: 58px;
        padding: 0 12px;
    }
    .list-course .item .img .special
    {
        font-size: 0.625rem;
    }
    .list-course .item .content .name
    {
        font-size: 1.125rem;
    }
    .list-course .item .content .des
    {
        font-size: 1rem;
        margin-top: 5px;
    }
    .list-course .item .content .detail
    {
        flex-wrap: wrap;
        grid-gap: 15px;
        margin-top: 15px;
        padding-right: 0px;
        justify-content: flex-start;
    }
    .list-course .item .content .detail .detail-li .gt
    {
        font-size: 1rem;
        padding-right: 12px; margin-right: 12px;
    }
    .list-course .item .content .detail .detail-li .price
    {
        font-size: 1rem;
    }
    .list-course .item .content .detail .detail-li .price .pc
    {
        display: none;
    }
    .list-course .item .content .link-courses
    {
        right: 0px;
        background-position: center right 15px;
    }
    .group-feature
    {
        box-shadow: none;
        margin-top: 15px;
        padding-top: 0;
    }
    .list-circle
    {
        margin-top: 20px;
    }
    .list-circle .item
    {
        width: 167px;
        height: 167px;
    }
    .list-circle .item .top
    {
        font-size: 1rem;
        height: 45px;
    }
    .list-circle .item .bot
    {
        font-size: 0.875rem;
        height: 75px;
        margin-top: 5px;
    }
    .list-circle .item .top:before
    {
        width: 120px;
    }
    .dwibs .main .title
    {
        font-size: 1.25rem;
        padding: 18px 5px;
    }
    .duives .main
    {
        border-radius: 10px;
        margin-top: 20px;
        padding: 20px;
    }
    .duives .title h3
    {
        font-size: 1.25rem;
    }
    .duives .des
    {
        font-size: 1.125rem;
        margin-top: 20px;
    }
    .duives .text .text-title
    {
        font-size: 1.125rem;
    }
    .duives .text .text-des
    {
        font-size: 1rem;
    }
    .table-dwibs
    {
        margin-top: 40px;
    }
    .table-dwibs .main .title
    {
        font-size: 1.25rem;
        padding: 18px 0;
    }
    .table-dwibs .content
    {
        padding: 0 15px;
        padding-bottom: 20px;
    }
    .table-dwibs .content .des
    {
        font-size: 1.125rem;
    }
    .table-dwibs .content .img
    {
        padding: 0 35px;
    }
    .table-dwibs .content .table.table-top
    {

    }
    .table-dwibs .content .table .title-table
    {
        font-size: 1rem;
    }
    .table-dwibs .content .table.table-top .table1
    {
        padding: 20px;
    }
    .table-dwibs .content .table.table-top table tr th
    {
        font-size: 1rem;
    }
    .table-dwibs .content .table.table-top table tr th:nth-child(2)
    {
        width: unset;
    }
    .table-dwibs .content .table.table-top table tr th:nth-child(3)
    {
        width: unset;
    }
    .table-dwibs .content .table.table-top table tr td
    {
        font-size: 16px;
        height: unset;
        padding: 10px;
    }
    .table-dwibs .content .table .des-small
    {
        font-size: 0.875rem;
    }
    .table-dwibs .content .table.table-bot .table-row .table-grid
    {
        display: block;
    }
    .table-dwibs .content .table.table-bot .table-row .table-grid table
    {
        width: 100%;
    }
    .table-dwibs .content .table.table-bot .table-row .table-grid table:nth-child(2) thead
    {
        display: none;
    }
    .table-dwibs .content .table.table-bot .table-row table td
    {
        font-size: 1rem;
    }
    .table-dwibs .content .table .des-small
    {
        font-size: 0.75rem;
        font-feature-settings: "palt";
    }
    .table-dwibs .content .table .des-small .note
    {
        font-size: 0.875rem;
    }
    .covid .main
    {
        padding: 25px 30px;
        overflow: hidden;
    }
    .covid .title
    {
        font-size: 1.625rem;
    }
    .covid .title-div1
    {
        width: 100%;
        margin: 0;
        margin-top: 10px;
        padding: 5px 0;
        font-size: 1.125rem;
    }
    .covid .des
    {
        font-size: 1rem;
    }
    .covid .img-text
    {
        display: block;
    }
    .covid .img-text .text .title-img-text
    {
        font-size: 1.125rem;
    }
    .covid .img-text .text .pc
    {
        display: none;
    }
    .covid .img-text .text .mb
    {
        display: block;
    }
    .covid .title-div2
    {
        display: flex;
        align-items: flex-start;
        text-align: left;
        padding: 5px 15px;
        font-size: 1rem;
        margin-left: 15px;
        margin-right: 15px;
    }
    .covid .img-text .text
    {
        font-size: 1rem;
    }
    .group-page .top .title
    {
        font-size: 1.875rem;
    }
    .group-page .top .des
    {
        font-size: 18px;
        margin-top: 5px;
    }
    .group-page .top
    {
        padding: 15px 0;
    }
    .group-page1 .title-bot
    {
        font-size: 1.125rem;
    }
    .group-page1 .page-content .title-page
    {
        font-size: 1.375rem;
    }
    .group-page1 .page-content .title-page .small
    {
        font-size: 1.125rem;
    }
    .group-page1 .page-content .des-page
    {
        font-size: 1.125rem;
    }
    .group-page1 .page-content
    {
        padding: 20px;
    }
    .group-page1 .page-content .list-note
    {
        margin: 0;
        margin-top: 15px;
        font-size: 0.875rem;
    }
    .group-page1 .page-content .show-list.pc
    {
        display: none;
    }
    .group-page1 .page-content .show-list.mb
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .group-page1 .page-content .show-list p
    {
        margin-bottom: 0;
        color: #4674C1;
    }
    .group-page1 .page-content .show-list p:before
    {
        border-color: #4674C1;
    }
    .group-page1 .page-content .show-list
    {
        font-size: 16px;
        padding: 15px;
    }
    .group-page1 .page-content .after-img-plus
    {
        font-size: 1.125rem;
        color: #4674C1;
    }
    .group-page .detail-price .detail-li .price
    {
        font-size: 16px;
        flex: 1;
    }
    .group-page .detail-price .detail-li .gt
    {
        font-size: 16px;
    }
    .list-box-link a
    {
        padding: 25px 0;
        font-size: 1rem;
    }
    .group-page2 .bot .title-bot
    {
        font-size: 1.125rem;
    }
    .group-page .bot .list-plus
    {

    }
    .group-page3 .bot .title-bot
    {
        font-size: 1.125rem;
    }
    .group-page .bot .list-plus .item
    {
        font-size: 1.125rem;
    }
    .group-page2 .bot .list-plus .item
    {
        color: #EA8E97;
    }
    .group-page3 .bot .list-plus .item
    {
        color: #FDA02E;
    }
    .group-page4 .bot .title-bot
    {
        font-size: 1.125rem;
    }
    .group-page4 .list-item.pc
    {
        display: none;
    }
    .group-page4 .list-item.mb
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 15px;
        padding: 15px;
        font-size: 1rem;
    }
    .group-page4 .list-item p:before
    {
        top: 5px;
    }
    .group-contact .title
    {
        font-size: 1.875rem;
    }
    .group-contact .des
    {
        font-size: 1.125rem;
    }
    .group-contact .phone
    {
        font-size: 1.875rem;
        text-align: center;
    }
    .group-contact .main
    {
        padding: 0 30px;
    }
    .group-contact .note
    {
        font-size: 1rem;
        max-width: 300px; margin: auto;
    }
    .group-page1 .bot
    {
        padding-bottom: 30px;
    }
    .group-page1 .page-content:last-of-type
    {
        margin-bottom: 0;
    }
    .group-page2.group-page2
    {
        margin-top: 20px;
        padding-bottom: 30px;
    }
    .group-page.group-page3
    {
        margin-top: 20px;
        padding-bottom: 30px;
    }
    .group-page.group-page4
    {
        margin-top: 20px;
        padding-bottom: 30px;
    }
    .group-contact
    {
        margin-top: 20px;
    }
    .table-dwibs .content .table.table-top .des-small
    {
        display: flex;
        line-height: 140%;
        grid-column-gap: 5px;
    }
    .group-page4 .after-img-plus
    {
        font-size: 1.125rem;
        color: #9DD260;
    }
    .group-page4 .list-item p
    {
        color: #9DD260;
    }
    .group-page4 .list-item p:before
    {
        border-color: #9DD260;
    }
}
@media(max-width: 480px)
{
    .group-page .bot .list-plus
    {
        display: block;
        text-align: center;
    }
    .group-page .bot .list-plus .item
    {
        width: 100%;
        padding: 10px 0;
        height: unset;
    }
    .group-page .bot .list-plus img
    {
        margin: 5px;
        vertical-align: middle;
    }
    .group-page .bot .list-plus .item .box
    {
        display: flex;
        flex-wrap: wrap;
    }
    .group-page .detail-price
    {
        padding: 0;
    }
    .group-page3 .img
    {
        padding: 0 15px;
    }
    .banner .arrow-prev
    {
        width: 20px;
        height: 20px;
    }
    .banner .arrow-next
    {
        width: 20px;
        height: 20px;
    }
}
@media(max-width: 400px)
{
    .group-page .detail-price
    {
        padding: 0;
        justify-content: flex-start;
    }
}
@media(max-width: 399px)
{
    .group-page1 .page-content .show-list.mb
    {
        font-size: 0.875rem;
    }
    .group-page .detail-price .detail-li .price, .group-page .detail-price .detail-li .gt
    {
        font-size: 0.875rem;
    }
    .group-page .detail-price .detail-li .gt
    {
        padding-right: 10px;
        margin-right: 10px;
    }
    .group-page4 .list-item.mb
    {
        font-size: 0.875rem;
    }
    .title-group
    {
        font-size: 1.25rem; 
    }
    .des-group
    {
        font-size: 0.875rem;
    }
    .list-circle .item
    {
        width: 167px;
        height: 167px;
    }
    .list-circle .item .bot
    {
        font-size: 0.875rem;
    }
    .dwibs .main .title
    {
        font-size: 0.875rem;
    }
    .table-dwibs .content .table .inner-table
    {
        overflow: auto;
    }
    .table-dwibs .content .table .inner-table table
    {
        min-width: 370px;
    }
    .covid .title
    {
        font-size: 1rem;
    }
    .covid .des
    {
        font-size: 1rem;
    }
    .group-page .top .title
    {
        font-size: 1.25rem;
    }
    .group-page .top .des
    {
        font-size: 1rem;
    }
    .group-page1 .page-content .title-page .small
    {
        font-size: 0.75rem;
    }
    .group-page1 .page-content .des-page
    {
        font-size: 1rem;
    }
    .group-page1 .page-content .list-note
    {
        font-size: 0.75rem;
    }
    .group-page2 .bot .title-bot
    {
        font-size: 1rem;
    }
    .group-page3 .bot .title-bot
    {
        font-size: 1rem;
    }
    .group-page4 .bot .title-bot
    {
        font-size: 1rem;
    }
    .group-contact .phone
    {
        font-size: 1.5rem;
    }
    .group-contact .title
    {
        font-size: 1.5rem;
    }

}
@media(max-width: 374px)
{
    .list-course .item .content .name
    {
        font-size: 0.875rem;
    }
    .list-course .item .content .des
    {
        font-size: 1rem;
    }
    .list-course .item .content .detail .detail-li .gt
    {
        font-size: 0.875rem;
        padding-right: 5px; margin-right: 10px;
    }
    .list-course .item .content .detail .detail-li .price
    {
        font-size: 0.875rem;
    }
    .list-circle .item
    {
        width: 150px;
        height: 150px;
    }

}
/*
==============================================================================
========================== End 2106八王子クリニック_キャンペーン_4th =================
==============================================================================
*/
/*
==============================================================================
========================== 2106八王子クリニック_シルバーヒルズ八王子_4th ==============
==============================================================================
*/
.elderly-top
{
    padding: 45px 0;
    text-align: center;
    background: #75CA95;
    color: #FFF;
}
.elderly-top .title
{
    font-size:  1.875rem;
    line-height: 130%;
    font-family: 'HIRAKAKUPRON-W6';
}
.elderly-top .des
{
    font-size: 1.125rem;
    margin-top: 10px;
}
.peace-of-mind
{
    background: #F7F5F2;
    padding: 20px 0;
    padding-bottom: 50px;
}
.peace-of-mind .title
{
    font-size: 2.5rem;
    line-height: 130%;
    text-align: center;
    font-family: 'HIRAKAKUPRON-W6';
    color: #75CA95;
}
.peace-of-mind .list-peace
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 25px;
    margin-top: 20px;
}
.peace-of-mind .list-peace .item
{
    background: #FFF;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    min-height: 295px;
    padding-bottom: 45px;
    border: 2px solid #75CA95;
    position: relative;
    box-shadow: 0 0px 5px rgb(0 0 0 / 30%);
}
.peace-of-mind .list-peace .item .name
{
    color: #75CA95;
    font-size: 1.5rem;
    margin-top: 5px;
    line-height: 130%;
    font-family: 'HIRAKAKUPRON-W6';
}
.peace-of-mind .list-peace .item .des
{
    font-size: 1.125rem;
    margin-top: 8px;
    font-weight: 300;
    line-height: 150%;
}
.peace-of-mind .list-peace .item .link-peace
{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    background: url('../images/arrow-link-section1.png') no-repeat;
    background-position: bottom 25px center;
}
.elderly-avatar
{
    box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
    padding-top: 45px;
    border-top-left-radius: 10px; 
    border-top-right-radius: 10px;
    overflow: hidden;
}
.elderly-avatar .title
{
    font-size: 2.5rem;
    color: #75CA95;
    text-align: center;
    line-height: 130%;
    font-family: 'HIRAKAKUPRON-W6';
}
.elderly-avatar .avatar
{
    text-align: center;
    width: 250px;
    margin: auto;
    margin-top: 25px;
    overflow: hidden;
    border-radius: 100%;
}
.elderly-avatar .name-user
{
    text-align: center;
    font-size: 1.375rem;
    font-weight: 300;
    margin-top: 5px;
}
.elderly-avatar .content
{
    margin-top: 60px;
    text-align: center;
}
.elderly-avatar .content .title-content
{
    font-size: 1.875rem;
    line-height: 130%;
    letter-spacing: 3px;
}
.elderly-avatar .content .des-content
{
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 140%;
    margin-top: 10px;
}
.elderly-avatar .content .des-content p
{
    margin-bottom: 5px;
}
.elderly-avatar .content .link-avatar
{
    margin-top: 30px;
}
.elderly-avatar .content .link-avatar a
{
    color: #4d4d4d;
}
.elderly-avatar .content .link-avatar a span
{
    color: #75CA95;
}
.resident-case
{
    margin-top: 55px;
    padding-top: 75px;
    padding-bottom: 75px;
    background: url('../images/page3/resident-case.png') no-repeat;
    background-size: cover;
}
.resident-case .title
{
    font-size: 2.5rem;
    line-height: 130%;
    color: #75CA95;
    text-align: center;
    font-family: 'HIRAKAKUPRON-W6';
}
.resident-case .des
{
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 140%;
    text-align: center;
    margin-top: 20px;
}
.resident-case .des p
{
    margin-bottom: 5px;
}
.group-link-elderly
{
    max-width: 414px;
    margin: auto;
    margin-top: 25px;
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
}
.group-link-elderly a
{
    width: 100%;
    border: 2px solid #75CA95;
    box-shadow: 3px 3px 5px rgb(0 0 0 / 10%);
    background: #FFF;
    text-align: center;
    padding: 30px;
    border-radius: 10px;
    color: #75CA95;
    font-size: 1.375rem;
}
.group-link-elderly a:hover
{
    background: #75CA95;
    border: 2px solid #FFF;
    color: #FFF;
    opacity: 1;
    box-shadow: none;
}
.elderly-business
{
    margin-top: 55px;
}
.elderly-business .main
{
    border: 1px solid #999999;
    padding: 25px 0;
    text-align: center;
}
.elderly-business .title
{
    font-size: 2.5rem;
    line-height: 130%;
    color: #75CA95;
    font-family: 'HIRAKAKUPRON-W6';
}
.elderly-business .des
{
    margin-top: 10px;
    font-size: 1.125rem;
}
.elderly-business .des p
{
    padding-bottom: 5px;
}
.link-elderly-business
{
    margin-top: 15px;
}
.link-elderly-business a
{
    color: #4d4d4d;
}
.link-elderly-business span
{
     color: #75CA95;
}
.elderly-image 
{
    margin-top: 60px;
    text-align: center;
}
.elderly-image .title
{
    font-size: 2.5rem;
    line-height: 130%;
    color: #75CA95;
    text-align: center;
    font-family: 'HIRAKAKUPRON-W6';
}
.elderly-image .des
{
    line-height: 140%;
    font-size: 1.125rem;
    margin-top: 20px;
    text-align: center;
}
.elderly-image .des p
{
    margin-bottom: 5px;
}
.elderly-image .img
{
    margin-top: 20px;
}
.elderly-contact
{
    margin-top: 65px;
    background: #75CA95;
    padding-top: 35px;
    padding-bottom: 50px;
    text-align: center;
    color: #FFF;
}
.elderly-contact .title
{
    font-size: 2.5rem;
    line-height: 130%;
    color: #FFFF87;
    font-family: 'HIRAKAKUPRON-W6';
}
.elderly-contact .des
{   
    margin-top: 10px;
    font-size: 1.625rem;
    font-family: 'HIRAKAKUPRON-W6';

}
.elderly-contact .phone
{
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 130%;
    margin-top: 10px;
    font-family: 'HIRAKAKUPRON-W6';
}
.elderly-contact .des-phone
{
   font-size: 1.625rem;
   margin-top: 30px;
}
@media(max-width: 1000px)
{
    .peace-of-mind .list-peace
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 475px;
        margin: auto;
        margin-top: 20px;
    }
}
@media(max-width: 768px)
{
    .elderly-top
    {
        padding: 25px 20px;
    }
    .elderly-top .title
    {
        font-size: 1.5rem;
    }
    .elderly-top .des
    {
        font-size: 1rem;
    }
    .elderly-top .des .pc
    {
        display: none;
    }
    .elderly-top .des .mb
    {
        display: block;
    }
    .peace-of-mind
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .peace-of-mind .title
    {
        font-size: 1.875rem;
    }
    .peace-of-mind .list-peace
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .peace-of-mind .list-peace .item .name
    {
        font-size: 1.125rem;
        margin-top: 0;
    }
    .peace-of-mind .list-peace .item .img
    {
        height: 48px;
    }
    .peace-of-mind .list-peace .item .des
    {
        font-size: 1rem;
        margin-top: 5px;
        line-height: 140%;
    }
    .peace-of-mind .list-peace .item
    {
        padding: 15px 5px;
        padding-bottom: 40px;
        min-height: 225px;
    }
    .peace-of-mind .list-peace .item .link-peace
    {
        background-position: bottom 15px center;
    }
    .elderly-avatar
    {
        padding-top: 20px;
        box-shadow: none;
    }
    .elderly-avatar .avatar
    {
        margin-top: 15px;
    }
    .elderly-avatar .title
    {
        font-size: 1.875rem;
    }
    .elderly-avatar .name-user
    {
        font-size: 1rem;
    }
    .elderly-avatar .content
    {
        margin-top: 45px;
    }
    .elderly-avatar .content .title-content
    {
        font-size: 1.375rem;
        padding: 0 20px;
        line-height: 140%;
    }
    .elderly-avatar .content .des-content
    {
        font-size: 1rem;
    }
    .elderly-avatar .content .des-content p
    {
        margin-bottom: 3px;
    }
    .elderly-avatar .content .link-avatar
    {
        margin-top: 15px;
    }
    .resident-case
    {
        margin-top: 30px;
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .resident-case .title
    {
        font-size: 1.875rem;
    }
    .resident-case .des
    {
        font-size: 1rem;
    }
    .resident-case .des p
    {
        margin-bottom: 3px;
    }
    .group-link-elderly
    {
        margin-top: 15px;
    }
    .group-link-elderly a
    {
        font-size: 1rem;
        padding: 20px; 
    }
    .elderly-business
    {
        margin-top: 30px;
    }
    .elderly-business .title
    {
        font-size: 1.875rem;
    }
    .elderly-business .des
    {
        font-size: 1rem;
    }
    .elderly-business .des .pc
    {
        display: none;
    }
    .elderly-business .des .mb
    {
        display: block;
    }
    .link-elderly-business
    {
        margin-top: 5px;
    }
    .elderly-image
    {
        margin-top: 40px;
    }
    .elderly-image .title
    {
        font-size: 1.875rem;
    }
    .elderly-image .des
    {
        font-size: 1rem;
    }
    .elderly-contact
    {
        margin-top: 30px;
    }
    .elderly-contact .title
    {
        font-size: 1.875rem;
    }
    .elderly-contact .des
    {
        font-size: 1.125rem;
    }
    .elderly-contact .phone
    {
        font-size: 1.875rem;
    }
    .elderly-contact .des-phone
    {
        margin-top: 15px;
    }
}
@media(max-width: 400px)
{
    .peace-of-mind .list-peace
    {
        grid-gap: 15px;
    }
    
}
@media(max-width: 399px)
{
    .elderly-image .title
    {
        font-size: 1.5rem;
    }
    .elderly-business .title
    {
        font-size: 1.5rem;
    }
    .resident-case .title
    {
        font-size: 1.5rem
    }
    .elderly-avatar .title
    {
        font-size: 1.5rem;
    }
    .peace-of-mind .title
    {
        font-size: 1.5rem;
    }
    .elderly-business .des, .resident-case .des, .elderly-image .des, .elderly-avatar .content .des-content, .elderly-top .des
    {
        font-size: 0.875rem;
    }
    .elderly-top .title
    {
        font-size: 1.25rem;
    }

}
@media(max-width: 375px)
{
    .peace-of-mind .list-peace
    {
        grid-gap: 10px;
    }
    .peace-of-mind .list-peace
    {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .peace-of-mind .list-peace .item
    {
        min-width: 213px;
    }
    .elderly-avatar .content .title-content
    {
        font-size: 1rem;
    }
}

/*
==============================================================================
========================== End 2106八王子クリニック_シルバーヒルズ八王子_4th ==========
==============================================================================
*/
/*
==============================================================================
========================== 2106八王子クリニック_一般診療_4th ==========
==============================================================================
*/
.color4
{
    color: #FDA02E !important;
}
.color5
{
    color: #9DD260 !important;
}
.des-clinic
{
    font-size: 1.5rem;
    color: #FFF;
    background: #006699;
    padding: 45px 0;
    text-align: center;
    line-height: 140%;
}
.des-clinic p
{
    margin-bottom: 5px;
}
.clinic
{
    padding-top: 30px;
    box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
    background: #FFF;
    margin-top: -5px; 
    padding-bottom: 90px;  
}
.clinic .title
{
    font-size: 2.5rem;
    text-align: center;
    line-height: 130%;
    color: #4674C1;
    font-family: 'HIRAKAKUPRON-W6';
}
.clinic .title-small
{
    font-size: 1.25rem;
    text-align: center;
    margin-top: 5px;
}
.list-desclinic
{
    position: relative;
    margin-top: 55px;
}
.list-desclinic:before
{
    position: absolute;
    content: "";
    width: 100vw;
    height: calc(100% + 60px);
    top: -30px;
    left: 165px;
    background: #F7F5F2;
    z-index: 1;  
}
.list-desclinic .item
{
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 2;
    margin-bottom: 15px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 30%);
    transition: 0.2s;
}
.list-desclinic .item:last-of-type
{
    margin-bottom: 0;
}
.list-desclinic .item .box
{
    display: flex;
    border-radius: 10px;
}
.list-desclinic .item .img
{
    width: 141px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list-desclinic .item:nth-child(4n + 1) .img
{
    background: #83D1EC;
}
.list-desclinic .item:nth-child(4n + 2) .img
{
    background: #EA8E97;
}
.list-desclinic .item:nth-child(4n + 3) .img
{
    background: #FFCB67;
}
.list-desclinic .item:nth-child(4n) .img
{
    background: #9DD260;
}
.list-desclinic .item .content
{
    padding: 25px 55px 25px 25px;
    flex: 1;
    background: url('../images/arrow-link-section1.png') no-repeat;
    background-color: #FFF;
    background-position: center right 35px;
}
.list-desclinic .item a
{
    color: #4d4d4d;
}
.list-desclinic .item .content .name
{
    font-size: 1.5625rem;
    line-height: 140%;
    font-family: 'HIRAKAKUPRON-W6';
    letter-spacing: 4px;
}
.list-desclinic .item .content .des
{
    font-size: 1.375rem;
    font-weight: 300;
    line-height: 140%;
    margin-top: 14px;
}
.clinic-contact
{
    background: #5ABEC8;
    padding-top: 35px;
    padding-bottom: 40px;
    text-align: center;
}
.clinic-contact .title
{
    font-size: 2.5rem;
    line-height: 140%;
    color: #FFFF87;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-clinic
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 25px;
    margin-top: 20px;
}
.list-clinic .item 
{

}
.list-clinic .item .name
{
    /*font-weight: 600;*/
    font-size: 1.125rem;
    margin-top: 5px;
    color: #FFF;
    /*font-family: 'HIRAKAKUPRON-W6';*/
}
.list-clinic .item .phone
{
    color: #FFF;
    font-size: 1.875rem;
    line-height: 140%;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-clinic .item .link-detail
{
    display: flex;
}
.list-clinic .item .link-detail a
{
    width: 100%;
    background: #FFF;
    color: #5ABEC8;
    padding: 15px;
    font-size: 1.375rem;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 30%);
    transition: 0.2s;
}
.list-clinic .item .link-detail a:hover
{
    background: #5ABEC8;
    color: #FFF;
    opacity: 1;
}
@media(max-width: 960px)
{
    .list-clinic .item .link-detail a
    {
        font-size: 1rem;
    }
}
@media(max-width: 768px)
{
    .des-clinic
    {
        font-size: 1rem;
        padding: 30px 0;
    }
    .clinic
    {
        padding-top: 20px;
        padding-bottom: 40px;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }
    .clinic .title
    {
        font-size: 1.875rem;
        font-weight: 800;
    }
    .clinic .title img
    {
        width: 17px;
    }
    .clinic .title-small
    {
        font-size: 1.125rem;
    }
    .list-desclinic
    {
        margin-top: 30px;
    }
    .list-desclinic:before
    {
        height: calc(100% + 30px);
        top: -15px;
        left: 70px;
    }
    .list-desclinic .item .box
    {
        min-height: 107px;
    }
    .list-desclinic .item .content
    {
        padding: 15px 10px;
        padding-right: 45px;
        background-position: center right 15px;
    }
    .list-desclinic .item .img
    {
        width: 60px;
        
        padding: 0 12px;
    }
    .list-desclinic .item .content .name
    {
        font-size: 1.125rem;
    }
    .list-desclinic .item .content .des
    {
        font-size: 1rem;
        margin-top: 5px;
    }
    .clinic-contact .title
    {
        font-size: 1.875rem;
    }
    .list-clinic
    {
        display: block;
    }
    .list-clinic .item
    {
        margin-bottom: 25px;
    }
    .list-clinic .item .img img
    {
        border-radius: 10px;
        max-width: 360px;
    }
    .list-clinic .item:last-of-type
    {
        margin-bottom: 0;
    }
    .list-clinic .item .link-detail
    {
        text-align: center;
        justify-content: center;
    }
    .list-clinic .item .link-detail a
    {
        font-size: 1rem;
        padding: 10px;
        max-width: 285px;
    }
}
@media(max-width: 399px)
{
    .clinic .title
    {
        font-size: 1.25rem;
    }
    .list-desclinic .item .content .des
    {
        font-size: 1rem;
    }
    .list-clinic .item .img img
    {
        width: 100%;
    }

}
/*
==============================================================================
========================== End 2106八王子クリニック_一般診療_4th ==========
==============================================================================
*/
/*
==============================================================================
========================== 2106八王子クリニック_八王子クリニック新町_4th ==========
==============================================================================
*/
.title-page
{
    text-align: center;
    
    line-height: 130%;
    color: #5ABEC8;
    font-size: 2.5rem;
    font-family: 'HIRAKAKUPRON-W6';
}
.title-small-page
{
    text-align: center;
}
.mediacal-reception
{

    padding-top: 45px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin-top: -10px;
    overflow: hidden;
    position: relative;
    z-index: 3;
    background: #FFF;
    box-shadow: 0 -3px 3px rgb(0 0 0 / 20%);
}
.mediacal-reception .table
{
    margin-top: 25px;
}
.mediacal-reception .table table
{
    width: 100%;
    border-collapse: collapse;
}
.mediacal-reception .table table thead tr th:nth-child(1)
{
    width: 250px;
}
.mediacal-reception .table table thead tr th
{
    text-align: center;
    vertical-align: middle;
    height: 52px;
    background: #FFFCBF;
    font-size: 1.25rem;
}
.mediacal-reception .table table tbody tr td
{
    font-size: 1.25rem;
    height: 73px;
    vertical-align: middle;
    text-align: center;
}
.mediacal-reception .table table td,.mediacal-reception .table table th
{
    border: 1px solid #FFCB67;
}
.mediacal-reception .table table tbody tr td:nth-child(1)
{
    background: #FFFCBF;
}
.mediacal-reception .note
{
    margin-top: 5px;
}
.mediacal-subjects
{
    margin-top: 90px;
    overflow: hidden;
    padding-bottom: 30px;
}
.group-map
{
    margin-top: 70px;
}
.group-map .img
{
    margin-top: 15px;
}
.group-map .link-map
{
    text-align: center;
}
.group-map .link-map a
{
    color: #4d4d4d
}
.group-map .link-map a span
{
    color: #5ABEC8;
}
.group-map .note-map
{
    margin-top: 30px;
    border: 1px solid #5ABEC8;
    padding: 25px 105px;
}
.group-map .note-map .title-note
{
    font-size: 1.625rem;
    
    text-align: center;
    color: #5ABEC8;
    line-height: 140%;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-map .note-map .content-note
{
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 140%;
    margin-top: 15px;
}
.group-map .note-map .content-note p
{
    position: relative;
    padding-left: 20px;
}
.group-map .note-map .content-note p:before
{
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #4d4d4d;
    border-radius: 100%;
}
.mediacal-contact
{
    margin-top: 75px;
    padding-top: 35px;
    padding-bottom: 65px;
    background: #5ABEC8;
    text-align: center;
    color: #FFF;
}
.mediacal-contact .title-page
{
    color: #FFFF87;
    line-height: 130%;
}
.mediacal-contact .des
{
    line-height: 140%;
    font-size: 1.625rem;
    margin-top: 10px;
    font-family: 'HIRAKAKUPRON-W6';
}
.mediacal-contact .phone
{
    font-size: 2.5rem;
    font-weight: 800;
    line-height: 130%;
    margin-top: 10px;
    font-family: 'HIRAKAKUPRON-W6';
}
.mediacal-contact .list-box-link a
{
    background: #FFFFFF;
    color: #5ABEC8;
    box-sizing: 0 0px 5px rgb(0 0 0 / 30%);
}
@media(max-width: 768px)
{
    .mediacal-reception
    {
        margin-top: 15px;
        padding-top: 0;
        box-shadow: none;
        border-radius: unset;
    }
    .title-page
    {
        font-size: 1.875rem;
    }
    .title-small-page
    {
        font-size: 0.875rem;
    }
    .mediacal-reception .table
    {
        margin-top: 10px;
    }
    .mediacal-reception .table table thead tr th
    {
        height: 27px;
        font-size: 0.875rem;
    }
    .mediacal-reception .table table thead tr th:nth-child(1)
    {
        width: 110px;
    }
    .mediacal-reception .table table tbody tr td
    {
        font-size: 14px;
        font-size: 0.875rem;
        height: 27px;
    }
    .mediacal-reception .note .pc
    {
        display: none;
    }
    .mediacal-reception .note .mb
    {
        display: block;
        font-size: 0.875rem;
    }
    .mediacal-subjects
    {
        margin-top: 40px;
    }
    .group-map
    {
        margin-top: 15px;
    }
    .group-map .link-map a
    {
        font-size: 0.875rem;
    }
    .group-map .note-map
    {
        padding: 15px;
        border-color: #999999;
    }
    .group-map .note-map .content-note
    {
        font-size: 1rem;
        line-height: 140%;

    }
    .group-map .note-map .content-note p
    {
        margin-bottom: 5px;
        font-feature-settings: "palt";
    }
    .group-map .note-map .content-note p:before
    {
        width: 12px;
        height: 12px;
        top: 7px;
    }
    .mediacal-contact
    {
        margin-top: 30px;
        padding-bottom: 30px;
    }
    .list-box-link
    {
        margin-top: 15px;
    }
    .list-box-link a
    {
        border: none;
        max-width: 300px;
    }
    .mediacal-contact .des
    {
        font-size: 1.125rem;
    }
    .mediacal-contact .phone
    {
        font-size: 1.875rem;
    }
}
@media(max-width: 399px)
{
    .group-map .note-map .content-note
    {
        font-size: 0.75rem;
    }
    .group-map .note-map
    {
        padding: 10px;
    }
    .title-page
    {
        font-size: 1.5rem;
    }
}
/*
==============================================================================
========================== 2106八王子クリニック_女性向け専門診断_4th ==========
==============================================================================
*/
.medical-servicer
{
    background: #5ABEC8;
    padding: 35px 0;
}
.medical-servicer-contact .img-title
{
    text-align: center;
}
.medical-servicer-contact .img
{
    margin-top: 15px;
    text-align: center;
}
.medical-servicer-contact .des
{
    font-size: 1.625rem;
    margin-top: 10px;
    text-align: center;
    color: #FFF;
    font-family: 'HIRAKAKUPRON-W6';
}
.medical-servicer-contact .phone
{
    color: #FFF;
    font-weight: 800;
    font-size: 2.5rem;
    line-height: 140%;
    text-align: center;
    margin-top: 10px;
    font-family: 'HIRAKAKUPRON-W6';
}
.medical-servicer-contact .title-page
{
    color: #FFFF87;
}
.medical-servicer .table table
{
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
}
.medical-servicer .table table td, .medical-servicer .table table th
{
    border: 2px solid #5ABEC8;
}
.medical-servicer .table table th:nth-child(1)
{
    width: 250px;
}
.medical-servicer .table table th
{
    text-align: center;
    vertical-align: middle;
    height: 52px;
    font-size: 1.25rem;
    background: #D7F3FE;
}

.medical-servicer .table table tr td
{
    background: #FFF;
    vertical-align: middle;
    height: 72px;
    text-align: center;
    font-size: 1.25rem;
}
.medical-servicer .table table tr td:nth-child(1)
{
    background: #D7F3FE;
}
.medical-servicer .table .note-table
{
    color: #FFF;
    margin-top: 10px;
}
.medical-servicer .table
{
    margin-top: 20px;
    border-top: 1px solid #FFF;
    padding-top: 20px;
    padding-bottom: 30px;
    border-bottom: 1px solid #FFF;
}
.medical-servicer .table .title
{
    text-align: center;
    font-size: 1.625rem;
    line-height: 140%;
    color: #FFFCBF;
    font-family: 'HIRAKAKUPRON-W6';
}
.medical-servicer .table .title-small
{
    text-align: center;
    color: #FFF;
    margin-top: 10px;
}
.group-calendar
{
    margin-top: 25px;
}
.group-calendar .title
{
    font-size: 1.625rem;
    text-align: center;
    color: #FFFCBF;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-calendar .calendar
{
    max-width: 80%;
    margin: auto;
    margin-top: 15px;

}
.group-calendar .calendar .top
{
    display: flex;
    justify-content: space-between;
    font-size: 1.375rem;
    color: #FFF;
    align-items: center;
}
.group-calendar .calendar .top #data-date-calendar
{
    font-family: 'HIRAKAKUPRON-W6';
    letter-spacing: 1.5px;
}
.group-calendar .calendar .top button
{
    border: none;
    background: none;
    font-size: 1.25rem;
    color: #FFF;
    font-weight: 300;
    cursor: pointer;
    opacity: 1;
}
.group-calendar .calendar .bot
{
    margin-top: 10px;
}
#show-calendar .ui-datepicker
{
    width: 100%;
}
#show-calendar .ui-widget.ui-widget-content
{
    border: none;
    box-shadow: none;
    padding: 0;
}
#show-calendar .ui-datepicker .ui-datepicker-header
{
    display: none;
}
#show-calendar .ui-datepicker td
{
    height: 93px;
    text-align: center;
    vertical-align: middle;
    border: 2px solid #5ABEC8;
}
#show-calendar .ui-datepicker td a 
{
    border: none !important;
    font-size: 1.25rem;
    text-align: center;
    background: none !important;
}
#show-calendar .ui-datepicker td.active
{
    background: #EA8E97;
}
#show-calendar .ui-helper-clearfix:before,#show-calendar .ui-helper-clearfix:after
{
    display: none;
}
#show-calendar .ui-state-default, #show-calendar .ui-widget-content .ui-state-default, #show-calendar .ui-widget-header .ui-state-default,#show-calendar .ui-button, html #show-calendar .ui-button.ui-state-disabled:hover, html #show-calendar .ui-button.ui-state-disabled:active
{
    border: none;
    background: none;
    font-size: 1.25rem;

    text-align: center;
}
#show-calendar .ui-datepicker th
{
    height: 66px;
    vertical-align: middle;
    font-size: 1.25rem;
    border: 2px solid #5ABEC8;
    color: #4d4d4d;
    background: #E6E6E6;
    font-weight: 300;
}
.note-calendar
{
    margin-top: 10px;
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #FFF;
}

.note-calendar .bg
{
    width: 50px;
    height: 25px;
    background: #EA8E97;
    margin-right: 10px;
}
@media(max-width: 768px)
{
    .medical-servicer-contact .des
    {
        font-size: 1.125rem;
    }
    .des-clinic .pc
    {
        display: none;
    }
    .des-clinic .mb
    {
        display: block;
    }
    .medical-servicer-contact .phone
    {
        font-size: 1.875rem;
        margin-top: 5px;
    }
    .medical-servicer .table table th
    {
        font-size: 0.875rem;
    }
    .medical-servicer .table table tr td
    {
        font-size: 0.875rem;
        height: 57px;
    }
    .medical-servicer .table table th:nth-child(1)
    {
        width: 110px;
    }
    .medical-servicer .table .title
    {
        font-size: 1.125rem;
    }
    .medical-servicer .table .title-small
    {
        font-size: 0.875rem;
        margin-top: 0;
    }
    .medical-servicer .table .note-table
    {
        font-size: 0.875rem;
    }
    .group-calendar .title
    {
        font-size: 1.125rem;
    }
    .group-calendar .calendar .top button
    {
        font-size: 0.875rem;
    }
    .group-calendar .calendar .top
    {
        font-size: 1rem;
    }
    #show-calendar .ui-datepicker th
    {
        font-size: 1.125rem;
        height: 40px;
        padding: 0;
    }
    #show-calendar .ui-datepicker td a
    {
        font-size: 1.125rem;
    }
    #show-calendar .ui-datepicker td
    {
        height: 57px;
    }
    #show-calendar .ui-state-default, #show-calendar .ui-widget-content .ui-state-default, #show-calendar .ui-widget-header .ui-state-default, #show-calendar .ui-button, html #show-calendar .ui-button.ui-state-disabled:hover, html #show-calendar .ui-button.ui-state-disabled:active
    {
        font-size: 1.125rem;
    }
    .note-calendar
    {
        font-size: 1rem;
    }
    .note-calendar .bg
    {
        height: 17px;
        width: 36px;
    }
}

/*
==============================================================================
========================== End 2106八王子クリニック_八王子クリニック新町_4th ==========
==============================================================================
*/
/*
==============================================================================
========================== 2106八王子クリニック_小外科_4th ==========
==============================================================================
*/
.group-step
{
    padding-bottom: 65px;
}
.group-step .step-top
{
    background: #83D1EC;
    text-align: center;
    padding: 25px 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    overflow: hidden;
    box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
}
.group-step.bg2 .step-top
{
    background: #EA8E97;
}
.group-step.bg3 .step-top
{
    background: #FFCB67;
}
.group-step.bg4 .step-top
{
    background: #9DD260;
}
.group-step .step-bot
{
    padding-top: 25px;
}
.group-step .step-top .title-page
{
    color: #FFF;
    
}
.group-step .step-top .title-page h2
{
    display: flex;
    align-items: center;justify-content: center;
    flex-wrap: wrap;
}
.group-step .step-top .title-page .small
{
    font-size: 1.375rem;
}
.group-step .step-content
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 30px;

}
.group-step .step-content .step-left
{
    padding: 25px 25px;
    border: 1px solid #999999;
     border-radius: 10px;
}
.group-step.bg3 .step-content .step-left .step-img
{
    margin-top: 45px;
    margin-bottom: 75px;
}
.group-step.bg1 .step-content .step-left.grid .step-img
{
    margin-top: 45px; margin-bottom: 65px;
}
.group-step .step-content .step-left .step-img
{
    text-align: center;
}
.group-step .step-content .step-left .step-des
{
    font-size: 1.25rem;
    margin-top: 10px;
    line-height: 140%;
}
.group-step.bg4 .step-content .step-left .step-des, .group-step.bg3 .step-content .step-left .step-des
{
    font-size: 1.18rem;
}
.group-step .step-content .step-right .step-des-title
{
    font-size: 1.25rem;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-step .step-content .step-right .step-des-img
{
    text-align: center;
}
.group-step .step-content .step-right .step-des-text
{
    font-feature-settings: "palt";
}
.group-step.bg1 .step-content .step-right .step-des-title span
{
    color: #83D1EC;
}
.group-step.bg2 .step-content .step-right .step-des-title span
{
    color: #EA8E97;
}
.group-step.bg3 .step-content .step-right .step-des-title span
{
    color: #FFCB67;
}
.group-step.bg4 .step-content .step-right .step-des-title span
{
    color: #9DD260;
}
.group-step .step-content .step-right .step-des-right
{
    margin-bottom: 20px;
    line-height: 170%;
    font-size: 1.125rem;
}
.group-step .step-content .step-right .step-des-right:last-of-type
{
    margin-bottom: 0;
}
.group-step .step-list
{
    margin-top: 25px;
    background: #F7F5F2;
    padding: 25px 65px;
}
.group-step .step-list .title-step-list
{
    font-size: 1.625rem;
    line-height: 130%;
    text-align: center;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-step.bg1 .step-list .title-step-list
{
    color: #83D1EC;
    
}
.group-step.bg2 .step-list .title-step-list
{
    color: #EA8E97;
}
.group-step.bg3 .step-list .title-step-list
{
    color: #FFCB67;
}
.group-step.bg4 .step-list .title-step-list
{
    color: #9DD260;
}
.group-step .step-list .list-item
{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 65px;
    margin-top: 10px;
}
.group-step .step-list .list-item .item .img
{
    width: 100%;
}
.group-step .step-list .list-item .item .name
{
    font-size: 1.125rem;
    margin-top: 5px;
    font-feature-settings: "palt";
    margin-right: -30px;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-step .step-list .list-item .item .des
{
    font-size: 1.125rem;
    font-weight: 300;
    line-height: 130%;
    text-align: justify;
    font-feature-settings: "palt";
    margin-top: 5px;
}
.group-step-link
{
    max-width: 497px;
    padding: 30px 85px;
    background: #D7F3FE;
    margin: auto;
    margin-top: 50px;
}
.group-step-link .title
{
    font-size: 1.625rem;
    text-align: center;
    line-height: 130%;
     font-family: 'HIRAKAKUPRON-W6';
}
.group-step-link .link
{
    display: flex;
    margin-top: 10px;
    justify-content: center;
}
.group-step-link .link a
{
    width: 100%;
    padding: 20px 0;
    background: #4674C1;
    color: #FFF;
    text-align: center;
    font-size: 1.375rem;
    border-radius: 10px;
}
@media(max-width: 960px)
{
    .group-step .step-list .list-item
    {
        grid-gap: 30px;
    }
    .group-step .step-list .list-item .item .des
    {
        text-align: left;
    }
    .group-step .step-list .list-item
    {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        max-width: 400px;
        margin: auto;
        margin-top: 20px;
    }
    .group-step .step-list .list-item .item .img
    {
        text-align: center;
    }
}
@media(max-width: 768px)
{
    .clinic.small .list-desclinic .item .box
    {
        height: unset;
        min-height: unset;
    }
    .clinic.small .list-desclinic .item .img
    {
        height: unset;
    }
    .clinic.small .list-desclinic .item .img img
    {
        max-height: 40px;
    }
    .group-step .step-top
    {
        padding-bottom: 85px;
    }
    .group-step .step-content
    {
        display: block;
    }
    .group-step .step-bot
    {
        padding-top: 0;
        margin-top: -75px;
    }
    .group-step .step-content .step-left
    {
        background: #FFF;
        padding: 20px;
    }
    .group-step .step-content .step-left .step-des
    {
        font-size: 1rem;
    }
    .group-step .step-content .step-left .step-img
    {
        padding: 0 25px;
    }
    .group-step .step-content .step-right
    {
        margin-top: 20px;
    }
    .group-step .step-content .step-right .step-des-title
    {
        font-size: 1.0625rem;
    }
    .group-step .step-content .step-right .step-des-right
    {
        margin-bottom: 5px;
    }
    .group-step .step-list
    {
        margin-top: 5px;
        padding: 10px 20px;
        padding-bottom: 15px;
    }
    .group-step .step-list .mb
    {
        display: block;
    }
    .group-step .step-list .title-step-list
    {
        font-size: 1.25rem;
        background: #FFF;
        padding: 5px;
        padding-left: 25px;
        text-align: left;
    }
    .group-step.bg1 .step-list .title-step-list
    {
        border-left: 5px solid #83D1EC;
    }
    .group-step.bg2 .step-list .title-step-list
    {
        border-left: 5px solid #EA8E97;
    }
    .group-step.bg3 .step-list .title-step-list
    {
        border-left: 5px solid #FFCB67;
    }
    .group-step.bg4 .step-list .title-step-list
    {
        border-left: 5px solid #9DD260;
    }
    .group-step .step-list .list-item
    {
        display: block;
        max-width: unset;
    }
    .group-step .step-list .list-item .item
    {
        display: grid;
        grid-template-columns: 108px auto;
        grid-gap: 20px;
        margin-bottom: 15px;
    }
    .group-step .step-list .list-item .item:last-of-type
    {
        margin-bottom: 0;
    }
    .group-step .step-list .list-item .item .des
    {
        font-size: 1rem;
        text-align: left;
    }
    .group-step
    {
        padding-bottom: 20px;
    }
    .group-step .step-top img
    {
        max-height: 35px;
    }
    .group-step .step-top
    {
        padding-top: 15px;
    }
    .group-step .cv-ivh
    {
        padding: 0 30px;
    }
    .group-step.bg3 .step-content .step-left .step-img
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .group-step.bg3 .step-content .step-left.grid
    {
        padding-top: 10px;
    }
    .group-step.bg3 .step-content .step-left.grid .step-img img
    {
        max-width: 168px;
    }
    .group-step .step-content .step-left .step-des
    {
        text-align: justify;
    }
    .group-step .step-content .step-right .step-des-right
    {
        font-size: 1rem;
    }
    .group-step.bg1 .step-content .step-left.grid .step-img
    {
        margin-top: 0;
        margin-bottom: 0;
    }
    .group-step-link .title
    {
        font-size: 1.125rem;
    }
    .group-step-link
    {
        margin-top: 10px;
        padding: 25px 0; 
    }
    .group-step-link .link
    {
        justify-content: center;
    }
    .group-step-link .link a
    {
        font-size: 1rem;
        padding: 15px 0;
        max-width: 205px;
    }
    .group-step .step-top .title-page .small
    {
        font-size: 1.125rem;
    }
    .group-step .step-top
    {
        border-radius: 0;
    }
}
@media(max-width: 374px)
{
    .group-step .step-list .title-step-list
    {
        font-size: 1rem;
        padding-left: 10px;
    }
    .group-step .step-list .list-item .item
    {
        grid-template-columns: 80px auto;
        grid-gap: 10px;
        margin-bottom: 5px;
    }
    .group-step .step-list .list-item .item .name
    {
        font-size: 1rem;
        margin-right: 0;
        margin-top: 0;
    }
    .group-step .step-list .list-item .item .des
    {
        font-size: 1rem;
        margin-top: 0;
    }
    .group-step .step-content .step-left .step-des
    {
        font-size: 1rem;
    }
    .group-step .step-content .step-right .step-des-text
    {
        font-size: 1rem;
    }
}
/* 
==============================================================================
========================== End2106八王子クリニック_小外科_4th ==========
==============================================================================
*/
/* 
==============================================================================
========================== 2106八王子クリニック_痔の日帰り手術_4th ==========
==============================================================================
*/
.group-surgery
{
    background: #F7F5F2;
    margin-top: -10px;
    padding: 40px 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
}
.des-page
{
    font-size: 1.125rem;
    margin-top: 5px;
    text-align: center;
}
.list-surgery
{
    display: grid;
    margin-top: 25px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 33px;
}
.list-surgery .item
{
    text-align: center;
    min-height: 275px;
    background: url(../images/hemo/icon-link-page9.png) no-repeat;
    background-color: #FFF;
    background-position: center bottom 30px;
    border-radius: 10px;
    border: 2px solid #83B7EE;
    padding: 25px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
    padding-bottom: 55px;
    height: 100%;
    color: #4d4d4d;
}
.list-surgery .item02
{
    text-align: center;
    min-height: 275px;
    background: url(../images/hemo/icon-link-page9.png) no-repeat;
    background-color: #FFF;
    background-position: center bottom 30px;
    border-radius: 10px;
    border: 2px solid #5ABEC8;
    padding: 25px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
    padding-bottom: 55px;
    height: 100%;
    color: #4d4d4d;
}
.list-surgery .item a
{
    color: #4d4d4d;
}
.list-surgery .item .icon
{
    height: 53px;
}
.list-surgery .item .images
{
    height: 200px;
}
.list-surgery .item .name
{
    color: #84BADD;
    font-size: 1.5rem;
    margin-top: 20px;
    line-height: 130%;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-surgery .item .des
{
    margin-top: 10px;
    font-size: 1.125rem;
    line-height: 170%;
}
.list-surgery .item .des p
{
	text-align: center;
}
.group-undertand
{
    padding-top: 40px;
    padding-bottom: 55px;
}
.list-undertand
{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 30px;
    margin-top: 20px;
}
.list-undertand .item
{
    text-align: center;
    padding: 0px;
    
    background: url(../images/hemo/icon-link-page9.png) no-repeat;
    background-color: #FFFFFF;
    background-position: center bottom 20px;
    border-radius: 10px;
    padding-bottom: 65px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 10%);
    height: 100%;
}
.list-undertand a
{
    color: #4d4d4d;
}
.list-undertand .item .icon
{
    height: 0px;
}
.list-undertand .item img
{
    width: 100%;
	border-radius: 10px 10px 0 0;
	margin: 0
	
}
.list-undertand .item a
{
    color: #4d4d4d;
}
.list-undertand .item .name
{
    margin-top: 200px;
    font-size: 1.675rem;
    line-height: 130%;
    font-family: 'HIRAKAKUPRON-W6';
}
.list-undertand .item .des
{
    margin-top: 10px;
    font-size: 1.3rem;
    text-align: center;
    line-height: 170%;
}
.list-undertand .item .des p
{text-align: center}

.list-surgery2{
    display: grid;
    margin-top: 25px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 33px;
}
.list-surgery2 .item{
    text-align: center;
    min-height: 275px;
    background: url(../images/hemo/icon-link-btn.png) no-repeat;
    background-color: #FFF;
    background-position: center bottom 30px;
    border-radius: 10px;
    border: 2px solid #83B7EE;
    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
    padding-bottom: 55px;
    height: 100%;
    color: #4d4d4d;
}
.list-surgery2 .item02{
    text-align: center;
    min-height: 275px;
    background: url("../images/hemo/icon-link-btn.png") no-repeat;
    background-color: #FFF;
    background-position: center bottom 30px;
    border-radius: 10px;
    border: 2px solid #5ABEC8;
    padding: 25px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
    padding-bottom: 55px;
    height: 100%;
    color: #4d4d4d;
}
.list-surgery2 .item a
{
    color: #4d4d4d;
}
.list-surgery2 .item .icon
{
    height: 53px;
}
.list-surgery2  .item img
{
    width: 100%;
	border-radius: 10px 10px 0 0;
	margin: 0
	
}
.list-surgery2 .item .images{
    height: 200px;
}
.list-surgery2 .item .name{
    color: #DD7DB0;
    font-size: 1.5rem;
    margin-top: 20px;
    line-height: 130%;
}
.list-surgery2 .item .des{
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5;
}
.list-surgery2 .item .des p{
	text-align: center;
}
.list-surgery3
{
    display: grid;
    margin-top: 25px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 33px;
}
.list-surgery3 .item{
    text-align: center;
    min-height: 275px;
    background: url("../images/treatment/icon-link-btn.png") no-repeat;
    background-color: #FFF;
    background-position: center bottom 30px;
    border-radius: 10px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
    padding-bottom: 55px;
    height: 100%;
    color: #4d4d4d;
}
.list-surgery3 .item a
{
    color: #4d4d4d;
}
.list-surgery3 .item .icon
{
    height: 53px;
}
.list-surgery3  .item img
{
    width: 100%;
	border-radius: 10px 10px 0 0;
	margin: 0
	
}
.list-surgery3 .item .images{
    height: 200px;
}
.list-surgery3 .item .name{
    color: #2796DE;
    font-size: 1.5rem;
    margin: 20px 10px 0;
    line-height: 130%;
}
.list-surgery3 .item .des{
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5;
}
.list-surgery3 .item .des p{
	text-align: center;
}
.list-surgery1
{
    display: grid;
    margin-top: 25px;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 33px;
}
.list-surgery1 .item{
    text-align: center;
    min-height: 275px;
    background: url("../images/hemo/icon-link-btn1.png") no-repeat;
    background-color: #FFF;
    background-position: center bottom 30px;
    border-radius: 10px;
    box-shadow: 0 0px 5px rgb(0 0 0 / 20%);
    padding-bottom: 55px;
    height: 100%;
    color: #4d4d4d;
}
.list-surgery1 .item a
{
    color: #4d4d4d;
}
.list-surgery1 .item .icon
{
    height: 53px;
}
.list-surgery1  .item img
{
    width: 100%;
	border-radius: 10px 10px 0 0;
	margin: 0
	
}
.list-surgery1 .item .images{
    height: 200px;
}
.list-surgery1 .item .name{
    color: #5abec8;
    font-size: 1.5rem;
    margin: 20px 10px 0;
    line-height: 130%;
}
.list-surgery1 .item .des{
    margin-top: 10px;
    font-size: 1rem;
    line-height: 1.5;
}
.list-surgery1 .item .des p{
	text-align: center;
}
@media(max-width: 960px)
{
    .list-surgery
    {
        grid-gap: 15px;
    }
	.list-surgery1,.list-surgery2,.list-surgery3
    {
        grid-gap: 15px;
    }
    .list-undertand .item .des
    {
        font-size: 1rem;
    }
    .list-undertand .item .name
    {
        font-size: 1.375rem;
    }
}
@media(max-width: 860px)
{
    .list-surgery .item .name
    {
        font-size: 1.125rem;
    }
	 .list-surgery1 .item .name,.list-surgery2 .item .name,.list-surgery3 .item .name
    {
        font-size: 1.125rem;
    }
}
@media(max-width: 768px)
{
    .group-surgery
    {
        padding: 25px 0;
        margin-top: 0;
        border-radius: unset;
        box-shadow: none;
    }
    .list-surgery
    {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
	.list-surgery1,.list-surgery2,.list-surgery3
    {
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 20px;
    }
    .list-surgery .item .name
    {
        font-size: 1.125rem;
        margin-top: 10px;
    }
    .list-surgery .item .des
    {
        font-size: 1rem;
        margin-top: 5px;
    }
    .list-surgery .item
    {
        min-height: 100px;
        padding: 15px 5px;
        padding-bottom: 50px;
        background-position: center bottom 20px;
    }
	.list-surgery1 .item .des,.list-surgery2 .item .des,.list-surgery3 .item .des
    {
        font-size: 1rem;
        margin-top: 5px;
    }
    .list-surgery1 .item,.list-surgery2 .item,.list-surgery3 .item
    {
        min-height: 100px;
        padding-bottom: 50px;
        background-position: center bottom 20px;
    }
    .des-page
    {
        font-size: 1rem;
    }
    .group-undertand
    {
        padding: 25px 0;
        padding-bottom: 35px;
    }
    .list-undertand
    {
        grid-template-columns: repeat(1, 1fr);
        max-width: 360px;
        grid-gap: 15px;
        margin: auto;
        margin-top: 20px;
    }
    .list-undertand .item
    {
        display: grid;
        grid-template-columns: 65px auto;
        align-items: center;
        padding: 15px 0;
        padding-right: 40px;
        background-position: center right 15px;
    }
    .list-undertand .item .name
    {
        margin-top: 300px;
        text-align: left;
        font-size: 1.0625rem;
    }

    .list-undertand .item .des
    {
        margin-top: 5px;
        font-size: 1rem;
        text-align: left;
    }
}
@media(max-width: 399px)
{
    .list-surgery .item .name
    {
        font-size: 1rem;
    }
    .list-surgery .item .des
    {
        font-size: 0.875rem;
    }
    .list-surgery
    {
        grid-gap: 10px;
    }
	.list-surgery2 .item .name
    {
        font-size: 1rem;
    }
    .list-surgery2 .item .des
    {
        font-size: 0.875rem;
    }
    .list-surgery2
    {
        grid-gap: 10px;
    }
}
@media(max-width: 375px)
{
    .list-surgery .item .name
    {
        font-size: 0.875rem;
    }
	.list-surgery2 .item .name
    {
        font-size: 0.875rem;
    }
    .list-undertand .item .des
    {
        font-size: 1rem;
    }
}
/* 
==============================================================================
========================== End 2106八王子クリニック_痔の日帰り手術_4th =============
==============================================================================
*/
/* 
==============================================================================
========================== 2106八王子クリニック_斗南堂グループ_4th ==================
==============================================================================
*/
.des-clinic .title
{
    font-size: 1.875rem;
    line-height: 130%;
    font-family: 'HIRAKAKUPRON-W6';
}
.des-clinic .des
{
    font-size: 1.125rem;
    font-weight: 300;
    margin-top: 10px;
    line-height: 140%;
}
.group-address
{
    margin-top: -10px;
    background: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
    box-shadow: 0 -3px 3px rgb(0 0 0 / 10%);
    padding-bottom: 100px;
    padding-top: 40px;
}
.list-address
{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 40px;
    max-width: 700px;
    margin: auto;
    margin-top: 40px;
}
.list-address a
{
    color: #4d4d4d;
}
.list-address .des
{
    font-size: 1.25rem;
    font-weight: 300;
    text-align: center;
    margin-top: 5px;
}
.elderly-avatar .content .link-avatar .link-page
{
    color: #5ABEC8;
}
.group-tonando
{
    margin-top: 100px;
    background: url(../images/page8/bg-tonando.png) no-repeat;
    background-size: cover;
    background-position: bottom center;
    padding-top: 50px;
    padding-bottom: 120px;
}
.title-page-white
{
    font-size: 2.5rem;
    text-align: center;
    line-height: 130%;
    color: #FFF;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-tonando .des
{
    color: #FFF;
    line-height: 170%;
    text-align: center;
    margin-top: 35px;
    font-size: 1.125rem;
    letter-spacing: 2px;
}
.group-history
{
    padding-top: 50px;
    padding-bottom: 65px;
}
.group-history .list-history
{
    margin-top: 40px;
}
.group-history .list-history .item
{
    display: grid;
    grid-template-columns: 130px auto;
    letter-spacing: 2px;
    
}
.group-history .list-history .item .title
{
    font-size: 1.125rem;
    text-align: center;
    border-right: 1px solid #b5b5b6;
    padding-right: 20px;
    margin-right: 20px;
    padding-bottom: 40px;
    line-height: 140%;
    position: relative;
    padding-top: 1px;
}
.group-history .list-history .item .title:before
{
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    background: #5ABEC8;
    border-radius: 100%;
    top: 8px;
    transform: translateX(50%);
    right: 0;
}
.group-history .list-history .item .title.icon-center:before
{
    top: 22px;
}
.group-history .list-history .item .title p
{
    font-size: 1.375rem;
    margin-top: 5px;
}
.group-history .list-history .item .des
{
    font-size: 1.375rem;
    padding-bottom: 40px;
    line-height: 140%;
}
.group-history .list-history .item:last-of-type .des
{
    padding-bottom: 0;
}
.group-history .list-history .item:last-of-type .title
{
    padding-bottom: 0;
}
.group-phone
{
    padding-top: 35px;
    padding-bottom: 45px;
    background: #5ABEC8;
    text-align: center;
}
.group-phone .title-page
{
    color: #FFFF87;
}
.group-phone .list-phone .item
{
    margin-top: 35px;
}
.group-phone .list-phone .item .name
{
    font-size: 1.625rem;
    color: #FFF;
    font-family: 'HIRAKAKUPRON-W6';
}
.group-phone .list-phone .item .phone
{
    color: #FFF;
    font-size: 2.5rem;
    line-height: 140%;
    margin-top: 10px;
    font-weight: 800;
    font-family: 'HIRAKAKUPRON-W6';
}
@media(max-width: 768px)
{
    .des-clinic .title
    {
        font-size: 1.25rem;
    }
    .des-clinic .des
    {
        font-size: 1rem;
    }
    .group-address
    {
        border-radius: unset;
        margin-top: 0;
        box-shadow: none;
        padding-top: 20px;
        padding-bottom: 35px;
    }
    .list-address
    {
        margin-top: 15px;
        grid-gap: 20px;

    }
    .list-address .des
    {
        font-size: 0.9375rem;
    }
    .elderly-avatar .content
    {
        margin-top: 30px;
    }
    .group-tonando
    {
        margin-top: 40px;
    }
    .title-page-white
    {
        font-size: 1.875rem;
    }
    .group-tonando
    {
        padding-top: 40px;
        padding-bottom: 60px;
        background-image: url('../images/page8/bg-tonando-mb.png');
    }
    .group-tonando .des
    {
        font-size: 1rem;
        margin-top: 20px;
    }
    .mb-hidden
    {
        display: none;
    }
    .group-tonando .des .mb
    {
        display: block;
    }
    .group-tonando .des .pc
    {
        display: none;
    }
    .group-history .list-history .item
    {
        grid-template-columns: 100px auto;
        
    }
    .group-history .list-history
    {
        margin-top: 25px;
    }
    .group-history .list-history .item .title
    {
        font-size: 0.8125rem;
        padding-bottom: 20px;
        padding-right: 15px;
        margin-right: 15px;
    }
    .group-history .list-history .item .title p
    {
        font-size: 1rem;
    }
    .group-history .list-history .item .des
    {
        font-size: 1rem;
        line-height: 170%;
        text-align: justify;
        padding-bottom: 20px;
    }
    .group-history .list-history .item .title.icon-center:before
    {
        top: 5px;
    }
    .group-history .list-history .item .title:before
    {
        top: 5px;
    }
    .group-history
    {
        padding-bottom: 35px;
        padding-top: 30px;
    }
    .group-phone
    {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .group-phone .list-phone .item
    {
        margin-top: 20px;
    }
    .group-phone .list-phone .item:nth-child(1)
    {
        margin-top: 10px;   
    }
    .group-phone .list-phone .item .name
    {
        font-size: 1.125rem;
    }
    .group-phone .list-phone .item .phone
    {
        margin-top: 5px;
        font-size: 1.875rem;
    }
}
@media(max-width: 399px)
{
    .des-clinic .des
    {
        font-size: 1rem;
    }
    .list-address .des
    {
        font-size: 1rem;
    }
    .elderly-avatar .content .title-content
    {
        font-size: 1.125rem;
        padding: 0;
        line-height: 140%;
    }
    .group-tonando .des
    {
        font-size: 1rem;
    }
    .group-history .list-history .item .des
    {
        font-size: 1rem;
    }
}
@media(max-width: 375px)
{
    .elderly-avatar .content .title-content
    {
        font-size: 1rem;
    }
    .group-tonando .des
    {
        font-size: 0.75rem;
    }
    .group-history .list-history .item .des
    {
        font-size: 0.75rem;
    }
}
/* 
==============================================================================
========================== End 2106八王子クリニック_斗南堂グループ_4th ==============
==============================================================================
*/

/*
==============================================================
========================== Footer ============================
==============================================================
*/

.footer
{
}
.footer-top
{
    background: #6BAFB7;
    color: #FFF;
    padding: 25px 0px;
    font-size: 1.125rem;
    font-weight: 300;
}
.footer-top a
{
    color: #FFF;
}
.footer-top .footer-main
{
    display: flex;
    margin-top: 5px;
}
.footer-top .footer-left
{
    flex: 1;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.footer-top .footer-right
{
    width: 50%;
    margin-left: 20px;
     border-top: 1px solid rgba(255, 255, 255, 0.5);
}
.footer-top .footer-li
{
    margin-top: 10px;
    padding-left: 15px;
    background: url('../images/arrow-color3.png') no-repeat;
    background-position: left 0px top 7px;
    font-size: 1rem;
    font-weight: 300;
}
.footer-bot
{
    padding: 25px 0;
    text-align: center;
	background-color: #F6F6F6
}
.footer-bot .logo
{
    max-width: 200px;
    margin: auto;
}
.footer-bot .text-link img
{
    height: 37px;
}
.footer-bot .text-link
{
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 13px;
}
.footer-bot .text-link a
{
    margin: 0 15px;
    color: #4d4d4d;
}
.footer-bot .copy
{
    font-size: 14px;
    display: flex;align-items: center;
    justify-content: center;
}
.footer-bot .copy span
{
    font-size: 21px;
}
.scrollup
{
    color: #fff;
    background: #4BC6CB;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    display: inline-block;
    border-radius: 100%;
    bottom: 35px;
    right: 40px;
    position: fixed;
    z-index: 800;
    cursor: pointer;
}
.scrollup i
{
    position: absolute;
    left: 11px;
    top: 14px;
    border: solid white;
    border-width: 0 6px 6px 0px;
    display: inline-block;
    padding: 4px;
    width: 18px;
    height: 18px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
}
@media(max-width: 768px)
{
    .scrollup
    {
        right: 25px;
    }
    .footer-top .footer-main
    {
        display: block;
    }
    .footer-top .footer-right
    {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }
    .footer-bot .text-link
    {
        display: none;
    }
    .footer-bot
    {
        padding: 20px 0;
    }
    .footer-top .footer-right 
    {
        margin-top: 10px;
        padding-top: 10px;
    }
    .footer-top .footer-right .footer-li
    {
        margin-top: 5px;
    }
}
/*
==============================================================
========================= End Footer =========================
==============================================================
*/
.sp {
    display: none;
}
.pc {
    /*display: block;*/
}
.pc.inline {
    display: inline-block;
}
.under section,
.under [class*="section"] {
    margin-bottom: 75px;
}
.under .main section a,
.under .main [class*="section"] a {
    color: #5abec8;
}
.under section.has-background,
.under [class*="section"].has-background {
    padding: 36px 0 50px;
    background-color: #f7f5f2;
}
.under h3 {
    font-size: 2.5rem;
    color: #5abec8;
    text-align: center;
    margin-bottom: 25px;
    line-height: 1.75em;
    letter-spacing: 4px;
    font-family: 'HIRAKAKUPRON-W6';
}
.under .btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 415px;
    margin: 0 auto;
    font-size: 1.375rem;
    color: #5abec8;
    border: 2px solid #5abec8;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    padding: 30px 10px;
    transition: all 0.3s ease;
    background: #FFF;
}
.under .btn-2 {
    background-color: #fff;
    border-color: #fff;
    color: #4d4d4d;
}
.btn-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.btn-list li {
    width: calc(100% / 2 - 15px);
    max-width: 415px;
    margin: 0 7.5px;
}
.main-txt {
    padding: 42px 20px 55px;
    text-align: center;
    color: #fff;
    font-weight: 500;
    font-size: 1.625rem;
    background: #006699;
    letter-spacing: 4px;
    line-height: 1.6em;
    margin-bottom: 35px;
}
/* # Default under */
.anchor-link-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.anchor-link-list a {
    display: block;
    font-size: 1.125rem;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid #c9caca;
    border-radius: 6px;
    color: #4c4c4c;
    letter-spacing: 0.5px;
    font-weight: normal;
    padding: 3px;
}
/* # Anchor link */

.bg-box-right {
    position: relative;
    z-index: 1;
}
.bg-box-right:after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    height: 100%;
    width: 69%;
    z-index: -1;
    background-color: #f7f5f2;
}
/**ubox-list***/
[class*="linebg-"] {
    position: relative;
    z-index: 1;
}

[class*="linebg-"]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    background: #006699;
    top: 0;
    left: 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
}
.linebg-blue:before {
    background: #83d1ec;
}

.ubox-list-round {
    padding: 30px 0 55px;
    margin-bottom: 47px;
}

.linebg-white:before {
    background: #fff;
}

.ubox-list-round .btn {
    margin-top: 60px;
    background: #FFF;
}

.ubox-list > li {
    display: table;
    overflow: hidden;
    width: 100%;
    margin-bottom: 15px;
    border-radius: 10px;
    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1), 0px 0px 6px rgba(0, 0, 0, 0.1), 0px 0px 6px rgba(0, 0, 0, 0.1);
    background: #fff;
    position: relative;
    transition: 0.2s all ease;
}

.ubox-list > li:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 35px;
    transform: translateY(-50%);
    width: 22px;
    height: 22px;
    background: url(../images/page5/arrow-link-section1.png) no-repeat center;
    background-size: contain;
    transition: all 0.3s ease;
}

.ubox-list .ico,
.ubox-list .contxt {
    display: table-cell;
    vertical-align: middle;
}

.ubox-list > li:last-child {
    margin-bottom: 0;
}
.ubox-list .box-bg-blue {
    background-color: #f0ffff;
}
.ubox-list .box-bg-pink {
    background-color: #fff5fa;
}
.ubox-list .box-bg-yellow {
    background-color: #ffffe6;
}
.ubox-list .box-bg-green {
    background-color: #f0fff0;
}
.ubox-list .ico {
    width: 140px;
    background: #ea8e97;
    text-align: center;
    line-height: 0;
}
.ubox-list .ico.bg-blue {
    background: #83d1ec;
}
.ubox-list .ico.bg-yellow {
    background: #ffcb67;
}
.ubox-list .ico.bg-green {
    background: #9dd260;
}
.ubox-list .ico img {
    max-width: 46px;
}

.u-tit01 {
    font-size: 1.625rem;
    line-height: 1.6em;
    margin-bottom: 8px;
    letter-spacing: 4px;
    font-family: 'HIRAKAKUPRON-W6';
}

.ubox-list .txt {
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.6em;
    letter-spacing: 1px;
}

.ubox-list .contxt {
    padding: 22px 40px 22px 28px;
}

.ubox-list .pr {
    padding-right: 12px;
}

.ubox-list .a-link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.under-banner {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 245px;
    background-image: url(../images/page5/human-dock1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.under-banner span {
    font-size: 2.5rem;
    letter-spacing: 2px;
    color: #5abec8;
    text-align: center;
    line-height: 1.2em;
    padding: 20px;
    font-family: 'HIRAKAKUPRON-W6';
}
/* Box banner */
.box-banner-content .box-content {
    padding: 45px 115px 65px;
    background-color: #f7f5f2;
}
.box-banner-content .box-content h4 {
    font-size: 1.625rem;
    letter-spacing: 3px;
    text-align: center;
    margin-bottom: 30px;
    line-height: 1.65em;
    font-family: 'HIRAKAKUPRON-W6';
}
.box-banner-content .box-content .txt {
    font-size: 1.125rem;
    line-height: 1.75em;
    margin-bottom: 30px;
}
.box-banner-content .box-content .p-btn {
    margin-bottom: 25px;
}
.box-banner-content .box-content .btn-link {
    margin-top: 15px;
    display: inline-block;
    color: #5abec8;
}
/* Section 3 */
.under .section3 {
    margin-bottom: 100px;
}
.under .section3 h3 {
    margin-bottom: -4px;
}
.under .section3 .container-page {
    max-width: 795px;
    margin: 0 auto;
}
/* Under blog */
.under-blog {
    /*max-height: 325px;*/
    overflow-y: auto;
    margin-bottom: 15px;
    word-break: break-all;
}
.under-blog li {
    border-top: 1px solid #b3b3b3;
    padding: 20px;
}
.under-blog li:last-child {
    border-bottom: 1px solid #b3b3b3;
}
.under-blog .title {
    font-size: 1.625rem;
    line-height: 1.15em;
    margin-bottom: 10px;
}
.under-blog .description {
    font-size: 1.125rem;
    line-height: 1.65em;
}
.under .btn-link {
    display: inline-block;
    color: #4d4d4d;
    letter-spacing: 2px;
}
.under .btn-link span {
    font-size: 0.625rem;
    color: #5abec8;
    vertical-align: top;
}
/* Table calendar */
.under .box-tbl-calendar {
    max-width: 585px;
    margin: -12px auto 85px;
}
.under .tbl-calendar {
    width: 100%;
    border-collapse: collapse;
}
.under .box-tbl-calendar .tbl-head {
    display: flex;
    justify-content: space-between;
    line-height: 1.75em;
    letter-spacing: 1.5px;
    margin-bottom: 20px;
}
.under .box-tbl-calendar .tbl-head .prev,
.under .box-tbl-calendar .tbl-head .next {
    font-size: 1.25rem;
}
.under .box-tbl-calendar .tbl-head .prev span,
.under .box-tbl-calendar .tbl-head .next span {
    color: #5abec8;
}
.under .box-tbl-calendar .tbl-head .date {
    font-size: 1.625rem;
    font-family: 'HIRAKAKUPRON-W6';
}
.under .tbl-calendar th,
.under .tbl-calendar td {
    text-align: center;
    font-size: 1.25rem;
    border: 1px solid #b3b3b3;
}
.under .tbl-calendar th {
    background-color: #e6e6e6;
    padding: 21px 10px;
}
.under .tbl-calendar td {
    padding: 34px 10px;
}
.under .tbl-calendar .bg-pink {
    background-color: #ea8e97;
}
.under .tbl-note {
    display: flex;
    align-items: center;
    margin-top: 15px;
    font-size: 1.375rem;
}
.under .tbl-note span {
    display: inline-block;
    width: 50px;
    height: 24px;
    background-color: #ea8e97;
    margin-right: 15px;
}


/* List icon */
.under .list-icon-link {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}
.under .list-icon-link li {
    flex: 0 0 29%;
    max-width: 246px;
    margin: 15px;
}
.under .list-icon-link a {
    display: block;
    position: relative;
    min-height: 241px;
    color: #4d4d4d;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 14px;
    padding: 30px 6px 60px;
}
.under .list-icon-link .icon {
    margin-bottom: 3px;
}
.under .list-icon-link .icon-link {
    position: absolute;
    bottom: 28px;
    left: 50%;
    transform: translateX(-50%);
}
.under .list-icon-link .title {
    font-size: 1.625rem;
    line-height: 1.3em;
    letter-spacing: 3px;
}


/* Section 5 */
.under .section5 {
    margin-bottom: 50px;
}
.under .section5 h3 {
    margin-bottom: 5px;
}
/* Box course */
.box-course {
    border: 2px solid #5abec8;
    background-color: #ffffc2;
    border-radius: 20px;
    overflow: hidden;
    text-align: center;
}
.box-course .box-head {
    background-color: #5abec8;
}
.under .box-course .box-head h3 {
    color: #ffffc2;
    margin-bottom: 0;
}
.box-course .box-body {
    padding: 20px 65px 45px;
}
.box-course .box-content1 {
    border-bottom: 1px solid #5abec8;
    padding-bottom: 32px;
    margin-bottom: 25px;
}
.box-course .box-body .title {
    color: #5abec8;
    font-size: 1.625rem;
    line-height: 1.75em;
    margin-bottom: -5px;
    letter-spacing: 1px;
    padding-right: 45px;
    font-family: 'HIRAKAKUPRON-W6';
}
.box-course .box-body .title span {
    padding-left: 45px;
    background: url(../images/page5/icon-search.png) no-repeat center left;
    background-size: 27px auto;
}
.box-course .box-body .txt {
    font-size: 1.125rem;
    line-height: 2.4em;
    letter-spacing: 4px;
    margin-bottom: 8px;
}
.box-course .course-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 10px;
}
.box-course .course-list.col-3 {
    grid-template-columns: repeat(3, 1fr);
}
.box-course .course-list li {
    text-align: center;
    background-color: #fff;
    border: 1px solid #c9caca;
    font-size: 1.125rem;
    line-height: 2.4em;
    letter-spacing: 0.5px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    padding: 2.5px;
}
.box-course .course-list li a
{
    color: #4d4d4d;
}
.box-course .box-body .box-content2 .title {
    margin-bottom: 12px;
}
/* Section 7 */
.under .section6 {
    margin-bottom: 65px;
}
/* Section 7 */
.under .section7.has-background {
    padding: 27px 0 65px;
    margin-bottom: 40px;
}
.under .section7 h3 {
    margin-bottom: 15px;
}
/* Section 8 */
.under .section8 h3 {
    margin-bottom: -3px;
}
.under .section8 .subtitle {
    font-size: 1.625rem;
    line-height: 1.75em;
    letter-spacing: 3px;
    margin-bottom: 3px;
    font-family: 'HIRAKAKUPRON-W6';
}
.under .section8 .txt {
    font-size: 1.125rem;
    line-height: 1.75em;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
.under .section8 .img {
    max-width: 795px;
    margin: 0 auto 15px;
}
.under .section8 .btn-link {
    margin-bottom: 55px;
}
/* Frame */
.under-frame {
    border: 1px solid #5abec8;
    padding: 34px 65px 15px;
}
.under-frame .box-unline {
    padding-bottom: 35px;
    margin-bottom: 30px;
    border-bottom: 1px solid #5abec8;
}
.frame-title {
    font-size: 1.625rem;
    color: #5abec8;
    letter-spacing: 4px;
    text-align: center;
    margin-bottom: 10px;
    line-height: 1.65em;
    font-family: 'HIRAKAKUPRON-W6';
}
.frame-list {
    list-style: decimal;
    padding-left: 20px;
}
.frame-list li {
    padding-left: 5px;
    font-size: 1.125rem;
    font-feature-settings: "palt";
    letter-spacing: 1px;
    line-height: 1.9em;
}
.frame-list.list-style-circle {
    list-style: none;
}
.frame-list.list-style-circle li {
    position: relative;
}
.frame-list.list-style-circle li:before {
    position: absolute;
    content: "○";
    left: -20px;
    top: 0;
}
/* Group contact */
.under .group-contact,
.under5 .group-contact{
    padding: 25px 0;
}
.under .group-contact .title,
.under6 .group-contact .title{
    margin-top: 10px;
    letter-spacing: 1px;
}
.under .group-contact .phone,
.under6 .group-contact .phone {
    letter-spacing: 4px;
    font-family: 'HIRAKAKUPRON-W6';
}
.under .list-box-link a,
.under6 .list-box-link a{
    margin-bottom: 15px;
}
/*  Page 2106八王子クリニック_全身ドック_4th */

.under6 .main-h2 {
    padding: 27px 20px;
    text-align: center;
    color: #fff;
    font-size: 1.625rem;
    background: #006699;
    letter-spacing: 4px;
    line-height: 1.6em;
}

[class*="_fx"] {
    display: flex;
}

._fxbl {
    justify-content: space-between;
    flex-wrap: wrap;
}

._fxc {
    justify-content: center;
}

._fxbc {
    justify-content: center;
    flex-wrap: wrap;
}

.under6 .section1 {
    margin-top: 20px;
}

/**ubox_list***/
[class*="linebg-"] {
    position: relative;
    z-index: 1;
}

[class*="linebg-"]:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 8px;
    background: #006699;
    top: -1px;
    left: 0;
    border-top-left-radius: 50px;
    border-top-right-radius: 50px;
    box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.05), 0px 0px 8px rgba(0, 0, 0, 0.05);
}

.linebg-blue:before {
    background: #83d1ec;
}

.linebg-pink1:before {
    background: #ea8e97;
}

.linebg-yellow:before {
    background: #ffcb67;
}

.linebg-green:before {
    background: #9dd260;
}

.linebg-violet:before {
    background: #beaaff;
}

.linebg-white:before {
    background: #fff;
}

.u-section {
    margin-bottom: 70px;
}
.under6 .section3 .container-page .u-section:nth-child(2){
    margin-bottom: 90px;
}
.under6 .section3 > .u-section{
    margin-bottom: 55px;
}
.under6 .ubox-list-round{
    padding: 30px 0 35px;
    margin-bottom: 58px;
}
/****u_list1***/
.u-tit02 {
    font-size: 2.5rem;
    line-height: 1.6em;
    color: #5abec8;
    margin-bottom: 16px;
    letter-spacing: 2.2px;
    font-family: 'HIRAKAKUPRON-W6';
}

.u-list1 {
    margin-bottom: 74px;
}

.u-list1 > li {
    width: 174px;
    text-align: center;
    align-items: center;
}

.u-list1 a {
    display: flex;
    padding: 20px 20px 58px;
    height: 100%;
    text-decoration: none;
    color: #83d1ec;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
    border: 3px solid #83d1ec;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}

.u-list1 a:after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 18px;
    width: 22px;
    height: 22px;
    background: url(../images/page6/ico_arrow.png) no-repeat center;
    background-size: contain;
    transition: all 0.3s ease;
}

.u-list1 p {
    width: 100%;
}

.u-list1 .ico {
    line-height: 0;
    margin-bottom: 10px;
}

.u-list1 .tit {
    font-size: 1.5rem;
    line-height: 1.5em;
}

.u-list1 .ico img {
    max-width: 46px;
}

.u-list1 > .c_pink a {
    border: 3px solid #ea8e97;
}

.u-list1 > .c_yellow a {
    border: 3px solid #ffcb67;
}

.u-list1 > .c_green a {
    border: 3px solid #9dd260;
}

.u-list1 > .c_violet a {
    border: 3px solid #beaaff;
}

.c-blue .tit {
    color: #83d1ec;
}

.c-pink1 .tit {
    color: #ea8e97;
}

.c-yellow .tit {
    color: #ffcb67;
}

.c-green .tit {
    color: #9dd260;
}

.c-violet .tit {
    color: #beaaff;
}

.u-list1 .c-pink1 a {
    border: 3px solid #ea8e97;
}

.u-list1 .c-yellow a {
    border: 3px solid #ffcb67;
}

.u-list1 .c-green a {
    border: 3px solid #9dd260;
}

.u-list1 .c-violet a {
    border: 3px solid #beaaff;
}

.box-section {
    padding: 35px 0 95px;
}

.under [class*="u-tit0"] {
    line-height: 1.6em;
}

.u-tit03 {
    font-size: 1.375rem;
    letter-spacing: 6px;
    font-weight: 500;
}

.u-tit04 {
    font-size: 1.75rem;
    font-weight: 600;
}

.u-h301 {
    font-size: 2rem;
    padding-top: 53px;
    text-align: center;
    margin-bottom: 35px;
    line-height: 1.4em;
    font-family: 'HIRAKAKUPRON-W6';
}

.u-h301 .u-tit03 {
    display: block;
    margin-top: 5px;
    font-weight: normal;
    font-family: 'HIRAKAKUPRON-W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.u-h301.cblue {
    background: url(../images/page6/u_img02.png) no-repeat center top;
    background-size: 48px;
}

.u-h301.cpink1 {
    background: url(../images/page6/u_img03.png) no-repeat center top;
    background-size: 48px;
}

.u-h301.cyellow {
    background: url(../images/page6/u_img04.png) no-repeat center top;
    background-size: 48px;
}

.u-h301.cgreen {
    background: url(../images/page6/u_img05.png) no-repeat center top;
    background-size: 48px;
}

.u-h301.cviolet {
    background: url(../images/page6/u_img06.png) no-repeat center top;
    background-size: 48px;
}

.cblue {
    color: #83d1ec;
}

.cpink1 {
    color: #ea8e97;
}

.cyellow {
    color: #eeb467;
}

.cgreen {
    color: #9dd260;
}

.cviolet {
    color: #beaaff;
}
.under6 .section3 .u-h301{
    margin-bottom: 23px;
}

.u-h401 {
    font-size: 1.75rem;
    line-height: 1.6em;
    margin-bottom: 30px;
    position: relative;
    padding-left: 36px;
    letter-spacing: 0.4px;
    font-family: 'HIRAKAKUPRON-W6';
}

.u-h401:before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 22px;
    height: 22px;
    background: #83d1ec;
}

.mb-12 {
    margin-bottom: 12px !important;
}

.sp-dlx {
    margin-bottom: 20px;
}

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

.u-circle {
    margin-bottom: 75px;
}

.u-circle > li {
    width: 335px;
    height: 335px;
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    border: 2px solid #83d1ec;
    background: #f5fffe;
    border-radius: 100%;
    position: relative;
    padding: 42px 25px;
}

.u-circle > li:last-child {
    margin-left: 60px;
}

.u-circle .u-tit03 {
    line-height: 1.5em;
    letter-spacing: 0;
}

.ico-plus:before {
    content: "";
    position: absolute;
    left: -47px;
    top: 50%;
    transform: translateY(-100%);
    background: url(../images/page6/ico_plus.png) no-repeat center;
    width: 31px;
    height: 31px;
    background-size: contain;
}

.u-circle .u-tit04 {
    color: #83d1ec;
    margin-bottom: 5px;
    line-height: 1.4em;
    font-family: 'HIRAKAKUPRON-W6';
}

.u-tbl01 {
    margin: 0 auto 30px;
}

.u-tbl01 dt {
    text-align: center;
    color: #fff;
    padding: 18px 20px;
    background: #83d1ec;
    font-size: 1.625rem;
    line-height: 1.6em;
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
    letter-spacing: 2px;
    font-family: 'HIRAKAKUPRON-W6';
}

.ul-tbl > li {
    display: table;
    background: #fff;
    width: 100%;
    min-height: 72px;
}

.ul-tbl > li > p {
    margin: 0;
    line-height: 1.6em;
    text-align: center;
    vertical-align: middle;
    height: 100%;
    border-right: 1px solid #5abec8;
    border-bottom: 1px solid #5abec8;
    display: table-cell;
    padding: 14px 10px;
    letter-spacing: 0.5px;
    font-size: 1.0625rem;
}

.ul-tbl .th p {
    background: #efefef;
    font-size: 1.25rem;
    line-height: 1.3em;
    padding: 10px;
}

.ul-tbl p {
    width: 30%;
}

.ul-tbl p:first-child {
    width: 11.5%;
}

.ul-tbl p:first-child {
    border-left: 1px solid #5abec8;
}

.w684 {
    max-width: 684px;
}

.ul-tbl [class*="ubox-"] {
    position: relative;
    z-index: 1;
    color: #fff;
    font-family: 'HIRAKAKUPRON-W6';
}

.ul-tbl [class*="ubox-"]:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: calc(100% - 14px);
    height: calc(100% - 14px);
    transform: translate(-50%, -50%);
    border-radius: 5px;
    z-index: -1;
}

.ubox-pink:after {
    background: #ff96b4;
}

.ubox-green:after {
    background: #8cdcdc;
}

.ubox-yellow:after {
    background: #ffc86e;
}

.ubox-violet:after {
    background: #aaa0e6;
}

.ubox-pink1:after {
    background: #ffc8d7;
}

.box-notes > li {
    display: inline-block;
    letter-spacing: 1px;
    margin-right: 15px;
}

.box-notes > li:last-child {
    margin-right: 0;
}

.box-notes .box {
    display: inline-flex;
    min-width: 76px;
    text-align: center;
    align-items: center;
    color: #fff;
    font-size: 0.6875rem;
    border-radius: 5px;
    padding: 5px 8px;
    line-height: 1.4em;
    margin-right: 10px;
    min-height: 25px;
    vertical-align: middle;
    font-family: 'HIRAKAKUPRON-W6';
}

.bg-pink {
    background: #ff96b4;
}

.bg-pink1 {
    background: #ffc8d7;
}

.bg-violet {
    background: #aaa0e6;
}

.bg-yellow {
    background: #ffc86e;
}

.bg-green {
    background: #8cdcdc;
}

.fnt-14 {
    font-size: 0.875rem;
}

.txt-mbt {
    margin: 7px auto 10px;
}

.u-tbl01 .text-right {
    margin-top: 16px;
}

.box-notes .label {
    position: relative;
    padding-left: 10px;
    display: inline-block;
    line-height: 1.4em;
    vertical-align: middle;
    padding-top: 2px;
}

.box-notes .mr {
    margin-right: 32px;
}

.box-notes .label:before {
    position: absolute;
    width: 5px;
    height: 1px;
    background: #4d4d4d;
    content: "";
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.w1000 {
    max-width: 1000px;
    margin: 0 auto 0;
}

.box-frm01 {
    margin: 0 auto;
    background: #ffebf0;
    padding: 35px 35px 40px;
    border-radius: 10px;
    overflow: hidden;
}

.u-h3line {
    color: #ff6e96;
    line-height: 1.6em;
    font-size: 1.625rem;
    text-align: center;
    margin-bottom: 25px;
    letter-spacing: 3.5px;
    font-family: 'HIRAKAKUPRON-W6';
}

.u-h3line span {
    display: inline-block;
    padding-bottom: 5px;
    border-bottom: 3px solid #ff6e96;
}

._fr {
    float: right;
    margin: 5px 0 20px 30px;
}

._fl {
    float: left;
}

.uimg-cen {
    text-align: center;
}

.box-img01 {
    max-width: 376px;
    padding: 20px;
    background: #fff;
    text-align: center;
    border: 1px solid #c9caca;
}

.box-img01 .img {
    line-height: 0;
}

.box-img01 .tit {
    color: #ff6e96;
    font-size: 1.25rem;
    line-height: 1.6em;
    margin-bottom: 12px;
    letter-spacing: 2px;
}
.grp-txt p {
    line-height: 1.65em;
    margin-bottom: 20px;
}

.grp-txt p:last-child {
    margin-bottom: 0;
}

.grp-txt .fnt-18 {
    line-height: 1.7em;
}

.fnt-18 {
    font-size: 1.125rem;
}

.w33 {
    width: 33.33%;
}

.w35 {
    width: 35%;
}

.sp_530 {
    display: none;
}

.u-box-dl {
    overflow: hidden;
    border-radius: 15px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
}

.u-box-dl > dt {
    text-align: center;
    color: #fff;
    padding: 17px 20px;
    background: #83d1ec;
    font-size: 1.625rem;
    line-height: 1.6em;
    letter-spacing: 3px;
    font-family: 'HIRAKAKUPRON-W6';

}

.u-box-dl > dd {
    padding: 30px 30px 35px;
    background: #fff;
}

[class*="u-table"] {
    border-collapse: collapse;
    width: 100%;
}

[class*="u-table"] th,
[class*="u-table"] td {
    font-size: 1.125rem;
}

.u-table-01 th,
.u-table-01 td {
    padding: 12px 10px;
    border-top: 1px solid #999;
    text-align: center;
    line-height: 1.6em;
    position: relative;
    vertical-align: middle;
}

.u-table-01 td:after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: calc(100% - 20px);
    background: #999;
}

.u-table-01 tr td:last-child:after {
    display: none;
}

.u-table-01 tr:first-child th {
    border-top: 0;
    padding-top: 0;
}

.w35 {
    width: 35%;
}

.w30 {
    width: 30%;
}

.w25 {
    width: 25%;
}
.w23 {
    width: 23%;
}

.u-table-01 tr:last-child td {
    border-bottom: 1px solid #999;
}

.u-table-01 th {
    padding-bottom: 5px;
    padding-top: 0;
}

.c-pink {
    color: #ff6e96;
}

.c-blue {
    color: #5aafff;
}

.w768 {
    max-width: 768px;
    margin: 0 auto;
}

.tbl-col01 {
    margin-bottom: 10px;
}

.tbl-col01 td:nth-child(2n) {
    color: #ff6e96;
}

.tbl-col01 td:nth-child(3n) {
    color: #5aafff;
}

.w800 {
    max-width: 800px;
    margin: 0 auto;
}

.utable-group {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 40px;
    margin-bottom: 10px;
}

.utable-group td:first-child {
    width: 15%;
}

.utable-group td:nth-child(3) {
    width: 25%;
}

.utable-group td:nth-child(4) {
    width: 22%;
}

.utable-group td:nth-child(3n) {
    color: #ff6e96;
}

.utable-group td:nth-child(4n) {
    color: #5aafff;
}

.u-table-01 td {
    position: relative;
}

.u-table-01 [class*="ico"] span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.u-table-01 .ico1 span {
    font-size: 1.25rem;
}

.u-table-01 .ico2 span {
    font-size: 1.5rem;
}

.notes_txt .notes {
    margin: 12px auto 6px;
}

.notes-txt .notes li {
    display: inline-flex;
    align-items: center;
    margin-right: 28px;
    letter-spacing: 1.5px;
}

.notes-txt .notes li:last-child {
    margin-right: 0;
}

.notes-txt .ico1 {
    font-size: 1.1875rem;
}

.notes-txt .ico2 {
    font-size: 1.4375rem;
}

.notes-txt .notes {
    margin-bottom: 10px;
}

.grp-styl2 .u-circle {
    display: flex;
    justify-content: center;
    margin-bottom: 56px;
}

.grp-styl2 .u-circle > li {
    width: 232px;
    height: 232px;
    border: 2px solid #ff6e96;
    background: #fffaff;
    color: #ff6e96;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    padding: 25px;
}

.grp-styl2 .u-circle > li:last-child {
    margin-left: 20px;
}

.grp-styl2 .u-circle .u-tit04 {
    font-size: 1.375rem;
    border-bottom: 1px solid #ff6e96;
    line-height: 1.4em;
    color: #ff6e96;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-family: 'HIRAKAKUPRON-W6';
}

.grp-styl2 .u-circle .u-tit03 {
    font-size: 1.125rem;
    letter-spacing: 0;
    line-height: 1.4em;
}

.grp-styl2 .u-circle.one > li:last-child {
    margin: 0 0 -20px 0;
}

.grp-styl2 .u-circle .mt .u-tit04 {
    min-height: 45px;
    margin: 22px 0 5px 0;
}

.btn-cen {
    text-align: center;
}

.u-button {
    display: inline-flex;
    justify-content: center;
    height: 100%;
    padding: 25px 20px;
    min-width: 414px;
    border-width: 2px;
    border-color: #4d4d4d;
    border-style: solid;
    border-radius: 5px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
    line-height: 1.6em;
    font-size: 1.375rem;
    font-weight: 500;
    color: #4d4d4d;
    transition: all 0.3s ease;
}

.u-button span {
    display: inline-block;
    padding-right: 32px;
    position: relative;
}

.u-button span:after {
    content: "＞";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.3125rem;
    transition: all 0.3s ease;
}

.u-button.b-blue1 {
    color: #83d1ec;
    border: 2px solid #83d1ec;
}

.u-button.bg-blue {
    background: #006699;
    color: #fff;
    border: 2px solid #006699;
}

.u-button.b-pink1 {
    color: #ea8e97;
    border: 2px solid #ea8e97;
}

.u-button.b-pink {
    color: #ea8e97;
    border: 2px solid #ea8e97;
}

.u-button.b-yellow {
    color: #eeb467;
    border: 2px solid #eeb467;
}

.u-button.b-green {
    color: #9dd260;
    border: 2px solid #9dd260;
}

.under .img-cen {
    text-align: center;
    margin-bottom: 30px;
    line-height: 0;
}

.w700 {
    max-width: 700px;
    margin: 0 auto;
}

.cwhite {
    color: #fff;
}
/* Under6 Section 4 */
.under6 .section4.box-section{
    padding-bottom: 80px;
}
.under6 .section4 .u-h301 .u-tit03{
    margin-top: 10px;
}
.under6 .section4 .img{
    margin-bottom: 10px;
}
.under6 .section4 .u-h301{
    margin-bottom: 20px;
}
.under6 .section5 .u-button{
    margin-top: 30px;
}
.under6 .box-frame {
    padding: 40px;
}

.under6 .box-frame .boxshadow-frm01 {
    margin-bottom: 30px;
}

.under6 .box-frame .boxshadow-frm01:last-child {
    margin-bottom: 0;
}

.boxshadow-frm01 {
    padding: 25px;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    border-radius: 20px;
}

.bg-white {
    background: #fff;
}

.frm-pink {
    padding: 15px 20px;
    border: 2px solid #ea8e97;
}

.mb20 {
    margin-bottom: 20px;
}

.u-list-circle > li {
    position: relative;
    padding-left: 18px;
    line-height: 1.5em;
    font-size: 1.25rem;
    letter-spacing: 2.4px;
    color: #ea8e97;
}

.u-list-circle > li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    border: 1px solid #ea8e97;
}

.frm-pink.col3 > div {
    display: flex;
    justify-content: space-between;
}

.frm-pink.col3 > div.sp {
    display: none;
}

.col3 ul {
    display: inline-block;
    vertical-align: top;
    width: 32%;
}

.frm-plus {
    text-align: center;
    color: #ea8e97;
    font-size: 1.3125rem;
    margin: 40px auto;
    position: relative;
    letter-spacing: 4px;
    padding: 10px;
    line-height: 1.6em;
}

.frm-plus:before {
    content: "";
    position: absolute;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/page6/ico_plus_pink1.png) no-repeat center;
    background-size: contain;
    width: 22px;
    height: 22px;
}

.under6 .grp-text1 {
    margin-bottom: 40px;
}

.grp-text1 li {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    letter-spacing: 1px;
}

.grp-text1 .t01 {
    padding-right: 20px;
}

.grp-text1 span:last-child {
    padding-left: 20px;
    position: relative;
}

.grp-text1 span:last-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - 8px);
    width: 3px;
    background: #4674c1;
}

.grp-text1 li:last-child {
    margin-left: 40px;
}

.grp-text1 .line-pink span:last-child:before {
    background: #ff96b4;
}

.grp-btn-cen p {
    margin-bottom: 15px;
    text-align: center;
}

.u-h301.ico-white {
    background: url(../images/page6/u_img01.png) no-repeat center top;
    background-size: 46px;
    color: #fff;
    padding-top: 72px;
}

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

.u-h4line {
    font-size: 1.875rem;
    line-height: 1.6em;
    text-align: center;
    border-bottom: 1px solid #ea8e97;
    margin-bottom: 30px;
    letter-spacing: 5px;
    padding-bottom: 5px;
    font-family: 'HIRAKAKUPRON-W6';
}
.u-h4line .sml
{
    font-family: 'HIRAKAKUPRON-W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.h4-center .u-h4line {
    display: inline-block;
}

.u-h4line .sml {
    display: block;
    font-size: 1.5rem;
    font-weight: normal;
    line-height: 1.5em;
    letter-spacing: 3px;
}

.grp-img-col2 > li {
    margin-right: 20px;
    text-align: center;
}

.grp-img-col2 > li:last-child {
    margin-right: 0;
}

.txt-notes1 {
    margin-bottom: 20px;
    letter-spacing: 2.5px;
    line-height: 1.75em;
    padding-left: 20px;
    text-align: left;
    display: flex;
    flex-wrap: wrap;
    grid-column-gap: 25px;
}

/***/
.sec-contact {
    background: #5abec8;
    padding: 40px 0;
    color: #fff;
    margin-top: 20px;
}

.sec-contact .grp-btn-cen {
    max-width: 414px;
    margin: 0 auto;
}

.sec-contact .notes {
    text-align: left;
    color: #fff;
    margin: -5px auto 0;
    font-size: 1.0625rem;
}

.u-h301.h-contact {
    background: url(../images/page6/ico_tel.png) no-repeat center top;
    background-size: 35px;
    color: #ffff87;
    letter-spacing: 2px;
    font-size: 2.5rem;
    margin-bottom: 10px;
    padding-top: 45px;
}

.u-h301.h-contact .u-tit03 {
    margin-top: 10px;
    color: #fff;
    font-weight: bold;
    font-size: 1.625rem;
}

.num-phone {
    text-align: center;
    margin-bottom: 20px;
}

.num-phone .center-call {
    font-size: 1.625rem;
    font-weight: bold;
    line-height: 1.4em;
}

.a-call {
    font-weight: bold;
    color: #fff;
    line-height: 1.2em;
    letter-spacing: 3px;
    cursor: text;
    font-family: "Public Sans", sans-serif;
    font-size: 2.875rem;
}

.a-call:hover {
    opacity: 1;
}

.txt-norl {
    line-height: 2.1em;
    font-size: 1.125rem;
    letter-spacing: 0.001vw;
}
.under6 .section3 .txt-norl{
    line-height: 1.8em;
}

.under6 .section3 .box-frm01 .txt-norl{
    line-height: 1.7em;
}
.under6 .mbmt {
    margin: -15px auto 30px;
}
/* under6 Section 6 */
.under6 .section6 .grp-img-col2{
    margin-top: 60px;
}
/* under6 Section 7 */
.under6 .section7.box-section{
    padding-bottom: 85px;
}
.under6 .section7 .u-h301{
    margin-bottom: 20px;
}
.under6 .section7 .u-h301 .u-tit03{
    margin-top: 20px;
}
/* under6 Section 8 */
.under6 .section8
{
    margin-bottom: 20px;
}
.under6 .section8 .u-h301.ico-white{
    padding-top: 55px;
    margin-bottom: 18px;
}
.boxbg-pink1 {
    background: #eb8e98;
    margin: -20px auto 0;
}

.boxbg-pink1 h3 {
    font-size: 2.5rem;
    letter-spacing: 2.5px;
}

.container-page .img-cen {
    display: none;
}

@media (min-width: 1001px) {

    .ubox-list > li:hover {
        /*transform: translate3d(-5px, -5px, 0);*/
    }

    .u-list1 a:hover {
        background: #f9f9f9;
    }

    .u-list1 a:hover:after {
        left: 52%;
    }

    .u-list1 a:hover img {
        opacity: 1;
    }

    .u-button:hover {
        background: #000;
        color: #fff;
        border-color: #000;
    }

    .u-button.b-blue1:hover {
        background: #0b92c1;
        color: #fff;
        border-color: #0b92c1;
    }

    .u-button:hover span:after {
        right: -5px;
    }

    .u-button.b-pink1:hover {
        background: #db4d5b;
        color: #fff;
        border-color: #db4d5b;
    }

    .u-button.b-yellow:hover {
        background: #f69a1f;
        color: #fff;
        border-color: #f69a1f;
    }

    .u-button.b-green:hover {
        background: #539408;
        color: #fff;
        border-color: #539408;
    }

    .u-button.bg-blue:hover {
        background: #fff;
        color: #006699;
        border: 2px solid #006699;
    }

    .under .btn.b-blue2:hover{
        color: #fff;
        background: #5abec8;
    }
    .a-call:hover {
        opacity: 1;
    }
}
@media (max-width: 1000px) {
    .ubox-list-round {
        padding: 50px 20px;
    }

    .u-list1 {
        justify-content: flex-start;
        margin-bottom: 22px;
    }

    .u-list1 > li {
        width: 32%;
        margin: 0 2% 20px 0;
    }

    .u-list1 > li:nth-child(3n) {
        margin-right: 0;
    }

    .section {
        margin-bottom: 35px;
    }

    .w1000 {
        padding: 0 20px;
    }

    .utable-group {
        grid-column-gap: 3vw;
        margin-bottom: 3vw;
    }

    .u-list-circle > li {
        font-size: 1rem;
        letter-spacing: 0;
    }

    .u-list-circle > li::before {
        top: 6px;
    }

    .frm-plus {
        font-size: 1rem;
        padding: 7px;
        margin-bottom: 20px;
    }

    .grp-text1 .t01 {
        padding-right: 10px;
        width: 64px;
    }
}

/* Responsive */
@media only screen and (max-width: 991px) {
    .anchor-link-list a {
        font-size: 1rem;
    }
}

@media only screen and (max-width: 767px) {
    .sp {
        display: block;
    }
    .pc {
        display: none;
    }
    .sp-bold{
        font-weight: bold;
    }
    .under section, 
    .under [class*="section"] {
        margin-bottom: 30px;
    }
    .under section.has-background,
    .under [class*="section"].has-background {
        padding: 10px 0;
    }
    .main-txt {
        padding: 20px 0 30px;
        margin-bottom: 10px;
    }
    .anchor-link-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .anchor-link-list a {
        font-size: 1rem;
        border-radius: 5px;
        line-height: 1.9em;
    }
    .under h3 {
        font-size: 1.875rem;
        margin-bottom: 5px;
    }
    .ubox-list-round {
        padding: 15px 0 27px;
        margin-bottom:0;
    }
    .ubox-list > li {
        min-height: 80px;
        margin-bottom: 13px;
    }
    .ubox-list .ico {
        width: 58px;
    }
    .ubox-list .contxt {
        padding: 9px 30px 12px 13px;
        vertical-align: top;
    }
    .u-tit01 {
        font-size: 1rem;
        line-height: 1.75em;
        letter-spacing: 0;
        margin-bottom: 0;
    }
    .ubox-list .txt {
        font-size: 1rem;
        line-height: 2.15em;
    }
    .ubox-list > li:after {
        right: 15px;
        width: 18px;
        height: 18px;
    }
    .bg-box-right:after {
        width: 77%;
    }
    .under .btn {
        max-width: 300px;
        font-size: 1rem;
        line-height: 1.75em;
        border-radius: 5px;
        padding: 16px 10px;
        margin-top: 20px;
    }
    .under .section2 .container-page {
        padding: 0;
    }
    .under-banner {
        height: 180px;
    }
    .under-banner span {
        font-size: 1.625rem;
        line-height: 1.3em;
    }
    .box-banner-content .box-content {
        padding: 30px 35px 27px;
    }
    .box-banner-content .box-content h4 {
        font-size: 1.125rem;
        line-height: 1.7em;
        margin-bottom: 15px;
        letter-spacing: 2px;
    }
    .box-banner-content .box-content .txt {
        font-size: 1rem;
        margin-bottom: -5px;
    }
    .box-banner-content .box-content .p-btn {
        margin-bottom: 15px;
    }
    .box-banner-content .box-content .btn-link {
        margin-top: 45px;
        letter-spacing: 0;
    }
    /* Under Blog */
    .under-blog {
        /*max-height: 310px;*/
        margin-bottom: 5px;
    }
    .under-blog li{
        padding: 10px 20px;
    }
    .under-blog .date {
        font-size: 0.875rem;
        line-height: 2.1em;
    }
    .under-blog .title {
        font-size: 1.375rem;
        line-height: 1.4em;
    }
    .under-blog .description {
        font-size: 1rem;
    }
    .under .btn-link {
        font-size: 0.875rem;
    }
    /* Section 3 */
    .under .section3 {
        margin-bottom: 35px;
    }
    .under .box-tbl-calendar {
        max-width: 360px;
        margin: 5px auto 32px;
    }
    .under .box-tbl-calendar .tbl-head {
        margin-bottom: 8px;
    }
    .under .tbl-calendar th,
    .under .tbl-calendar td {
        padding: 8px;
        font-size: 1.125rem;
    }
    .under .tbl-calendar td {
        padding: 16px 8px;
    }
    .under .box-tbl-calendar .tbl-head .date {
        font-size: 1.125rem;
        letter-spacing: 1px;
    }
    .under .box-tbl-calendar .tbl-head .prev,
    .under .box-tbl-calendar .tbl-head .next {
        font-size: 1rem;
    }
    .under .tbl-note span {
        width: 36px;
        height: 17px;
        margin-right: 10px;
    }
    .under .tbl-note {
        font-size: 1rem;
        margin-top: 10px;
    }
    /* Section 5 */
    .under .section5 .container-page{
        padding: 0 10px;
    }
    .under .list-icon-link {
        margin: 0 auto;
        max-width: 400px;
    }
    .under .list-icon-link li {
        flex: 0 0 170px;
        max-width: 170px;
        margin: 10px;
    }
    .under .list-icon-link .icon {
        margin-bottom: 0;
    }
    .under .list-icon-link .icon img {
        max-width: 37px;
    }
    .under .list-icon-link .title {
        font-size: 1.25rem;
        line-height: 1.35em;
        letter-spacing: 1px;
    }
    .under .list-icon-link a {
        min-height: 167px;
        padding: 20px 10px 40px;
    }
    .under .list-icon-link .icon-link {
        bottom: 15px;
    }
    .box-course .box-body {
        padding: 12px 15px 22px;
    }
    .box-course .box-body .title {
        font-size: 1.375rem;
        padding: 0;
        margin-bottom: 0;
    }
    .box-course .box-body .title span {
        padding-left: 40px;
        background-size: 24px auto;
    }
    .box-course .box-body .txt {
        font-size: 1rem;
        letter-spacing: 3px;
        line-height: 1.67em;
        margin-bottom: 15px;
    }
    .box-course .course-list {
        grid-template-columns: repeat(2, 1fr);
    }
    .box-course .course-list li {
        font-size: 1rem;
        line-height: 1.9em;
        padding: 3.5px 5px;
    }
    .box-course .course-list.col-3 {
        grid-template-columns: repeat(4, 1fr);
    }
    .box-course .course-list.col-3 li:first-child {
        grid-column: 1/5;
        grid-row: 1;
    }
    .box-course .course-list.col-3 li:nth-child(2) {
        grid-column: 1/3;
        grid-row: 2;
    }
    .box-course .course-list.col-3 li:last-child {
        grid-column: 3/5;
        grid-row: 2;
    }
    .btn-list li {
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }
    .box-course .box-content1 {
        padding-bottom: 17px;
        margin-bottom: 10px;
    }
    .box-course .box-body .box-content2 .title {
        margin-bottom: 6px;
    }
    /* Section 5 */
    .under .section5 {
        margin-bottom: 30px;
    }
    /* Section 6 */
    .under .section6 {
        margin-bottom: 0;
    }
    /* Section 7 */
    .under .section7.has-background {
        background: none;
        padding: 35px 0 0;
        margin-bottom: 15px;
    }
    .under .section7 h3 {
        margin-bottom: 0;
    }
    .under .section7 .btn {
        margin-top: 4px;
    }
    .under .section7.has-background .wrapper {
        background-color: #f7f5f2;
        padding-bottom: 23px;
    }
    /* Section 8 */
    .under .section8 h3{
        margin-bottom: 2px;
    }
    .under .section8 .subtitle {
        font-size: 1.25rem;
        margin-bottom: -4px;
    }
    .under .section8 .txt {
        font-size: 1rem;
        letter-spacing: 2px;
        margin-bottom: 7px;
    }
    .under .section8 .btn-link {
        margin-bottom: 23px;
    }
    .under .section8 .img{
        margin-bottom: 0;
    }
    .under-frame {
        padding: 20px 15px;
    }
    .frame-title {
        font-size: 1.25rem;
        line-height: 1.5em;
        letter-spacing: 1px;
    }
    .frame-list li {
        font-size: 1rem;
        line-height: 1.6em;
    }
    .under-frame .box-unline {
        padding-bottom: 12px;
        margin-bottom: 17px;
    }

    /* Page 2106八王子クリニック_全身ドック_4th */
    .fnt-18,
    .txt-norl {
        font-size: 1rem;
    }

    .under6 .main-h2 {
        font-size: 1.25rem;
        letter-spacing: 2px;
        padding: 15px;
    }
    .under6 .section1{
        margin-top: 10px;
    }
    .under6 .ubox-list-round{
        padding: 20px 0 20px;
        margin-bottom: 10px;
    }
    .under6 .ubox-list .contxt {
        padding: 9px 30px 3px 13px;
    }
    .under6 .ubox-list .txt{
        line-height: 1.75em;
    }
    .ubox-list > li::after {
        right: 4vw;
    }

    .ubox-list_round::after {
        display: none;
    }

    .u-tit02 {
        font-size: 1.875rem;
        margin-bottom: 10px;
    }

    .sp-dlx {
        display: flex;
        flex-wrap: wrap;
    }

    .sp-dlx h3 {
        width: 100%;
        margin-bottom: 13px;
    }

    .sec-mb20 {
        margin-bottom: 30px;
    }

    ._fr,
    ._fl {
        float: none;
        text-align: center;
        margin: 0 0 30px 0;
    }

    .sp-dlx .grp-txt {
        order: 0;
    }

    .sp-dlx .uimg-cen {
        order: 1;
        width: 100%;
        margin-bottom: 20px;
    }

    .sp-dlx .box-img01 {
        order: 3;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0;
    }

    .u-tit03 {
        font-size: 1.125rem;
        letter-spacing: 1px;
        line-height: 1.7em;
    }

    .u-h301,
    .u-h301.cblue {
        margin-bottom: 20px;
        font-size: 1.625rem;
        background-size: 30px;
        padding-top: 30px;
    }

    .u-h301.cgreen {
        padding-top: 40px;
    }

    .boxbg-pink1 h3 {
        font-size: 1.875rem;
    }

    .u-h301.ico-white {
        padding-top: 55px;
    }

    .u-h3line {
        font-size: 1.125rem;
    }

    .u-h401 {
        font-size: 1.25rem;
        padding-left: 20px;
    }

    .u-h401::before {
        width: 14px;
        height: 14px;
        top: 8px;
    }

    .u-h301 .u-tit03 {
        margin-top: 3px;
    }

    .u-tit04 {
        font-size: 1.4375rem;
        letter-spacing: 0;
    }
    .u-list1 > li{
        margin: 0 2% 10px 0;
    }
    .u-list1 a{
        padding: 10px 10px 30px;
    }
    .u-list1 a::after{
        width: 15px;
        bottom: 10px;
    }
    .u-list1 .ico img {
        max-width: 35px;
    }
    .under6 .section3 > .u-section {
        margin-bottom: 25px;
    }
    .under6 .section3 .u-h301{
        margin-bottom: 12px;
    }
    .under6 .section3 .txt-norl{
        margin-bottom: 10px !important;
    }
    .box-frm01{
        padding: 15px 20px 25px;
        border-radius: 10px;
    }
    .under6 .section3 .box-frm01 .txt-norl{
        letter-spacing: -0.7px;
    }
    .under6 .section3 .box-frm01 .grp-txt{
        margin-bottom: 10px !important;
    }
    .box-img01 .tit{
        font-size: 1rem;
        line-height: 1.7em;
    }
    /****/
    .u-tbl01 dt,
    .u-box-dl > dt {
        font-size: 1rem;
        padding: 15px;
        letter-spacing: 0;
    }

    .ul-tbl .th p,
    .ul-tbl > li > p {
        font-size: 0.9375rem;
        width: 27%;
        padding: 6px;
    }

    [class*="u-table"] th,
    [class*="u-table"] td {
        font-size: 0.875rem;
    }

    /***.u-circle***/
    .u-circle {
        margin-bottom: 30px;
    }
    .u-circle > li {
        width: 175px;
        height: 175px;
        padding: 10px;
        border-width: 1px;
    }
    .u-circle > li:last-child {
        margin-left: 10px;
    }
    .ico-plus::before {
        left: -8%;
        width: 16px;
        height: 16px;
        transform: translateY(-50%);
    }

    .u-circle .u-tit04 {
        font-size: 1.125rem;
        line-height: 1.35em;
    }

    .u-circle .u-tit03 {
        font-size: 0.875rem;
        line-height: 1.4em;
    }

    .u-tbl01 .text-right {
        text-align: left;
        margin-top: 10px;
    }

    .u-section {
        margin-bottom: 40px;
    }

    .tbl-col01 th:first-child {
        width: 25%;
    }

    .tbl-col01 th:nth-child(2n) {
        width: 20%;
    }

    .u-box-dl > dd {
        padding: 18px 15px;
    }

    .u-table-01 th,
    .u-table-01 td {
        padding: 10px 3px;
        font-size: 1rem;
        letter-spacing: -1px;
    }
    .sp_sml{
        font-size:0.875rem;
        text-align: center;
        line-height: 1.45em;
    }
    .ul-tbl [class*="ubox-"]{
        font-size: 0.875rem;
    }
    .box-notes .box{
        font-size: 0.5375rem;
        width: 55px;
        min-width: auto;
        padding: 2px;
        margin-right: 5px;
    }
    .box-notes .mr {
        margin-right: 10px;
    }
    .u-tbl01 .txt-mbt{
        font-size:0.875rem;
        margin: 3px auto;
    }
    .box-notes > .sp-full {
        display: block;
        margin-bottom: 5px;
    }
    .u-tbl01{
        margin-bottom: 0;
    }
    .under6 .section3 .container-page .u-section:nth-child(2) {
        margin-bottom: 10px;
    }
    .u-button {
        font-size: 1.125rem;
        padding: 18px 10px;
        min-width: 300px;
        border-width: 1px !important;
        font-size: 1rem !important;
        font-weight: normal;
    }

    .u-button span::after {
        font-size: 0.9375rem;
    }
    .notes-txt .notes li, .notes-txt .ico2{
        font-size: 0.875rem;
    }
    .notes-txt .sp_sml{
        font-size: 0.75rem;
        text-align: left;
    }
    .box-section {
        padding: 25px 0 45px;
    }

    .grp-img-col2 > li {
        margin-right: 2%;
        width: 47%;
    }

    .under6 .box-frame {
        padding: 35px 20px;
    }

    .under6 .box-frame .container-page {
        padding: 0;
    }

    .u-h4line {
        font-size: 1.375rem;
    }

    .u-h4line .sml {
        letter-spacing: 1px;
        font-size: 1.125rem;
    }

    .col3 {
        flex-wrap: wrap;
    }

    .col3 ul {
        width: 48%;
    }

    .txt-notes1 {
        padding-left: 0;
    }

    .frm-pink.col3 > .pc {
        display: none;
    }

    .frm-pink.col3 > div.sp {
        display: block;
    }

    .frm-pink.col3 br {
        display: none;
    }

    .grp-text1 {
        display: block;
    }

    .grp-text1 li {
        line-height: 1.6em;
        font-size: 1rem;
        letter-spacing: 0;
    }

    .grp-text1 li:last-child {
        margin: 20px 0 0 0;
    }

    .u-h301.h-contact {
        font-size: 1.875rem;
        background-size: 30px !important;
    }

    .num-phone .center-call {
        font-size: 1.25rem;
    }

    .a-call {
        font-size: 36px;
    }

    .container-page .img-cen {
        display: block;
        margin: 15px auto;
    }

    .container-page .img-cen img {
        border-radius: 5px;
    }
    .grp-styl2 .u-circle{
        margin-bottom: 25px;
    }
    .grp-styl2 .u-circle > li:nth-child(n){
        width: 167px;
        height: 167px;
        padding: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .grp-styl2 .u-circle .u-tit04{
        font-size: 1rem;
    }
    .grp-styl2 .u-circle .u-tit03{
        font-size: 0.875rem;
        letter-spacing: -1.4px;
        font-weight: normal;
    }
    .grp-styl2 .u-circle.one > li:last-child {
        margin: 0 0 -8px 0;
    }
    .grp-styl2 .u-circle .mt .u-tit04 {
        min-height: 0px;
        margin: 5px 0 5px 0;
    }
    .u-h301.cpink1, .u-h301.cyellow, .u-h301.cgreen, .u-h301.cviolet, .u-h301.ico-white{
        background-size: 35px;
        padding-top: 35px;
    }
    .under6 .section4 .u-h301 .u-tit03 {
        margin-top: 5px;
    }
    .under6 .section4 .img img{
        max-width: 300px;
    }
    .under6 .section6 .grp-img-col2 img{
        max-width: 300px;
    }
    .under6 .mbmt {
        margin: -14px auto 10px;
    }
    .under6 .section6 .grp-img-col2{
        margin-top: 0;
    }
    .under6 .section7 .u-h301 .u-tit03 {
        margin-top: 0;
    }
    .under6 .section8 .txt-notes1{
        font-size: 0.875rem;
    }
    .frm-plus:before{
        width: 16px;
        height: 16px;
        top: -24px;
    }
    .frm-pink{
        border-width: 1px;
    }

    .under6 .grp-text1 {
        margin: 20px auto;
    }

    .ubox-list .ico img {
        max-width: 27px;
    }

}

@media (max-width: 640px) {
    .sp {
        display: block;
    }

    .pc {
        display: none;
    }
    .ubox-list .pr {
        display: block;
        padding-right: 0;
    }

    .box-notes > .sp-full {
        display: block;
    }
    ._mt10 {
        margin-top: 0;
    }

    .under .img-cen {
        margin-bottom: 20px;
    }

    .mbmt {
        margin: 0 auto 20px;
    }

    .frm-pink.col3 br {
        display: block;
    }

    .txt-notes1 {
        letter-spacing: 0;
    }
}

@media (max-width: 530px) {
    .under .main-h2 {
        font-size: 5.3vw;
    }
    .ubox-list > li::after {
        width: 18px;
        height: 18px;
    }

    .sp_530,
    .br_530 {
        display: block;
    }
    .u-list1 .tit {
        font-size: 1rem;
    }

    /****/
    .ul-tbl p:first-child {
        width: 15%;
    }

    .ul-tbl > li {
        min-height: 12vw;
    }

    .ul-tbl [class*="ubox-"]::after {
        width: calc(100% - 3vw);
        height: calc(100% - 3vw);
    }

    /****/
    .utable-group {
        display: block;
    }

    .hide_530 {
        display: none;
    }

    .bdtop td {
        border-top: 0;
    }

    .notes-txt .notes li {
        letter-spacing: 0;
        font-size: 3vw;
        margin-right: 2vw;
    }

    .notes-txt .ico1 {
        font-size: 1rem;
    }

    .notes_txt .ico2 {
        font-size: 1.3125rem;
    }

    /***/

    .grp-img-col2 > li {
        margin: 0 0 20px 0;
        width: 100%;
    }

    .grp-img-col2 > li:last-child {
        margin-bottom: 0;
    }

    .u-list-circle > li::before {
        top: 2.4vw;
    }

    .boxshadow-frm01 {
        padding: 20px;
        border-radius: 10px;
    }
    }

    .grp-text1 .t01 {
        padding-right: 10px;
    }

    .grp-text1 li {
        font-size: 1.125rem;
    }

    .u-h301.h-contact {
        font-size: 1.6875rem;
    }

    .a-call {
        font-size: 2rem;
        letter-spacing: 1px;
    }

    .sec-contact .notes {
        font-size: 0.875rem;
    }

    .num-phone .center-call {
        font-size: 1.125rem;
        line-height: 1.6em;
    }
}

@media (max-width: 414px) {
    .u-table-01 .ico1 span {
        font-size: 1rem;
    }

    .u-table-01 .ico2 span {
        font-size: 1.125rem;
    }
}
/*Y.Phan [*/
@media(max-width: 399px)
{
    .frame-title
    {
        font-size: 1rem;
    }
    .frame-list.list-style-circle li
    {
        font-size: 0.75rem;
    }
    .frame-list li
    {
        font-size: 0.75rem;
    }
    .ico-plus:before
    {
        left: unset;
        right: calc(100%);
        transform: translateX(2px) translateY(-50%);

    }

}
/*Y.Phan END ]*/
@media (max-width: 374px) {
    .ico-plus:before {
        /*left: -11%;*/
    }

    .u-button {
        min-width: 100%;
    }

    .txt-notes1 {
        font-size: 0.75rem;
    }

    .grp-text1 li {
        font-size: 0.75rem;
    }
    .u-list-circle > li::before {
        top: 1.9vw;
    }
    .anchor-link-list a
    {
        font-size: 0.875rem;
    }
    .ubox-list .txt
    {
        font-size: 0.875rem;
    }
    .box-course .course-list li
    {
        font-size: 0.75rem
    }
}
.group-calendar.black .calendar .top button
{
    color: #4d4d4d;
    font-weight: normal;
    font-size: 1.25rem;
}
.group-calendar.black .calendar .top button span
{
    color: #5abec8;
}
.group-calendar.black .calendar .top
{
    color: #4D4D4D !important;
}

.group-calendar.black #show-calendar .ui-datepicker th
{
    border:1px solid #b3b3b3;

}
.group-calendar.black #show-calendar .ui-datepicker td
{
    border:1px solid #b3b3b3;
}
.group-calendar.black .note-calendar
{
    color: #4d4d4d;
}title-page-bg
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    color: #5abec8;
}
@media(max-width: 400px)
{
    [class*="linebg-"]:before
    {
        height: 10px;
        border-radius: unset;
    }
}
@media(max-width: 375px)
{
    .u-circle > li
    {
        width: 150px;
        height: 150px;
    }
    .u-circle .u-tit04
    {
        font-size: 1rem;
    }
    .u-circle .u-tit03
    {
        font-size: 0.75rem;
    }
    .under6 .main-h2
    {
        font-size: 1rem;
    }
}
.color-red
{
    color: #EA8E97;
}
.color-blue
{
    color: #006699;
}
/* ============================================================================
====================================== FORMAT =================================
===============================================================================*/

.container-main
{
    max-width: 1100px;
    margin: auto;
}
.mt-90
{
    margin-top: 90px;
}
.title-page-bl
{
    font-size: 25px;
    font-family: 'HIRAKAKUPRON-W6';
    border-left: 9px solid #5ABEC8;
    padding-left: 15px;
}
.grid-item-tl
{
    display: flex;
    grid-column-gap: 25px;
}
.grid-item-tl .img
{
    max-width: 336px;
}
.grid-item-tl .des
{
    flex: 1;
    font-size: 1.375rem;
    line-height: 150%;
}
.title-page-bg 
{
    font-size: 25px;
    font-family: 'HIRAKAKUPRON-W6';
    background: #F7F5F2;
    padding: 12px 78px;
}
.container-page4
{
    max-width: 800px;
    margin: auto;
}
.group-item-row .item .img img
{
    width: 100%;
    vertical-align: middle;
}
.group-item-row .item .content
{
    margin-top: 25px;
}
.group-item-row .item .name
{
    font-size: 1.375rem;
    line-height: 150%;
}
.group-item-row .item .des
{
    margin-top: 10px;
    font-size: 1.125rem;
    line-height: 170%;
}
.title-page-btb
{
    border-top: 4px solid #5ABEC8;
    padding: 8px 20px;
    font-size: 1.375rem;
    border-bottom: 4px solid #5ABEC8;
}
.title-table-template
{
    font-size: 0.75rem;
}
.table-first table
{
    margin-top: 10px;
    width: 100%;
    max-width: 375px;
    border-collapse: collapse;
}
.table-first table tr td 
{
    border-bottom: 1px solid #999999;
    height: 57px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    font-size: 1.125rem;
}
.table-first table tr:nth-child(1) td
{
    border-top: 1px solid #999999;
}
.table-first table tr td  + td:before
{
    position: absolute;
    content: "";
    height: 30px;
    border-left: 1px solid #999999;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.table-second table
{
     margin-top: 10px;
    width: 100%;
    max-width: 375px;
    border-collapse: collapse;
}
.table-second table td
{
    border-bottom: 1px solid #999999;
    height: 57px;
    vertical-align: middle;
    text-align: center;
    background: #F7F5F2;
}
.table-second table td + td
{
    border-left: 1px solid #999999;
}
.table-second table tr:last-of-type td
{
    border-bottom: none;
}
.table-third table
{
    width: 100%;
    max-width: 375px;
    border-collapse: collapse;
}

.table-third
{

}
.table-third .box
{
    border: 2px solid #999999;
    padding: 5px 8px;
    max-width: 395px;
}
.table-third table td 
{
    border: 1px solid #999999;
    height: 57px;
    text-align: center;
    vertical-align: middle;
}
.m_mobile-one
{
   
}
.m_mobile-one > ul > li
{
    width: 100%;
    margin-top: 3px; 
}
.m_mobile-one > ul > li > div
{
    padding: 8px 0;
    padding-left: 18px;
    padding-right: 40px;
    background: url('../images/format/arrow-m_mobile.png') no-repeat;
    background-color: none;
    background-position: center right 10px;
    background-color: #F7F5F2;
}
.m_mobile-one > ul > li.active > div
{
    background-image: url('../images/format/arrow-m_mobile-active.png');
}
.m_mobile-one > ul > li > div > a
{
    font-family: 'HIRAKAKUPRON-W6';
} 
.m_mobile-one > ul > li a
{
    color: #4D4D4D;
    font-size: 1.125rem;
}
.m_mobile-one > ul > li > ul 
{
    display: none;
}
.m_mobile-one > ul > li.show > ul
{
    display: block;
}
.m_mobile-one > ul > li > ul > li 
{
    border-bottom: 1px solid #999999;
    padding: 3px 18px;
}
.text-12
{
    font-size: 12px;
}
.m_mobile-two
{
    width: 100%;
}
.m_mobile-two ul li .des
{
    display: none;
    background: #F7F5F2;
    padding: 10px 18px;
}
.m_mobile-two ul li .bg
{
    background: #5ABEC8;
    color: #FFF;
    padding: 8px 18px;
    background-image: url('../images/format/arrow-m_mobile2.png');
    background-repeat: no-repeat;
    background-position: center right 10px;
    font-size: 1.125rem;
    font-family: 'HIRAKAKUPRON-W6';

}
.m_mobile-two ul li.active .bg
{
    background-image: url('../images/format/arrow-m_mobile2-active.png');
}
.m_mobile-two ul li + li
{
    margin-top: 3px;
}
.m_mobile-two ul li.active .des
{
    display: block;
}
.m_mobile-two ul li.show .des
{
    display: block;
}
.h_mobile
{
    position: absolute;
    width: 100%;
    top: 100%;
    background: #FFF;
    left: 0;
    display: none;
}
@media(max-width: 1100px)
{
    .container-main
    {
        padding: 0 15px;
    }
}
@media(max-width: 860px)
{
    .grid-item-tl .img
    {
        width: 35%;
    }
    .grid-item-tl .des
    {
        font-size: 1.125rem;
    }
    .container-page4
    {
        padding: 0 15px;
    }
}
@media(max-width: 768px)
{
    .grid-item-tl .img
    {
        width: 40%;
    }
    .grid-item-tl .des
    {
        font-size: 1rem;
    }
    .grid-item-tl
    {
        grid-column-gap: 15px;
    }
    .title-page-bg
    {
        padding: 12px 15px;
    }
    .group-item-row .item .content
    {
        margin-top: 10px;
    }
    .group-item-row .item .name
    {
        font-size: 1.125rem;
    }
    .group-item-row .item .des
    {
        font-size: 0.875rem;
    }
    .title-page-btb
    {
        padding: 8px 15px;
    }
}
@media(max-width: 549px)
{
    .grid-item-tl
    {
        display: block;
    }
    .grid-item-tl .img
    {
        width: 100%;
        text-align: center;
        max-width: unset;
    }
    .grid-item-tl .des
    {
        margin-top: 10px;
    }

}
.oshirin
{
    max-width: 640px;
    margin: auto;
	padding: 0 20px;
}