/* 京都医健専門学生におすすめ */
.kyoto-iken-color1 { color:#eb5350; }
.kyoto-iken-color2, #kyoto-iken .spm-traffic > dt::before { color:#ee8f8f; }

.jikei .kyoto-iken-to {line-height: 1.5;}

body{ overflow: hidden; }
.bg_white{ background: #fff; }

.bnr_topics_member { padding-bottom: 80px; }

/*.special{ background: #eee; }*/
.jikei .pageTitle { position: relative; padding:1.5em 1.5em 1em; background: url(/img/jikei_pageTitle.jpg) no-repeat center /cover; }
.jikei .pageTitle::before{ content:none; }
.pageTitle .logo-uni{ font-size:0; text-align:center; }
.pageTitle .logo-uni figure{ margin:5px auto; }
.pageTitle .logo-dormy{ position:relative; width:40%; padding-top:50px; }
.pageTitle .logo-dormy::before{ position:absolute; content:""; width:32px; height:32px; top:5px; left:50%; transform:translateX(-50%);
  background:url(../img/jikei/cross.svg) no-repeat 0 0 / 100%; }

.youtube { background: #efddf2;}

/* Message */
.jikei .lead{ margin-bottom:1.5em; }
.jikei .message{ position:relative; z-index:1; margin-block:1em 3em; padding-block:3.5em 4em; }
.jikei .message::before{ position:absolute; content:""; z-index: -1; width: 100%; height:100%; top: 0;
  background: linear-gradient(135deg, #ffb2b2 0%, #f9bd7e 50%, #ffad9f 100% ); }
.jikei .message .txt-box{ padding:2em 4em; background:#FFF; }

/* MAP */
.jikei .map{ position: relative; z-index: 1; padding-bottom: 50px; }

.jikei .sp-list .feature > li {line-height: 1.33;}

.spm-list { position: relative; padding-top: 60px; padding-bottom: 120px;}
.spm-list::after {
    position:absolute; top:0; left:0; bottom:0; z-index:-1;
    content:""; display:block; width:100%;
    background-color: #FFF;
    background-image: linear-gradient( transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06)), linear-gradient( 90deg, transparent 95%, rgba(0, 0, 0, .06) 50%, rgba(0, 0, 0, .06) );
    background-size: 16px 16px;
    background-repeat: repeat;
}
.spm-img  { position: relative;}
.spm-box { position: relative;}
.spm-info { background: #fff;}
.spm-name {position: relative;/*padding-bottom: 20px;*/}
.spm-to { margin-top: 36.6px;}
li.ico-bicycle::before {
    background-image: url(/img/icon/bicycle-salmon.svg); transform: translateY(-10px);     top: 62%;
    width: 1.7em;
}
li.ico-walk::before { background-image: url(/img/icon/walk-salmon.png);}
li.ico-train::before { top: 60%; background-image: url(/img/icon/train-salmon.svg);}
li.ico-bus::before { background-image:url(/img/icon/bus-salmon.svg); top: 60%;}
.feature li span{ color: #45341d; font-size: 1.125em; }
.feature li span em { font-size: 1.5em; }
.feature li span .label{ font-size: 1.125em; }

.jikei .feature li span .label {color: #45341d;}

.feature li span em, .feature li span .label { color: #eb5350;  }
.spm.btn_con { text-align: left;}

.ttl_etc { border-radius: 0; border: none; position: relative; background: none; }
#sp-etc { margin-top: 0;}
#sp-etc::before{
    background: #eee;
    width: 100%;
    height: 150%;
    top: -50%;
    z-index: -1;
}
.bg_stripe, .bg_stripe_or { background-color: #f3e6f6;}
.sps-list { justify-content: center;}
.sps-list li:nth-child(1) .sps-img{ position: relative; }
.sps-list li:nth-child(1) .sps-img::before{ 
    position: absolute;
    content: "";
    background: url(/img/2022_new.png) center / contain no-repeat;
    top: 4%;
    right: 3%;
    width: 80px;
    height: 80px;
}
.sps-info { padding: 0 .9em .9em;}
.sps-to{ color: #45341d; line-height: 1.4;}
.sps.btn_con { margin-top: 1em; }
.sp-list .feature { margin-left: 0;}

.jikei .sp-list .feature{margin-bottom: 1.5em;}

.bg_salmon{ position: relative; display: block; padding: 6% 0; margin-bottom: 150px; }
.bg_salmon::before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    background: linear-gradient(135deg, #ffb2b2 0%, #f9bd7e 50%, #ffad9f 100% );
    transform: skewY(-5deg);
    -webkit-transform: skewY(-5deg)
}

.kyoto-iken-list{ max-width: 1000px; margin: 0 auto; }
.jikei .content-box{ padding:3em 4.5em 3em; }
.kyoto-iken-list > li{ width: 100%; position: relative; background: #fff; }
.kyoto-iken-list > li + li{ margin-top: 5em; }

.kyoto-iken-img{ margin-inline: auto; margin-bottom:2em; }
/* .kyoto-iken-list li:nth-child(4) .kyoto-iken-img::before {
    position: absolute;
    content: "";
    background: url(/img/2021_new.png) center / contain no-repeat;
    top: 4%;
    right: 3%;
    width: 130px;
    height: 130px;
} */
.kyoto-iken-info{ width:100%; }
.btn_con { margin: 2em 0 0;}
.btn_con a {
    position: relative;
    display: block;
    width: 100%;
    /*background: rgb(187,10,10);
    background: linear-gradient(90deg, rgba(187,10,10,1) 0%, rgba(253,81,81,1) 50%, rgba(255,154,9,1) 100%);*/
    background-size:100% auto;
    color: #fff;
    border: none;
    border-radius: 0;
    transition:all .5s; -webkit-transition:all .5s;
}
.btn_con a::before,
.btn_con a::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}
/* グラデーション1 */
.btn_con a::before {
    border: none;
    transition: all 0.6s; /* アニメーション実行時間 */
    z-index: -1;
    background: linear-gradient(135deg, #fb7070 0%, #e76969 50%, #f5ae50 100%);
}
/* グラデーション2 */
.btn_con a::after { z-index: -2; background: linear-gradient(135deg, #ff960d 0%, #fe5252 50%, #c31212 100%); }

/* ホバー時にグラデーション1を透明にする */
.btn_con a:hover::before { opacity: 0; }

.kyoto-iken-name{ position: relative; margin-bottom: 1.5em; padding-bottom: .5em; border-bottom: solid 2px #eb5350; }
.kyoto-iken-name .name{ font-size: 1.75em; font-weight: bold; }
.kyoto-iken-name .gender {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.36em 1em;
    border-radius: 5px;
    font-size: 0.8em;
}
.kyoto-iken-to em { font-size: 1.36em; }
.kyoto-iken-traffic { padding-left: 1.5625em; font-size: 0.875em; color: #45341d; position: relative; }
.kyoto-iken-traffic dt::before {position: absolute; left: 0; top: 0; content: "●"; color: #ee8f8f; }

.neighbor { margin-bottom: .5em; font-size: 0.875em; }
.neighbor::before { content:"●"; margin-right:.5em; color: #ee8f8f; }
.neighbor_info { padding-left:1.5em; line-height:1.7; }
.neighbor_info li { display: inline-block; padding: 0.2em 0.875em 0; margin-right: 1em; font-size: 0.875em; color: #eb5350; border: 3px solid #eb5350; border-radius: 10px;}
.neighbor_info .eki { padding-top: 0.5em;}
.neighbor_info li::before { vertical-align: middle; margin-right: 5px;}
.neighbor_info .cvs::before { content: url(/img/icon/cvs_salmon.svg);}
.neighbor_info .eki::before { content: url(/img/icon/train-salmon.svg);}
.neighbor_info li em { font-size: 1.43em;}

.jikei_gmap .button {padding: 0.7em 1em 0.6em 1em;}
.jikei_gmap {margin: 2.5em 0 2em;}

.slide-wrap{ margin-bottom:clamp(2.5em,0.6vw,60px); }
.kyoto-iken-slide{ margin: 0 auto; }
.kyoto-iken-slide .slick-slide img{ margin-inline:auto; }
.kyoto-iken-slide .slick-prev::before, .kyoto-iken-slide .slick-next::before{ position: absolute; content: ""; top:0; right:0; width:2em; height:2em;
    background: url(/special/img/kyobi/ico-arrow.svg) no-repeat center / 100%; }
.kyoto-iken-slide .slick-prev::before{ left:0; right:auto; transform: rotate(180deg); }
.kyoto-iken-slide .slick-arrow{ position:absolute; content:""; z-index:1; top:50%; transform:translateY(-50%); text-indent: -9999px; background: none; }
.kyoto-iken-slide .slick-prev{ left:-1.7em; }
.kyoto-iken-slide .slick-next{ right:-1.7em; }

.access-img{ margin-block:2em 3em; }
.access-img li{ margin-bottom:2.5em; }
.ttl-route{ font-size:clamp(1.063rem, 0.95rem + 0.48vw, 1.25rem); font-weight: 500; }


/* レスポンシブ */
@media screen and (min-width: 1025px) {
    .spm-box { max-width: 1200px; }
    .spm-img { margin-left: 9px; width: 54.2%;}
    .spm-list > li:nth-child(2n) .spm-img {margin-right: 9px;}
    .spm-info { top: 50%; transform: translateY(-50%); right: 9px; width: 41.6%;}
    .spm-list > li:nth-child(2n) .spm-info { left: 9px;}
    .kyoto-iken-thumbnail{ width:700px; margin:0 auto; }
}
@media screen and (min-width: 600px) {
    .map .btn_con{ width:50%; margin: 1.5em auto 0; }
    .map .jikei_gmap .btn_con {width: 60%;}
}


/* タブレット */
@media screen and (max-width: 1200px) {
    .kyoto-iken-list > li { width: 95%; margin:auto; }
}

@media screen and (max-width: 1024px) {
    .pageTitle.salmon { min-height: 200px; font-size: 2em; }
    .pageTitle .apl_icon { bottom: 0; width: 150px; height: 150px; font-size:0.7rem;}

    .spm-name { padding-top: 20px;}
    .spm-box { margin: 0 24px;}
    .spm-img { width: 100%;}
    .spm-info { position: relative; top: 0; left: auto !important; right: auto !important; width: 100%;}
}

@media screen and (max-width: 960px) {
    .pageTitle .apl_icon { top: auto; bottom: 10px; right: 50%; transform: translateX(50%); width: 500px; height: 70px; font-size:0.7rem; border-radius: 10px;}
    .pageTitle .logo { width: 35%; top: 1%; left: 2%; }

    .jikei .message .inner{ width:90%; }

    .bg_salmon{ padding:15% 0; }

    .kyoto-iken-list li:nth-child(4) .kyoto-iken-img::before{ top: -3%; right: 12%;}
    .kyoto-iken-info{ width: 100%; }

    .jikei .sps-list > li {width: 40%;}
}

/* スマホ */
@media screen and (max-width: 600px) {
    .pageTitle.salmon { min-height: 160px;}
    .pageTitle .apl_icon { width: 93%;}
    .pageTitle .logo { width: 60%; top: 3%; left: 2%;}

    .jikei .message{ padding-block:1.5em 2em; }
    .jikei .message .txt-box{ padding: 1em 2em; }

    .map .btn_con{ margin: 1em auto 0; }

    .spm-list { padding-bottom: 0;}
    .sps-list > li{ width: 100%; }
    .sps-list > li + li{ margin-left:0!important; margin-top: 4%; }
    /*.sps-name { font-size: 1em;}*/
    .sps-feature > li > span { font-size: 0.8em;}

    .spm-img::before,
    .ttl_etc::before { border-width: 0 33px 20px 0; top: -5px; right: -6px;}
    .spm-img::after { border-width: 32px 0 0 57px; bottom: -4px; left: -6px;}
    .ttl_etc::after { border-width: 20px 0 0 33px; bottom: -6px; left: -5px;}

    .pageTitle.salmon { font-size: 1.5em; }
    .bg_salmon { padding: 20% 0; margin-bottom: 50px; }

    .kyoto-iken-list > li + li { margin-top: 4em; }
    .kyoto-iken-name .name { font-size: 1.35em; line-height: 1.3; }
    .kyoto-iken-name .gender{ top:30%; font-size: .8em; }
    .kyoto-iken-list li:nth-child(4) .kyoto-iken-img::before{ top: -1.5%; right: 8%; width: 80px; height: 80px; }
    .jikei .content-box{ padding:2em 1.5em 1.5em; }

    .jikei .sp-list .feature {margin-bottom: 1.8em;}
    .jikei .sp-list .feature > li {line-height: 1.55;}
    .kyoto-iken-to:nth-of-type(2) em {font-size: 1.15em;}
    .jikei .sps-list > li {width: 100%;}

    .jikei_gmap .button {font-size: .9em;}
    .jikei_gmap {margin: 1.5em 0 1em;}

}