@charset "UTF-8";
/*--------------------------------
----------------------------------
個別ページに反映されるCSSです
----------------------------------
----------------------------------*/
/* 共通フッター前 */
#infoarea {
    padding: 50px var(--side);
    background: #FBF4F4;
    text-align: center;
}
#infoarea .infolist.clm {
    --clmgap: clamp(10px,4vw,60px);
}
#infoarea .infolist__item {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 18%);
    padding: 40px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
#infoarea .infolist__item > h2,
#infoarea .infolist__item > h3 {
    font-size: var(--f22px);
    margin-bottom: 10px;
 }
#infoarea .infolist__item > p {
   text-align: left;
   margin: 0 0 20px;
   flex-grow: 1;
   line-height: 1.8;
}
#infoarea .infolist__item .btn {
    width: 90%;
}


/*--------------------------------
faq-----------------------------
----------------------------------*/
dl.faq {
    border-bottom: dotted 1px #CCCCCC;
    margin: 20px 0;
    padding: 0 0 20px;
}
dt.faq_q,
dd.faq_a{
    margin: 0;
padding:0 0 0 30px;
}
dt.faq_q{
    font-size: var(--f18px);
    color: #38889B;
    font-weight: bold;
    margin-bottom: 1em;
}
dt.faq_q{
    background: url("../images/pages/faq_q.svg") left top 5px no-repeat;
    background-size: 20px 20px;
}
dd.faq_a{
    background: url("../images/pages/faq_a.svg") left top 5px no-repeat;
    background-size: 20px 20px;
}
dt.faq_q h3{
    font-size: var(--f18px);
margin:0;
padding:0;
}

dd.faq_a p {
margin:0 0 20px 0;
width:100%;
}

/*--------------------------------
物件検索（トップ）-------------------
----------------------------------*/
.search_desc .gray{
    background: #EEEEEE;
    border-radius: 10px;
    padding: 20px 25px 30px;
}
.search_desc dl.num {
    margin: 0 0 20px;
    display: flex;
    gap: 10px 30px;
    align-items: center;
}
.search_desc dl.num dt {
    font-weight: bold;
    border: solid 1px;
    padding: 0.5em 1em;
}
.search_desc dl.num dd {
    margin: 0;
}
.search_desc .gray p{
    color: #333;
    margin: 0;
}

/* map */
#map {
    overflow: hidden;
}
/* slider */
.clmslider {
    position: relative;
}
.clmslider .slick-list {
    margin-left: calc(0% - min(40px,1.5vw));
    margin-right: calc(0% - min(40px,1.5vw));
}
.clmslider .slick-arrow {
    position: absolute;
    top: 50%;
}
.clmslider .prev-arrow.slick-arrow {
    left: -20px;
    transform: translateX(-100%);
}
.clmslider .next-arrow.slick-arrow {
    right: -20px;
    transform: translateX(100%);
}
.search_openlist__item {
    margin: 0 min(40px,1.5vw);
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 20px 15px 0;
    position: relative;
}
.search_openlist__item:not(.userlimit) .userlimitcover {
    display: none;
}
/* img */
.search_openlist__item .img{
    position: relative;
    margin-bottom: 10px;
}
.search_openlist__item .img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.search_openlist__item .img span.label {
    position: absolute;
    top: 0;
    left: 0;
    background: #F60000;
    border-radius: 0 0 9px 0;
    color: #EEFF01;
    font-size: var(--f10px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    aspect-ratio: 1/1;
}
/* h3,p */
.search_openlist__item h3 {
    font-size: var(--f18px);
    margin-bottom: 1em;
}
.search_openlist__item p {
    font-size: var(--f14px);
    font-weight: bold;
    margin-bottom: 20px;
}
/* btn */
.search_openlist__item > .btn a {
    background: #38889B;
    border-radius: 5px 5px 0 0;
    padding: 0.25em 1em;
    width: fit-content;
    margin: 0 auto;
    transition: all .2s;
}
.search_openlist__item > .btn a::after{
    content: "";
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    background: url("../images/top/tri_next_w.svg") center no-repeat;
    background-size: contain;
}
.search_openlist__item > .btn a:hover{
    background: #2a6b7b;
}
.search_openlist .txt .info {
    margin-bottom: 20px;
}
.search_openlist .txt dl {
    margin: 0;
    display: flex;
    align-items: baseline;
    font-size: var(--f14px);
    gap: 5px;
    margin-bottom: 5px;
}
.search_openlist .txt dt {
    background: #EFEFEF;
    width: 6em;
    flex-shrink: 0;
    text-align: center;
    padding: 5px;
}
.search_openlist .txt dd {
    margin: 0;
    flex-grow: 1;
}
@media (max-width: 1200px) {
    .clmslider .slick-list {
        margin-left: 0;
        margin-right: 0;
    }
    .clmslider .prev-arrow.slick-arrow {
        left: 0;
        transform: translateX(-15px);
        z-index: 10;
    }
    .clmslider .next-arrow.slick-arrow {
        right: 0;
        transform: translateX(15px);
        z-index: 10;
    }
}
@media (max-width: 768px) {
    .search_desc dl.num {
    flex-wrap: wrap;
    }
    .search_desc dl.num dt {
        width: 100%;
    }
}



/*--------------------------------
物件検索（都道府県）-------------------
----------------------------------*/
#searchsort {
    border: solid 1px #BBBBBB;
    border-radius: 10px;
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 40px 50px;
}
#searchsort .sortform {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
}
#searchsort .sortform > * {
    flex-grow: 1;
}
.sortform__list>p {
    font-size: var(--f22px);
    font-weight: bold;
    margin: 1.5em 0 1em;
}
#searchsort .checks label {
    display: flex;
    align-items: baseline;
    gap: 5px;
    margin-bottom: 10px;
}
#searchsort .checks label input[type="checkbox"] {
    top: 2px;
}

/* 一覧 */
.storelist__item {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px 5%;
    border-bottom: solid 1px #CCCCCC;
    margin-bottom: 50px;
    position: relative;
}
.storelist__item .img{
    width: 30%;
    flex-shrink: 0;
    position: relative;
    min-width: 200px;
}
.storelist__item .img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.storelist__item .img .photo{
z-index:1;
position:relative;
}
.storelist__item .img .status {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background:rgba(255,255,255,0.9);
    color: #222;
font-weight:bold;
padding:5px 15px 5px 10px;
font-size:90%;
max-width: 80%;
min-width:100px;
text-align:center;
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
}




.storelist__item .txt{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 60%;
}
.storelist__item .txt .ttl_gray>h3{
    margin: 0;
    text-indent: -0.5em;
}
.storelist__item .txt .ttl_gray>p{
    margin: 0;
}
.storelist__item .txt .info {
    margin-bottom: 20px;
}
.storelist__item .txt dl {
    margin: 0;
    display: flex;
    align-items: baseline;
    gap: 15px;
    margin-bottom: 10px;
}
.storelist__item .txt dt {
    border: solid 1px #CCCCCC;
    width: 6em;
    flex-shrink: 0;
    text-align: center;
    padding: 5px;
    font-weight: bold;
}
.storelist__item .txt dd {
    margin: 0;
    flex-grow: 1;
}

.storelist__item .txt .btn a{
    padding: 5px;
    width: min(100%,10em);
    margin: 0 0 0 auto;
    border-radius: 5px 5px 0 0;
}
.storelist__item .txt .btn a::after{
    content: "";
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    background: url("../images/top/tri_next_w.svg") center no-repeat;
    background-size: contain;
}
.storelist__item:not(.userlimit) .userlimitcover{
    display: none;
}

@media (max-width: 768px) {
    #searchsort .sortform__list {
        width: 100%;
    }
    #searchsort .checks {
        columns: 10em auto;
    }
.sortform__list .checks fieldset {
    display: flex;
    flex-flow: wrap;
}
    #searchsort .checks label {
        break-inside: avoid-column;
        width: 50%;
    }
}
@media (max-width: 425px) {
    #searchsort {
        padding: 20px 30px;
      }
    .storelist__item .img {
        flex-grow: 1;
    }
}

.checks .label_area{
margin-bottom:5px;
font-weight:bold;
    cursor: pointer;
}
.checks .label_area:before{
content:'▼';
color:#D12267;
margin-right:5px;
display: inline-block;
    cursor: pointer;
}
.checks .label_area.open:before{
content:'▲';
}

.checks .label_sub{
padding-left:20px;
	max-height: 0;
	overflow-y: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.checks .label_sub.open{
	max-height:1000px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}





/*--------------------------------
トピックス　　　　-------------------
----------------------------------*/
.newslist {
    padding: 1em 0;
    margin-bottom: 30px;
}
.newslist_item {
    padding: 0.5em 1em;
    border-bottom: dashed 1px #ccc;
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    align-items: baseline;
    gap: 5px 1em;
}
.newslist_item h2 {
    flex-grow: 1;
    flex-basis: 0;
    font-size: var(--f16px);
    font-weight: normal;
}
.newslist_item span.label {
    font-size: var(--f12px);
    background: #D5D5D5;
    color: #333333;
    padding: 0.25em 0.5em;
    text-align: center;
    width: 10em;
    flex-shrink: 0;
}
.newslist_item span.label.userlimit {
    background: #D12267;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 5px;
    font-weight: bold;
}
.newslist_item span.label.seminar {
    background: #E9A42A;
    color: #fff;
}
.newslist_item span.label.open {
    background: #38889B;
    color: #fff;
}



.newslist_item span.label.policy {
    background: #9079b6;
    color: #fff;
}
.newslist_item span.label.know-how {
    background: #f5b2b2;
}
.newslist_item span.label.recruit {
    background: #fac559;
}
.newslist_item span.label.financial {
    background: #00a497;
    color: #fff;
}



/* ページャー */
.nav-links {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.nav-links a.prev,
.nav-links a.next,
.link_next,
.link_before{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    text-decoration: none;
    margin: 0 10px;
    font-size: var(--f14px);
}
.link_next:after{
content:url(/images/pages/topics_next.svg);
}

.link_before:before{
content:url(/images/pages/topics_prev.svg);
}
.link_next:after,
.link_before:before{
position:relative;
    top: 2px;
}




.link_page,
.page-numbers {
    display: inline-block;
    background: #fff;
	width: 2em;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
}

a.link_page,
a.page-numbers {
    text-decoration: none;
}
a.link_page:hover,
a.page-numbers:hover {
    background: #EFEFEF;
}

.page-numbers.current {
    background: #EFEFEF;
}
span.current_page{
    background: #EFEFEF;
    border: solid 1px #CCCCCC;
    border-radius: 3px;
	width: 2em;
    aspect-ratio: 1 / 1;
    display: flex;
    justify-content: center;
    align-items: center;
}



@media (max-width: 768px) {
    .newslist_item {
        flex-wrap: wrap;
    }
    .newslist_item h2 {
        flex-basis: 100%;
    }
}
@media (max-width: 425px) {
    .newslist_item {
        padding: 1em 0;
    }
}

/*--------------------------------
トピックス（詳細）　　----------------
----------------------------------*/
#topicsinfo {
    display: flex;
    gap: 5px 1rem;
    flex-wrap: wrap;
    margin: 15px 0;
}
#topicsinfo > .label {
    font-size: var(--f12px);
    background: #D5D5D5;
    color: #333333;
    padding: 0.25em 0.5em;
    text-align: center;
    width: 10em;
    flex-shrink: 0;
}
#topicsinfo > .label.userlimit {
    background: #D12267;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 5px;
    font-weight: bold;
}
#topicsinfo > .label.seminar {
    background: #E9A42A;
    color: #fff;
}
#topicsinfo > .label.open {
    background: #38889B;
    color: #fff;
}
#topicscontent {
    border-top: solid 1px #CCCCCC;
    border-bottom: solid 1px #CCCCCC;
    padding: 30px 0;
    display: flex;
    gap: 20px 3%;
}
#topicscontent .txt{
    flex-grow: 1;
}
#topicscontent .img{
    width: 40%;
    flex-shrink: 0;
}
.topicsbtn.btn a {
    border: solid 1px #BBBBBB;
    border-top: 0;
    background: #fff;
    color: #000;
    border-radius: 0 0 5px 5px;
    font-size: var(--f14px);
}
.topicsbtn.btn a:hover{
    background: #ebebeb;
}

@media (max-width: 768px) {
    #topicscontent {
        flex-direction: column;
    }
    #topicscontent .img{
        width: 100%;
        order: -1;
    }
}


/*--------------------------------
コラム・インタビュー ----------------
----------------------------------*/
/* 一覧 */
.columnlist__item {
    /*display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px 4%;*/
    border-bottom: solid 1px #38889B;
    margin-bottom: 30px;
    position: relative;
}

.columnlist__item a{
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px 4%;
    position: relative;
text-decoration:none;
}
.columnlist__item a:hover{
opacity:0.8;
}

.columnlist__item .img{
    width: 37%;
    flex-shrink: 0;
    position: relative;
    min-width: 200px;
}
.columnlist__item .img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.columnlist__item .txt{
    flex-basis: 0;
    flex-grow: 1;
    min-width: 55%;
}
.columnlist__item .txt p{
    margin: 0;
}
.columnlist__item p.time {
    font-size: var(--f14px);
}
.columnlist__item p.dr {
    font-size: var(--f14px);
    font-weight: bold;
    text-align: right;
}
.columnlist__item h2.ttl {
    margin: 5px 0;
    color: #333;
    font-size: var(--f26px);
}


.columnlist__item .txt .btn span{
    padding: 5px;
    width: min(100%,10em);
    margin: 0 0 30px auto;
    border-radius: 5px;
}
.columnlist__item .txt .btn span::after{
    content: "";
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    background: url("../images/top/tri_next_w.svg") center no-repeat;
    background-size: contain;
}

.columnlist__item .txt .btn.green span {
    background: #38889B;
    color: #fff;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.5em;
}
.columnlist__item a:hover .txt .btn.green span{
    background: #a8124e;
}


.columnlist__item:not(.userlimit) .userlimitcover{
    display: none;
}

@media (max-width: 425px) {
    .columnlist__item .img {
        flex-grow: 1;
    }
}

.ancnav_column{
    display: flex;
    flex-wrap: wrap;
border-radius:10px;
border:1px solid #ccc;
padding:20px;
}
.ancnav_column .ancnav__item{
width:22%;
margin-right:4%;
margin-bottom:20px;
text-align:center;
}
.ancnav_column .ancnav__item:nth-child(4n){
margin-right:0;
}
.ancnav_column .ancnav__item:nth-child(n+5){
margin-bottom:0;
}


.ancnav.columncategory{
    flex-wrap: wrap;
}

.ancnav.columncategory .ancnav__item{
width: 23%;
}
.ancnav.columncategory .ancnav__item a{
    gap: 0;
}


.ancnav_column .ancnav__item a{
display:block;
text-decoration:none;
}
.ancnav_column .ancnav__item a:hover{
opacity:0.8;
}
.ancnav_column .ancnav__item .text{
margin-top:5px;
font-weight:bold;
font-size:90%;
}











@media (max-width: 425px) {

.ancnav_column .ancnav__item{
width:48%;
}
.ancnav_column .ancnav__item:nth-child(4n){
margin-right:4%;
}
.ancnav_column .ancnav__item:nth-child(2n){
margin-right:0;
}
.ancnav_column .ancnav__item:nth-child(n+5){
margin-bottom:20px;
}
.ancnav_column .ancnav__item:nth-child(n+7){
margin-bottom:0;
}


.ancnav_column{
	max-height: 0;
	overflow-y: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
padding:0px;
border:none;
}
.ancnav_column.expanded{
	max-height:1000px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
padding:20px;
border:1px solid #ccc;
}

.ancnav_column .ancnav__item .text span.num{
display:block;
}

.sp_column_catebtn.expanded img{
transform: rotate(90deg);
}


.ancnav.columncategory .ancnav__item {
    width: 47%;
}


.ancnav.columncategory .ancnav__item a {
    flex-flow: column;
    padding: 0.5em;
    font-size: 90%;
}

.ancnav.columncategory{
	max-height: 0;
	overflow-y: hidden;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
padding:0px;
border:none;
}
.ancnav.columncategory.expanded{
	max-height:1000px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
padding:20px;
border:1px solid #ccc;
}


}




/*--------------------------------
コラム・インタビュー（詳細）----------
----------------------------------*/
#columninfo {
    display: flex;
    gap: 5px 1rem;
    flex-wrap: wrap;
    margin: 15px 0 40px;
}
#columninfo > .label {
    font-size: var(--f12px);
    background: #D5D5D5;
    color: #333333;
    padding: 0.25em 0.5em;
    text-align: center;
    width: 10em;
    flex-shrink: 0;
}
#columninfo > .label.userlimit {
    background: #D12267;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.16);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3px;
    border-radius: 5px;
}
#columninfo > .label.columnlabel {
width:auto;
padding: 0.25em 0.5em;
}


#columninfo > .dr {
    font-size: var(--f18px);
    font-weight: bold;
}

#columncontent {
	word-wrap: break-word;
}

#columncontent .graybox{
    background: #F8F8F8;
    border: solid 1px #BBBBBB;
    border-radius: 10px;
    padding: 25px 30px;
}
#columncontent .graybox h3{
    font-size: var(--f22px);
}
#columncontent .graybox-inner {
    display: flex;
    gap: 10px 5%;
}
#columncontent .graybox-inner .txt {
    flex-grow: 1;
}
#columncontent .graybox-inner .txt dl {
    margin: 0;
    display: flex;
    gap: 5px 1em;
    border-bottom: dashed 1px #CCCCCC;
    padding: 1em 0;
}
#columncontent .graybox-inner .txt dt {
    width: 5em;
    font-weight: bold;
    flex-shrink: 0;
}
#columncontent .graybox-inner .txt dd {
    margin: 0;
}
#columncontent .graybox-inner .txt dd a{
    text-decoration: none;
    word-break: break-all;
}
#columncontent .graybox-inner .txt dd a:hover{
    opacity: 0.6;
}
#columncontent .graybox-inner .img {
    width: max(200px, 30%);
    flex-shrink: 0;
}

#columncontent .whitebox{
    border: solid 1px #BBBBBB;
    border-radius: 10px;
    padding: 25px 30px;
}
#columncontent .whitebox > *:first-child{
    margin-top: 0;
}
#columncontent .whitebox > *:last-child{
    margin-bottom: 0;
}
#columncontent .whitebox h3{
    font-size: var(--f22px);
    margin: 1.5em 0 0.5em;
}
#columncontent .whitebox ul{
    padding-left: 1.5em;
}



.clearfix{
overflow:hidden;
}
* html .clearfix{
height:1%;
overflow:visible;
}

.column_entry_pager{
margin-bottom:50px;
clear:both;
border-top:1px solid #ccc;
padding-top:30px;
}
.column_entry_pager .box.left,
.column_entry_pager .box.center{
float:left;
}
.column_entry_pager .box.right{
float:right;
}
.column_entry_pager .box.center{
text-align:center;
width:15%;
margin:0 2.5%;
}
.column_entry_pager .box.left,
.column_entry_pager .box.right{
display:flex;
width:40%;
}

.column_entry_pager .box a{
text-decoration:none;
display:flex;
font-size:95%;
}

.column_entry_pager .box.center a{
align-items: center;
    justify-content: center;
flex-flow: column;
    padding: 15px;
}
.column_entry_pager .box.center span.icon img{
width:30px;
margin-bottom:5px;
}

.column_entry_pager .box a:hover span.title{
text-decoration:underline;
}


.column_entry_pager .box.left span.photo,
.column_entry_pager .box.right span.photo{
width:30%;
display:inline-block;
}
.column_entry_pager .box.left span.photo{
margin-right:5%;
}
.column_entry_pager .box.right span.photo{
margin-left:5%;
}

.column_entry_pager .box.left span.title,
.column_entry_pager .box.right span.title{
width:65%;
display:inline-block;
    font-style: italic;
}

.column_entry_pager .box.right span.photo{
order:2;
}
.column_entry_pager .box.right span.title{
order:1;
}

.column_entry_pager .box .title span.small{
font-size:80%;
font-weight:bold;
}


.column_supervision {
    border: 1px solid #ccc;
    margin: 0 auto 70px auto;
    padding: 3% 5%;
    border-radius: 10px;
}


.column_supervision h2,
.column_supervision h4{
    font-size: 110%;
}

.column_supervision h2 span,
.column_supervision h4 span{
    font-size: 115%;
}

.column_supervision h2:before ,
.column_supervision h4:before {
    content: '■';
    margin-right: 5px;
}

.column_supervision .title{
display:flex;
flex-flow:wrap;
    border-bottom: 1px solid #ccc;
    align-items: center;
}


.column_supervision .title h3{
    font-size: 130%;
margin-left:20px;
}




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



@media (max-width: 768px) {
.column_entry_pager .box.center{
display:none;
}

.column_entry_pager .box.left,
.column_entry_pager .box.right {
    width: 40%;
}
.column_entry_pager .box a {
    font-size: 80%;
    flex-flow: column;
}
.column_entry_pager .box.right span.photo {
    order: 1;
}
.column_entry_pager .box.right span.title {
    order: 2;
}
.column_entry_pager .box.right span.photo {
    margin-left: 0;
}
.column_entry_pager .box.left span.title,
.column_entry_pager .box.right span.title {
    width: 100%;
}

.column_entry_pager .box.left span.photo,
.column_entry_pager .box.right span.photo {
    width: 100%;
}





}




#columnbottom {
    background: #D12267;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 30px var(--side);
    gap: 2.5%;
    position: relative;
}
#columnbottom .img{
   width: 11%;
   flex-shrink: 0;
}
#columnbottom p{
    line-height: 1.625;
}
#columnbottom::after {
    content: "";
    display: block;
    border-width: 60px 75px;
    border-style: solid;
    border-color: #D12267 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,100%);
}
#columnbottom + #infoarea {
    padding-top: 100px;
}



/*250918 cta設置*/

.column_cta01{
	box-shadow:3px 3px 6px 2px #eee;
	-moz-box-shadow:3px 3px 6px 2px #eee;
	-webkit-box-shadow:3px 3px 6px 2px #eee;
margin-bottom:50px;
}

.column_cta01 a{
display:flex;
flex-flow:wrap;
text-decoration:none;
padding:3%;
background:url(/clinic-support/images/pages/column-cta_bg.jpg) no-repeat center bottom;
background-size:cover;
    justify-content: space-between;
    align-items: center;
}
.column_cta01 .img {
width:22%;

}
.column_cta01 .text{
width:60%;

}
.column_cta01 .text .bg{
background:#fff;
border-radius:100px;
text-align:center;
color:#D12167;
font-weight:bold;
font-size:17px;
padding:5px;
margin-bottom:10px;
}
.column_cta01 .text .info{
color:#fff;
font-size:24px;
font-weight:bold;
padding:0 0 0 10%;
}
.column_cta01 .text .info span.small{
font-size:16px;
}


.column_cta01.head{
}

.column_cta01.foot{
margin-top:50px;
}

.column_cta01 .icon{
width:5%;

}
.column_cta01 a:hover{
opacity:0.8;
}



.column_cta02{
margin:30px 0 60px;
}
.column_cta02 a{
display:flex;
flex-flow:wrap;
text-decoration:none;
padding:3%;
background:#FF7E50;
color:#fff;
    justify-content: space-between;
    align-items: center;
border-radius:10px;
	box-shadow:3px 3px 6px 2px #eee;
	-moz-box-shadow:3px 3px 6px 2px #eee;
	-webkit-box-shadow:3px 3px 6px 2px #eee;
}

.column_cta02 .text{
    width: 94%;
    font-weight: bold;
    display: flex;
    flex-flow: wrap;
    justify-content: center;
    align-items: baseline;
}
.column_cta02 .text .bg{
font-size:20px;
margin-right:2%;
}
.column_cta02 .text .info{
font-size:17px;
}



.column_cta02 .icon{
width:5%;

}
.column_cta02 a:hover{
opacity:0.8;
}









.last-navi{
margin-top:50px;
}
.last-navi ul{
display: flex;
    flex-flow: wrap;
    margin: 0;
    padding: 0;
    list-style: none;
    gap: 1%;
    justify-content: space-between;
}
.last-navi ul li{
margin:0;
padding:0;
list-style:none;
}
.last-navi ul li a{
display:block;
background:#efefef;
text-align:center;
padding:15px;
text-decoration:none;
}
.last-navi ul li a:hover{
background:#FBF4F4;
}

.last-navi.part2 ul li{
width:calc(99% / 2);
}
.last-navi.part3 ul li{
width:calc(98% / 3);
}
.last-navi ul li:first-child{
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
    overflow: hidden;
}
.last-navi ul li:last-child{
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    overflow: hidden;
}

.last-navi ul li.now a{
background:#D12267;
color:#fff;
    pointer-events: none;
}


#columsearch{
background:#f7f6fb;
padding:20px 30px;
margin-bottom:50px;
}
#columsearch .wrap{
display:flex;
}
#columsearch .wrap .input{
width:calc(100% - 50px);
margin-right:5px;
}
#columsearch .wrap .input input{
width:100%;
margin:0 0 0 0;
}
#columsearch .wrap .btn{
    width: 40px;
    max-width: 15%;
}
#columsearch .wrap .btn button{
margin:0;
display: inline-block;
padding: 8px;
border-radius: 5px;
font-weight: normal;
    font-size: 100%;
}

p.SearchString{
text-align:center;
font-size:110%;
margin-bottom:50px;
border-bottom:1px solid #ccc;
padding-bottom:30px;
}


p.noword{
text-align:center;
margin-bottom:50px;
font-weight:bold;
}

.NoSearch{
    border: 4px double #ccc;
    padding: 30px;
    margin-bottom: 50px;
}
.NoSearch .title{
text-align: center;
    font-weight: bold;
    margin: 0 0 30px 0;
    font-size: 110%;
    padding: 0;
}
.NoSearch .li:before{
content:'・';
}







/*column本文レイアウト*/

#columncontent .title_font38{font-size:38px;}
#columncontent .title_font37{font-size:37px;}
#columncontent .title_font36{font-size:36px;}
#columncontent .title_font35{font-size:35px;}
#columncontent .title_font34{font-size:34px;}
#columncontent .title_font33{font-size:33px;}
#columncontent .title_font32{font-size:32px;}
#columncontent .title_font31{font-size:31px;}
#columncontent .title_font30{font-size:30px;}
#columncontent .title_font29{font-size:29px;}
#columncontent .title_font28{font-size:28px;}
#columncontent .title_font27{font-size:27px;}
#columncontent .title_font26{font-size:26px;}
#columncontent .title_font25{font-size:25px;}
#columncontent .title_font24{font-size:24px;}
#columncontent .title_font23{font-size:23px;}
#columncontent .title_font22{font-size:22px;}
#columncontent .title_font21{font-size:21px;}
#columncontent .title_font20{font-size:20px;}
#columncontent .title_font19{font-size:19px;}
#columncontent .title_font18{font-size:18px;}

#columncontent .title_h{
margin-bottom:30px;
}
#columncontent .title_h.mb0{
margin-bottom:0px;
}
#columncontent .title_h.mb20{
margin-bottom:20px;
}
#columncontent .title_h.mb50{
margin-bottom:50px;
}

#columncontent .title_bold{
font-weight:bold;
}

#columncontent .title_center{
text-align:center;
}

#columncontent .title_underline{
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

#columncontent .title_sideline{
border-left:5px solid #ccc;
padding:3px 0 3px 10px;
}

#columncontent .title_colorline{
border-bottom: 1px solid #D12267;
padding-bottom: 5px;
}

#columncontent .title_side-colorline{
border-left:5px solid #D12267;
padding:3px 0 3px 10px;
}



#columncontent .column2,
#columncontent .column3,
#columncontent .column4,
#columncontent .column_photo{
    display: flex;
    flex-flow: wrap;
    justify-content:space-between;
}

#columncontent .column1 .box,
#columncontent .column2 .box,
#columncontent .column3 .box,
#columncontent .column4 .box,
#columncontent .column_photo .box{
margin-bottom:3%;
}

#columncontent .column1 .box p,
#columncontent .column2 .box p,
#columncontent .column3 .box p,
#columncontent .column4 .box p,
#columncontent .column_photo .box p{
    margin-top: 0;
}

#columncontent .column2 .box{
width:47%;
}

#columncontent .column3 .box{
width:29%;
}

#columncontent .column_photo .box.photo{
width:29%;
}
#columncontent .column_photo .box.text{
width:65%;
}

#columncontent .column_photo.wide .box.photo{
width:40%;
}
#columncontent .column_photo.wide .box.text{
width:54%;
}


#columncontent .line_center{text-align:center;}
#columncontent .line_right{text-align:right;}
#columncontent .line_left{text-align:left !important;}


#columncontent .font_font28{font-size:28px;}
#columncontent .font_font27{font-size:27px;}
#columncontent .font_font26{font-size:26px;}
#columncontent .font_font25{font-size:25px;}
#columncontent .font_font24{font-size:24px;}
#columncontent .font_font23{font-size:23px;}
#columncontent .font_font22{font-size:22px;}
#columncontent .font_font21{font-size:21px;}
#columncontent .font_font20{font-size:20px;}
#columncontent .font_font19{font-size:19px;}
#columncontent .font_font18{font-size:18px;}
#columncontent .font_font17{font-size:17px;}
#columncontent .font_font16{font-size:16px;}
#columncontent .font_font15{font-size:15px;}
#columncontent .font_font14{font-size:14px;}
#columncontent .font_font13{font-size:13px;}
#columncontent .font_font12{font-size:12px;}



#columncontent .font_red {
    color: #ff0000 !important;
}

#columncontent .font_blue {
    color: #26499d !important;
}

#columncontent .font_gray {
    color: #666 !important;
}

#columncontent .font_lightgray {
    color: #aaa !important;
}












@media (max-width: 768px) {
    #columnbottom {
        gap: 20px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    #columnbottom .img {
        width: clamp(100px,20%,200px);
    }
    #columncontent .graybox-inner {
        flex-wrap: wrap;
    }
    #columncontent .graybox-inner .img {
        width: 100%;
        order: -1;
        margin: 10px 0 0;
    }
    #columncontent .graybox-inner .img img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }



#columncontent .column_photo.wide .box.photo {
    width: 100%;
}

#columncontent .column_photo.wide .box.text {
    width: 100%;
}

dl.column_dl dd {
    width: 100%;
    margin: 0 auto 20px auto !important;
}

#columncontent .graybox-inner .txt dl {
    flex-flow: column;
}
#columncontent .graybox-inner .txt dt {
    width: 100%;
}

#pnkz.entry span:last-child{
    width: 70px; /* 省略せずに表示するサイズを指定 */
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}





}
@media (max-width: 425px) {
   
}




    .box.div90 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    }
    .box.div80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    }
    @media (max-width: 768px) {
    .box.div90,
    .box.div80 {
    width: 100%;
    }
    }



@media (max-width: 1269px) {

/*
    #search-contact {
        top: auto;
        bottom: 0;
        right: 0;
        width: 100%;
    }
    #search-contact .wrap{
display:flex;
flex-flow:wrap;
}


    #search-contact a {
        border-radius: 0;
flex-direction: column;
margin-bottom: 0px;
        padding: 10px;
width: calc(100% / 3);
border-right:1px solid #fff;
}
    #search-contact a:last-child{
border-right:unset;
}
    #search-contact .icon {
        width: 4.5em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
*/
}



















/*--------------------------------
開業セミナー情報
----------------------------------*/
.seminarlist__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
    padding: 20px;
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    margin-bottom: 20px;
    position: relative;
}
.seminarlist__item:not(.userlimit) .userlimitcover {
    display: none;
}
.seminarlist__item.userlimit {
    padding-bottom: 40px;
}
.seminarlist__item .userlimitcover {
    gap: 0;
}
.seminarlist__item .userlimitcover p{
    margin: 5px 0 0;
}
.seminarlist__item .userlimitcover .btnwrap {
    flex-wrap: nowrap;
}
.seminarlist__item .userlimitcover .btnwrap .btn {
    width: clamp(100px,45%,340px);
}

.seminarlist__item span.add {
    background: #38889B;
    color: #fff;
    padding: 2px 10px;
    margin-right: 10px;
}
.seminarlist__item h2{
    margin: 5px 0;
text-indent: -94px;
    margin-left: 94px;
}
.seminarlist__item h2 span.free {
    font-size: var(--f16px);
    font-weight: normal;
    border: solid 1px;
    padding: 2px 5px;
    color: #F60000;
    margin-right: 10px;
}
.seminarlist__item h2 span.free.normal {
    color: #38889B;
}
.seminarlist__item p.desc {
    margin: 0;
}
.seminarlist__item > .btn {
    width: max(20%,12em);
    flex-shrink: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.seminarlist__item > .btn a::after{
    content: "";
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    background: url("../images/top/tri_next_w.svg") center no-repeat;
    background-size: contain;
}


.btn.green.movie a {
    background: #ea5549;
}
.seminarlist__item span.add.movie {
    background: #ea5549;
}

.login_newmember{
background: #fff;
    padding: 20px 5%;
    width: 70%;
    margin: 70px auto;
    border-radius: 10px;
}
.login_newmember .ttl_line {
font-size: 24px;
    margin-bottom: 30px;
}
.login_newmember .btn {
margin-top:30px;
}
.login_newmember .btn a{
background:#38889B;
    padding: 1em 1em;
}







/* 終了、定員 */
.seminarlist__item.end,
.seminarlist__item.full{
    background: #E6E6E6;
}
.seminarlist__item h2 span.end {
    font-size: var(--f16px);
    font-weight: normal;
    padding: 2px 5px;
    background: #265F6D;
    color: #fff;
    margin-right: 10px;
}
.seminarlist__item.end .btn a
.seminarlist__item.full  .btn a {
}


.seminarlist__item.end .btn.green a{
background:#7d7d7d;
}
.seminarlist__item.full .btn.green a{
background:#ea5550;
}

.seminarlist__item.end span.add{
background:#7d7d7d;
}

/* 会場お問い合わせ */
#seminar-access{
    background: #F7F6F5;
    padding: 50px var(--side);
}
#seminar-access dl {
    display: flex;
    gap: 10px 2%;
    align-items: flex-start;
}
#seminar-access dt {
    font-weight: var(--f20px);
    font-weight: bold;
    padding: 0.5em;
    padding-left: 15px;
    border-left: solid 5px #D12267;
    flex-shrink: 0;
    width: 25%;
}
#seminar-access dd {
    margin: 0;
    flex-grow: 1;
}
#seminar-access .map iframe {
    width: 100%;
    aspect-ratio: 8/5;
}







@media (max-width: 768px) {
    .seminarlist__item {
        flex-direction: column;
    }
    .seminarlist__item .txt {
        width: 100%;
    }
    .seminarlist__item .btn {
        height: auto;
        width: 70%;
        align-self: flex-end;
    }
    .seminarlist__item .btn {
        width: max(50%,12em);
    }

    #seminar-access dl {
        flex-wrap: wrap;
    }
    #seminar-access dt {
        width: 100%;
    }
}


.seminar_youtube{
max-width:800px;
margin:0 auto 50px auto;
}
 
.seminar_youtube iframe {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
}

.seminar_youtube_text{
margin-bottom:60px;
}



@media (max-width: 425px) {
    .seminarlist__item .userlimitcover .btnwrap {
        flex-wrap: wrap;
        gap: 10px;
    }
    .seminarlist__item .userlimitcover .btnwrap .btn {
        width: 90%;
    }
    .seminarlist__item span.brwrap {
        display: block;
        margin-top: 5px;
    }
}
/*--------------------------------
開業セミナー情報（詳細）
----------------------------------*/
.seminarend{
    background: #F60000;
    color: #fff;
    border-radius: 5px;
    padding: 1em;
    text-align: center;
    font-size: var(--f20px);
    font-weight: bold;
}


.table.seminar table th {
    width: 25%;
}
.btn.long a {
    padding: 20px;
    width: min(100%,630px);
}
@media (max-width: 768px) {
    .table.seminar table th {
        width: 100%;
    }
}

/*--------------------------------
開業セミナー応募フォーム
----------------------------------*/
dl.formitem {
    margin: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 1rem;
    padding: 30px 15px;
}
dl.formitem + dl.formitem {
    border-top: solid 1px #CCCCCC;
}
dl.formitem.border {
    border-bottom: solid 1px #CCCCCC;
}
dl.formitem dt {
    width: max(15em,27%);
    font-weight: bold;
    display: flex;
    align-items: baseline;
    gap: 10px;
}
dl.formitem span.formlabel {
    background: #38889B;
    color: #fff;
    padding: 0 0.5em;
    font-weight: normal;
    flex-shrink: 0;
}
dl.formitem span.formlabel.req {
    background: #FF0000;
}
dl.formitem dd {
    margin: 0;
    flex-basis: 0;
    flex-grow: 1;
}
#seminarform label{
    display: block;
    margin-bottom: 0.5em;
}
#seminarform label.radio {
    display: flex;
    align-items: baseline;
    gap: 10px;
}
#seminarform label.checkbox {
    display: flex;
    align-items: center;
    gap: 10px;
}
#seminarform input[type="text"],
#seminarform input[type="tel"],
#seminarform input[type="email"] {
    width: 100%;
    border: solid 1px #9B9B9B;
    border-radius: 5px;
}
.scrollbox {
    border: solid 1px #CCCCCC;
    padding: 25px;
    height: 17em;
    overflow: auto;
}
.scrollbox > *:first-child {
    margin-top: 0;
}
.scrollbox > *:last-child {
    margin-bottom: 0;
}
form button {
    background: #D12267;
    border-radius: 5px;
    color: #fff;
    font-size: var(--f20px);
    padding: 1em;
    display: flex;
    margin: 30px auto;
    width: min(100%,630px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
}
form button:hover {
    background: #a51851;
}
@media (max-width: 768px) {
    dl.formitem dd {
        margin: 0;
        flex-basis: 100%;
        flex-grow: 1;
    }
}




.wrap_praivacy{
padding:50px 0;
}
.wrap_praivacy dl.etc_page-dl{
width:100%;
margin-bottom:30px;
}

.wrap_praivacy dl.etc_page-dl dt{
background:#efefef;
font-weight:bold;
font-size:120%;
margin-bottom:15px;
padding:10px;
}
.wrap_praivacy dl.etc_page-dl dt h2,
.wrap_praivacy dl.etc_page-dl dt h3{
font-size:100%;
margin:0;
padding:0;
}

.wrap_praivacy dl.etc_page-dl dd{
margin-bottom:40px;
}

.wrap_praivacy dl.etc_page-dl dd ul.list_decimal li{
margin-bottom:10px;
list-style:decimal;
}

.wrap_praivacy ul.list_decimal li {
    margin-bottom: 10px;
    list-style: decimal;
}



/*--------------------------------
Aform フォーム
----------------------------------*/



#aform-confirm-form dl,
.form_wrap dl{
    margin: 0;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
    gap: 10px 1rem;
    padding: 30px 15px;
    border-top: solid 1px #CCCCCC;
}

#aform-confirm-form dl dt,
.form_wrap dl dt {
    width: max(15em,27%);
    font-weight: bold;
    display: flex;
    align-items: baseline;
    gap: 10px;
    align-self: flex-start;
}

.form_wrap dl span.aform-required {
    color: #fff;
    padding: 0 0.5em;
    font-weight: normal;
    flex-shrink: 0;
    background: #FF0000;
margin-left:10px;
}
#aform-confirm-form dl span.aform-required{
display:none;
}



#aform-confirm-form dl dd,
.form_wrap dl dd {
    margin: 0;
    flex-basis: 0;
    flex-grow: 1;
}

.form_wrap dl dd ul.aform-name-ul{
display:flex;
list-style:none;
margin:0;
padding:0;
}

.form_wrap dl dd ul.aform-checkbox-ul,
.form_wrap dl dd ul.aform-radio-ul{
margin:0 ;
    padding: 0;
}



.form_wrap dl dd ul.aform-checkbox-ul li,
.form_wrap dl dd ul.aform-radio-ul li{
list-style:none;
margin:0 0 10px 0;
padding:0;
}

.form_wrap dl dd ul.aform-checkbox-ul:last-child
.form_wrap dl dd ul.aform-radio-ul li:last-child{
margin-bottom:0;
}


.form_wrap dl dd ul.aform-name-ul li{
margin-right:15px;
}
.form_wrap dl dd ul.aform-name-ul li:last-child{
margin-right:0px;
}

.aform-header{
background: #EFEFEF;
    padding: 10px 20px;
    color: #333;
    margin:50px 0 30px;
    font-size: var(--f24px);
font-weight:bold;
}


.form_wrap .aform-button-area{
text-align:center;
    border-top: solid 1px #CCCCCC;
    padding: 30px 15px;
}


.form_wrap .aform-button-area input {
    background: #D12267;
    border-radius: 5px;
    color: #fff;
    font-size: var(--f20px);
    padding: 1em;
    display: flex;
    margin: 30px auto;
    width: min(100%,630px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    cursor: pointer;
}
#aform-confirm-form .aform-button-area input:hover,
.form_wrap .aform-button-area input:hover{
opacity:0.8;
}



#aform-confirm-form p#aform_confirm_msg{
text-align:center;
    border-top: solid 1px #CCCCCC;
    padding: 30px 15px;
}

#aform-confirm-form .aform-button-area{
text-align:center;
}

#aform-confirm-form .aform-button-area input{
    background: #D12267;
    border-radius: 5px;
    color: #fff;
    font-size: var(--f20px);
    padding: 1em;
display: inline-block;
    margin: 0 10px;
    width: min(40%,300px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    cursor: pointer;
}

#aform-confirm-form .aform-button-area input#aform_btn_back{
background: #999;
}


.aform-error-list dt{
border-bottom:solid #D12267 4px;
font-size:24px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:20px;
}

.aform-error-list dd{
color:#ff0000;
margin-bottom:10px;
}
.aform-error-list dd:before{
content:'・'
}

#aform-1{
    padding: 0 0 50px 0;
}


.contact-thanks_logo{
text-align:center;
}

.contact-form_maintitle{
text-align:center;
}

.contact-thanks_wrap{
    padding: 0 0 50px 0;
}

.aform-hdln{
    border-left: solid #D12267 5px;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 30px;
    padding: 5px 10px;
}

.aform-input-example{
margin-bottom:15px;
}


main.login_screen{
background:#efefef;
padding-top:50px;
padding-bottom:50px;

}

main.login_screen p.lead{
text-align:center;
margin-bottom:50px;
}
main.login_screen p.lead b{
color:#D12267
}

main.login_screen p.nonpass{
text-align:center;
}

main.login_screen form{
text-align:center;
}
main.login_screen form dl{
    display: inline-block;
    width: 60%;
margin-top:0;
margin-bottom:0;
}
main.login_screen form dl dt{
text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
    padding: 10px 15px;
    font-size: 18px;
}
main.login_screen form dl dd{
    padding: 10px 15px;
}

main.login_screen .submit{
padding-top:50px;
}
main.login_screen .submit input{
    background: #D12267;
    border-radius: 5px;
    color: #fff;
    font-size: var(--f20px);
    padding: 1em;
display: inline-block;
    margin: 0 10px;
    width: min(40%,300px);
    justify-content: center;
    align-items: center;
    gap: 10px;
    font-weight: bold;
    cursor: pointer;
}






/*--------------------------------
診療圏調査Web申込
----------------------------------*/
.width975px{
    max-width: 975px;
    margin-right: auto;
    margin-left: auto;
}
.asearch-what.clm{
    --clmgap: 5%;
    row-gap: 20px;
}
.asearch-what__item.clm__item{
    background: #D12267;
    border-radius: 10px;
    color: #fff;
    padding: 30px min(30px,6%) 50px;
    text-align: center;
}
.asearch-what__item.clm__item .img{
    width: 65%;
    aspect-ratio: 100/37;
    margin: 0 auto 1rem;
}
.asearch-what__item.clm__item .img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
.asearch-what__item.clm__item h3{
    color: #F7FF00;
}

dl.step {
    margin: 1rem 0 40px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
dl.step:not(:last-of-type) {
    border-bottom: solid 1px #CCCCCC;
    padding-bottom: 10px;
    position: relative;
}
dl.step dt {
    font-weight: bold;
    font-size: var(--f20px);
    display: flex;
    align-items: center;
    gap: 1em;
}
dl.step dt span.label {
    background: #D12267;
    color: #fff;
    padding: 5px 2em;
    border-radius: 5px;
    font-size: var(--f18px);
}
dl.step dd {
   margin: 0;
}
dl.step:not(:last-of-type)::after {
    content: "";
    display: block;
    border-style: solid;
    border-width: 22px 20px;
    border-color: #D12267 transparent transparent transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%,100%);
}
.btn a span.userlimitlabel {
    background: #fff;
    color: #FF0000;
    font-size: var(--f14px);
    font-weight: bold;
    padding: 2px 5px;
    border-radius: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: 2px;
}


/*--------------------------------
物件検索（詳細）
----------------------------------*/
.searchdetail-main {
    display: grid;
    grid-template-columns: 47% 50%;
    grid-template-rows: auto 1fr;
    gap: 10px 3%;
}
.searchdetail-main .imgs {
    grid-column: 1/2;
    grid-row: 1/3;
}
.searchdetail-main .txt01 {
    grid-column: 2/3;
    grid-row: 1/2;
}
.searchdetail-main .txt02 {
    grid-column: 2/3;
    grid-row: 2/3;
}
.searchdetail-main .searchdetail-slider .slick-list {
    width: 100%;
}
.searchdetail-main .searchdetail-slider .slick-arrow{
    position: absolute;
    top: 50%;
    width: max(6%,15px);
    left: 10px;
    z-index: 5;
    filter: brightness(2) invert(0);
    transform: translateY(-50%);
}
.searchdetail-main .searchdetail-slider .slick-arrow.next-arrow{
    right: 10px;
    left: auto;
}
.searchdetail-main .searchdetail-thumb .slick-slide {
    flex: 0 0 calc((100% - 36px)/4);
}
.searchdetail-main .searchdetail-slider .slick-slide a.modaalimg p{
    margin: 5px;
}
.searchdetail-main .searchdetail-thumb .slick-track {
    gap: 12px;
}

.searchdetail-main .txt h2{
    margin: 0;
}
.searchdetail-main .tags.clm {
    --clmgap: 4%;
    row-gap: 10px;
    margin-top: 15px;
}
.searchdetail-main .tag {
    background: #38889B;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: var(--f12px);
}





.searchdetail-point {
    border: solid 1px #BBBBBB;
    border-radius: 10px;
    overflow: hidden;
}
.searchdetail-point h3{
    text-align: center;
    padding: 10px;
    background: #D12267;
    color: #fff;
    font-size: var(--f24px);
    margin: 0;
}
.searchdetail-point ul{
    margin: 20px;
}

/* slider */
.searchdetail-slider {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}
.searchdetail-slider .slick-list {
    width: 82%;
}

.searchdetail-thumb .slick-track {
    transform: unset !important;
    width: 100% !important;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.searchdetail-thumb .slick-slide {
    display: block!important;
    float: none !important;
    flex: 0 0 calc((100% - 80px)/5);
    aspect-ratio: 3/2;
    overflow: hidden;
}
.searchdetail-thumb .slick-slide img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.searchdetail-thumb__item {
    position: relative;
}
.searchdetail-thumb__item.slick-current img{
    opacity: 0.5;
}
.searchdetail-thumb__item.slick-current::after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    border: solid 3px #D12267;
    z-index: 5;
}
.searchdetail-thumb .slick-track:before,
.searchdetail-thumb .slick-track:after {
    content: none;
}


dl.table {
    display: flex;
    align-items: baseline;
    gap: 10px 5%;
    margin: 20px 0;
}
dl.table dt{
   width: max(8em,20%);
   font-weight: bold;
   background: #EFEFEF;
   text-align: center;
   padding: 5px;
   flex-shrink: 0;
}
dl.table dd{
    margin: 0;
    flex-grow: 1;
}

.search-detail-modal.clm{
    --clmgap:6%;
    row-gap: 10px;
}
a.modaalimg{
    text-decoration: none;
}
a.modaalimg:hover{
    opacity: 0.6;
}
a.modaalimg p {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 5px;
    font-size: var(--f14px);
}
a.modaalimg p span{
    display: flex;
    justify-content: center;
    align-items: center;
}
.map iframe {
    width: 100%;
    aspect-ratio: 16/9;
}


.kennai-jinko_wrap{
display: grid;
    /* flex-flow: wrap; */
    /* justify-content: space-between; */
    /* gap: 0; */
    margin: 0 0 0px 0;
    grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
    gap: 0;
}
.kennai-jinko_wrap .box dl{
display:flex;
flex-flow:column;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
}
.kennai-jinko_wrap .box:last-child dl{
border-right:1px solid #ccc;
}

.kennai-jinko_wrap .box.midashi{
font-weight:bold;
}


.kennai-jinko_wrap dl dt {
    background: #efefef;
    text-align: center;
    font-weight: bold;
    padding: 10px;
    margin: 0;
border-bottom:1px solid #ccc;
}
.kennai-jinko_wrap dl dd {
    text-align: center;
    padding: 10px;
    margin: 0;
}

.jinko_subtext{
margin-bottom:50px;
font-size:90%;
    color: #999;
}



hr.green {
    margin: 0;
    border-color: #557F97;
    border-width: 0 0 5px 0;
}
.search-detail-tbl.js-scrollable table {
    min-width: 980px;
}

.search-detail-req {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 25px;
}
.search-detail-req__item {
    width: 89px;
    text-align: center;
}
.search-detail-req__item .icon{
    /*background: #F1F3F6;*/
    width: 100%;
    aspect-ratio: 1/1;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-detail-req__item p {
    margin-top: 0;
}




.searchdetail-kukaku .searchdetail-thumb{
    width: 80%;
    margin: 0 auto;
}







/* .pulse  */
@media (min-width: 769px) {
.pulse {
	opacity: 1!important;
	visibility: visible;
  -webkit-animation: pulse infinite alternate linear 1s;
  -moz-animation: pulse infinite alternate linear 1s;
  -o-animation: pulse infinite alternate linear 1s;
  -ms-animation: pulse infinite alternate linear 1s;
  animation: pulse infinite alternate linear 1s;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(1);
  }
  100% {
    -webkit-transform: scale(1.05);
  }
}
@-moz-keyframes pulse {
  0% {
    -moz-transform: scale(1);
  }
  100% {
    -moz-transform: scale(1.05);
  }
}
@-ms-keyframes pulse {
  0% {
    -ms-transform: scale(1);
  }
  100% {
    -ms-transform: scale(1.05);
  }
}
@-o-keyframes pulse {
  0% {
    -o-transform: scale(1);
  }
  100% {
    -o-transform: scale(1.05);
  }
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.05);
  }
}
}

@media (max-width: 768px) {
    .searchdetail-main {
        grid-template-columns: 100%;
    }
    .searchdetail-main .imgs {
        grid-column: 1/2;
        grid-row: 2/3;
    }
    .searchdetail-main .txt01 {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    .searchdetail-main .txt02 {
        grid-column: 1/2;
        grid-row: 3/4;
    }
    dl.table {
        flex-wrap: wrap;
    }
    dl.table dt {
        width: 100%;
    }
    .searchdetail-main .tags.clm {
        --clmgap: 4%;
        row-gap: 15px;
        margin-top: 15px;
        --clmnum: 2;
    }
    .searchdetail-main .tags.clm > .tag.clm__item {
                width: auto;
        padding: 5px 15px;
    }
    .searchdetail-kukaku .searchdetail-thumb {
        width: 100%;
    }


}
@media (max-width: 425px) {
    .searchdetail-slider{
        margin-bottom: 5px !important;
    }
    .searchdetail-slider .slick-list {
        width: 100%;
    }
    .searchdetail-thumb .slick-track {
        gap: 5px;
    }
    .searchdetail-thumb .slick-slide {
        flex: 0 0 calc((var(--content) - 20px)/5);
    }
}

/*--------------------------------
コスモス薬品の開業支援
----------------------------------*/
#support-main {
    display: grid;
}
#support-main .img,
#support-main .txt {
    grid-column: 1/1;
    grid-row: 1/1;
}
#support-main .img {
    width: 100%;
    height: 100%;
}
#support-main .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: right 20% center;
}
#support-main .txt {
    align-self: center;
    max-width: 500px;
    margin: 50px;
}
#support-main .txt h2 {
    font-size: var(--f28px);
    color: #255B68;
}
#support-main .txt p {
    line-height: 1.75;
}

#support-sec02.clm {
    --clmgap: 5.8%;
    row-gap: 20px;
}
.imglink.support-sec02__item .txt h3,
.imglink.support-sec02__item .txt h3 {
    font-size: var(--f18px);
}
#support-sec03.clm {
    --clmgap: 6%;
    row-gap: 20px;
}

@media (max-width: 768px) {
    #support-main .txt {
        max-width: unset;
        margin: 0 0 30px;
        grid-row: 2/3;
    }
}


/*--------------------------------
トップメッセージ
----------------------------------*/
#pagemv.topmessage h1 span{
    margin-left: 0.5em;
}
#pagemv.topmessage .img img{
    object-position: right;
}

.topmessage-ttl {
    display: flex;
    justify-content: center;
    color: #255B68;
    font-size: var(--f28px);
}
.cosmossupports.clm {
    --clmgap: 5%;
    row-gap: 20px;
}
.cosmossupports.clm h3{
   font-size: var(--f16px);
}

@media (max-width: 768px) {
    #pagemv.topmessage .txt {
        align-self: end;
        color: #fff;
        position: relative;
    }
    #pagemv.topmessage .img {
        background: #000;
    }
    #pagemv.topmessage .img img {
        opacity: 0.6;
    }
}

/*--------------------------------
コスモス薬品の強み
----------------------------------*/

.ttl_line span.smallfont{
font-size: var(--f20px);
}



.strong-consept {
    font-size: var(--f28px);
    text-align: center;
    font-weight: bold;
    color: #333333;
}
.strong-consept span {
    background: linear-gradient(to top,#FFD2D2 0% ,#FFD2D2 16px,transparent 16px, transparent 100%);
}

.strong-imgs.clm{
    --clmgap:4%;
}
.strong-desc {
    max-width: 860px;
    margin: 0 auto;
}
.strong-desc p {
    line-height: 1.77;
}

#strong-merit.clm {
    --clmgap: 5.8%;
    row-gap: 20px;
}
.strong-merit-item{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

#strong-merit h3,
#strong-merit h4 {
    background: #D12267;
    color: #fff;
    padding: 15px;
    font-size: var(--f20px);
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}
#strong-merit .strong-merit-list.clm {
    --clmgap: 5%;
    row-gap: 30px;
}
#strong-merit .strong-merit-list__item {
    border: solid 3px #CCCCCC;
    border-radius: 5px;
    padding: 30px 20px;
}
#strong-merit .strong-merit-list__item .wrap {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
#strong-merit .strong-merit-list__item .wrap .icon {
    width: 25%;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100px;
}
#strong-merit .strong-merit-list__item .wrap .icon img{
max-height:100px;
}


#strong-merit .wrap h4 {
    min-width: 12em;
    font-size: var(--f24px);
}
#strong-merit h4 {
    color: #333;
}
#strong-merit p {
    line-height: 1.75;
}

#strong-merit .strong-merit-item:nth-of-type(2) h3{
    background: #38889B;
}
#strong-merit .strong-merit-item:nth-of-type(2) h4{
    font-size: var(--f20px);
}
#strong-merit .strong-merit-list.clm.clm3 {
    --clmgap: 4%;
}

#strong-merit .strong-merit-list__item h4{
background:none;
padding:none;
font-size: var(--f20px);
}




@media (max-width: 1001px) {
    #strong-merit .strong-merit-list__item .wrap {
        justify-content: center;
        text-align: center;
        flex-direction: column;
    }
}
@media (max-width: 768px) {
    .strong-imgs.clm > .clm__item {
        width: calc(var(--clmspace) / var(--clmnum));
    }
    .strong-imgs.clm {
        --clmgap: 1%;
    }
}
@media (max-width: 425px) {
    #strong-merit .strong-merit-list__item .wrap {
        gap: 0;
        margin-bottom: 0;
        justify-content: center;
        text-align: center;
    }
}

/*--------------------------------
サービス内容
----------------------------------*/
#service-intvw {
    background: #FBF4F4;
    padding: 60px var(--side);
}
#service-intvw .clmslider {
    position: relative;
}
#service-intvw .clmslider .slick-list {
    margin-left: calc(0% - min(40px,1.5vw));
    margin-right: calc(0% - min(40px,1.5vw));
}
#service-intvw .clmslider .slick-arrow {
    position: absolute;
    top: 50%;
}
#service-intvw .clmslider .prev-arrow.slick-arrow {
    left: -20px;
    transform: translateX(-100%);
}
#service-intvw .clmslider .next-arrow.slick-arrow {
    right: -20px;
    transform: translateX(100%);
}
#service-intvw .clmlist__item {
    margin: 0 min(40px,1.5vw);
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    padding: 20px 15px 0;
    position: relative;
    background: #fff;
}

/* img */
#service-intvw .clmlist__item .img{
    position: relative;
    margin-bottom: 10px;
}
#service-intvw .clmlist__item .img > img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#service-intvw .clmlist__item .img span.label {
    position: absolute;
    top: 0;
    left: 0;
    background: #F60000;
    border-radius: 0 0 9px 0;
    color: #EEFF01;
    font-size: var(--f10px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 5px;
    aspect-ratio: 1/1;
}
#service-intvw .clmlist__item:not(.userlimit) .img span.label{
    display: none;
}

/* h3,p */
#service-intvw .clmlist__item h3 {
    font-size: var(--f18px);
    color: #D12267;
}
#service-intvw .clmlist__item p {
    font-size: var(--f14px);
    font-weight: bold;
    margin-bottom: 20px;
}

/* btn */
#service-intvw .clmlist__item > .btn a {
    border-radius: 5px 5px 0 0;
    padding: 0.25em 1em;
    width: fit-content;
    margin: 0 auto;
}
#service-intvw .clmlist__item > .btn a::after{
    content: "";
    width: 0.75em;
    height: 0.75em;
    display: inline-block;
    background: url("../images/top/tri_next_w.svg") center no-repeat;
    background-size: contain;
}
.clmlist__item:not(.userlimit) .userlimitcover {
    display: none;
}

.width856px {
    max-width: 856px;
    margin: 0 auto;
}

#service-list.clm {
    --clmgap: 7.8%;
    row-gap: 60px;
}
#service-list .service-item {
    display: flex;
    flex-direction: column;
}
#service-list .service-item .txt{
    flex-grow: 1;
    margin-bottom: 10px;
}
#service-list h3 span.label {
    display: inline-block;
    background: #38889B;
    color: #fff;
    font-size: var(--f14px);
    padding: 5px 1em;
    font-weight: normal;
}
#service-list h3.ttl_obi span.inner {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 1em;
}

/* dl.acostep */

/* 6.22 一旦アコーディオンdd周りをコメントアウト */

dl.acostep dt {
    border: solid 1px #CCCCCC;
    border-radius: 5px;
    display: flex;
    gap: 30px;
    align-items: center;
    /*cursor: pointer;*/
    overflow: hidden;
    padding-right: 1rem;
    color: #333333;
}
/*
dl.acostep.open dt {
    background: #D12267;
    color: #fff;
}
*/
dl.acostep dt::after {
    content: "";
    display: block;
    width: 32px;
    height: 32px;
    /*background: url("../images/pages/service_open.svg") no-repeat center;*/
    background-size: contain;
    flex-shrink: 0;
    transition: none;
}
/*
dl.acostep.open dt::after {
    background: url("../images/pages/service_close.svg") no-repeat center;
    background-size: contain;
}
*/
dl.acostep dt span.label {
    flex-grow: 1;
    font-weight: bold;
    font-size: var(--f20px);
    padding: 10px 0;
}
dl.acostep dt h3.num {
    font-family: 'Oswald', sans-serif;
    background: #D12267;
    color: #fff;
    font-size: var(--f14px);
    padding: 8px;
    align-self: stretch;
    display: flex;
    justify-content: center;
    align-items: center;
margin: 0;
    font-weight: normal;
}
dl.acostep dd {
    background: #F1F3F6;
    margin: 0 3%;
    border-radius: 0 0 10px 10px;
    padding: 30px;
    /*display: flex;*/
    gap: 20px 3%;
    position: relative;
    transition: none;
    display: none !important;


}


dl.acostep dd::before {
    content: "";
    width: 100%;
    height: 20px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(to bottom,#C2C2C2 0%,#EFEFEF 100%);
    opacity: 0.7;
}
dl.acostep dd .img{
    width: 30%;
    flex-shrink: 0;
}
dl.acostep dd .txt p:first-child {
    margin-top: 0;
}
dl.acostep dd .img,
dl.acostep dd .txt{
    position: relative;
}
#service-flow .flow-arw {
    text-align: center;
}

.arwlink {
    display: flex;
    justify-content: flex-end;
    gap: 10px;
}
.arwlink span {
    background: #D12267;
    color: #fff;
    font-size: var(--f14px);
    padding: 6px 1em;
    position: relative;
    line-height: 1;
    margin-right: 1em;
}
.arwlink span::after {
    content: "";
    border-style: solid;
    border-color: transparent transparent transparent #D12267;
    border-width: 13px 10px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(100%,-50%);
}

@media (max-width: 1200px) {
    #service-intvw .clmslider .prev-arrow.slick-arrow {
        left: calc(0% - (var(--side) / 2));
        transform: none;
    }
    #service-intvw .clmslider .next-arrow.slick-arrow {
        right: calc(0% - (var(--side) / 2));
        transform: none;
    }
}
@media (max-width: 768px) {
    #service-intvw .clmlist {
        flex-direction: column;
    }
    #service-intvw .clmlist__item {
        max-width: unset;
    }
    #service-intvw .clmlist__item .img {
        aspect-ratio: 16/9;
    }
    .service-item>.img {
        width: 100%;
    }

    dl.acostep dd {
        flex-wrap: wrap;
    }
    dl.acostep dd .img {
        width: 100%;
    }
}
@media (max-width: 425px) {
    .arwlink {
        justify-content: flex-start;
        gap: 5px;
        flex-wrap: wrap;
    }
    dl.acostep dt::after {
        width: 20px;
        height: 20px;
    }
    #service-intvw .clmslider .slick-arrow {
        width: 40px;
    }
}


/*--------------------------------
導入事例
----------------------------------*/
#case p{
    line-height: 1.75;
}
#case-main {
    display: flex;
    gap: 20px 6%;
    flex-wrap: wrap;
}
#case-main .img{
    width: 54%;
}
#case-main .txt{
    flex-grow: 1;
}
#case-main .info dl {
    display: flex;
    gap: 10px 20px;
    align-items: baseline;
    font-size: var(--f18px);
}
#case-main .info dt {
    border: solid 1px #CCCCCC;
    text-align: center;
    width: 5em;
}
#case-main .info dd {
    margin: 0;
    flex-grow: 1;
}
#case-main .info ul {
    margin: 0;
}
#case .case.clm.clm2 {
    --clmgap: 6.8%;
    row-gap: 20px;
}
#case .case.clm.clm3 {
    --clmgap: 5%;
    row-gap: 20px;
}

.mediatext.clm {
    --clmgap: 4.2%;
    row-gap: 20px;
}
.mediatext.clm > .img{
    width: 29%;
}
.mediatext.clm > .txt{
    flex-grow: 1;
}
.mediatext.big.clm > .img{
    width: 40%;
}
#case .clm > .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#case-point {
    border: solid 2px #D12267;
    border-radius: 10px;
    padding: 30px 40px;
}
#case-point li{
   padding-left: 1em;
}
@media (max-width: 768px) {
    #case-main .img {
        width: 100%;
    }
    .mediatext.clm > .img,
    .mediatext.big.clm > .img {
        width: 100%;
        order: -1;
    }
    #case-point {
        padding: 30px 20px;
    }
}

/*--------------------------------
導入事例
----------------------------------*/
.links.clm {
    --clmgap: 5%;
    row-gap: 30px;
}
.link.clm__item a {
    text-decoration: none;
}
.link.clm__item a:hover {
    opacity: 0.6;
}
.link.clm__item > p {
    font-size: var(--f14px);
    color: #666666;
}
.link.clm__item h3 {
    display: flex;
    line-height: 1;
    align-items: baseline;
    gap: 8px;
    font-size: var(--f18px);
    margin: 15px 0;
}
.link.clm__item h3 span{
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (max-width: 768px) {
    .links.clm > .link.clm__item {
        width: calc(var(--clmspace) / var(--clmnum));
    }
    .links.clm {
        --clmnum: 2;
    }
}
@media (max-width: 425px) {
    .links.clm {
        --clmnum: 1;
    }
}




div.aform ja{
    margin-bottom: 70px;
}



.form_wrap dl.dl_contact_mail label{
display:block;
}


@media (max-width: 768px) {


.form_wrap dl{
flex-flow: column;
}
.form_wrap dl dd ul.aform-name-ul {
    flex-flow: column;
}

.form_wrap dl.dl_contact_mail input,
.form_wrap dl.dl_contact-area input{
    width: 100%;
}
.form_wrap dl dd ul.aform-checkbox-ul.contact-kamoku li {
    padding-right: 1%;
    width: 49% !important;
}

#aform-confirm-form dl{
width:100%;
}


#aform-confirm-form dt{
display:block !important;
width:100% !important;
}
#aform-confirm-form dd{
display:block !important;
width:100% !important;
}

.aform-input.aform-note.contact_textbox1,
.aform-input.aform-note.contact_textbox2,
.aform-input.aform-hdln.parts-2,
.aform-input.aform-hdln.parts-3{
display:none;
}

#aform-confirm-form .aform-button-area {
    display: flex;
    flex-flow: column;
gap:20px;
}

#aform-confirm-form .aform-button-area input {
    width: 100%;
}
#aform-confirm-form .aform-button-area input#aform_btn_back{
order:2;
}
#aform-confirm-form .aform-button-area input#aform_btn_submit{
order:1;
}



.seminarlist__item h2 {
    text-indent: unset;
    margin-left: unset;
    font-size: 130%;
}


.table-scroll {
  overflow: scroll;
}
.kennai-jinko_wrap{
width:800px;
}

/*
.kennai-jinko_wrap{
display: flex;
flex-flow: wrap;
}
.kennai-jinko_wrap .box.midashi {
    display:none;
}
.kennai-jinko_wrap .box dl{
margin:0;
}
.kennai-jinko_wrap .box{
width:50%;
}
.kennai-jinko_wrap .box dl {
    border-right: 1px solid #ccc;
}
*/

.jinko_subtext {
    margin-top: 0px;
}





.map iframe {
    width: 100%;
    aspect-ratio: auto;
    height: 300px;
}

.search-detail-req {
    gap: 10px 3%;
}
.search-detail-req__item {
    width: 31%;
border:1px solid #ccc;
border-radius:5px;
padding: 2%;
display: flex;
        flex-flow: wrap;
        align-items: center;
    }
.search-detail-req__item .icon {
    width: 25%;
}

.search-detail-req__item p {
    margin:0 0 0 5%;
    font-size: 75%;
}




.checks .label_area {
    width: 100%;
    text-align: center;
    padding: 5px;
border: 1px solid #ddd;
}
.checks .label_sub.open {
    width: 100%;
    display: flex;
    flex-flow: wrap;
}

.column_supervision .title {
    flex-flow: column;
align-items: start;
}
.column_supervision .title h3 {
margin:0 0 0.5em 0;
}

/*cta*/

.column_cta01 a {
    flex-flow: column;
padding: 30px 3%;
}
.column_cta01 .text {
    width: 90%;
}
.column_cta01 .text .bg {
    font-size: 16px;
    margin-bottom: 00px;
}
.column_cta01 .text .info {
    font-size: 21px;
    padding: 0;
        background: url(/clinic-support/images/pages/column-cta_arrow.png) no-repeat right bottom 5px;
        background-size: 20px auto;
    }
.column_cta01 .text .info span.small {
    font-size: 13px;
}
.column_cta01 .img,
.column_cta01 .icon{
    display: none;
}


.column_cta02 .text {
    flex-flow: column;
    align-items: center;
}
.column_cta02 .text .bg {
    font-size: 18px;
    margin-right: 0%;
}
.column_cta02 .text .info {
    font-size: 15px;
}










}