/* 共通 */
.doshisha_university-color1 { color:#8d249f; }
.doshisha_university-color2 { color:#d067cc; }
.bg_stripe { background-color: #f3e6f6; }
.bg_hogan { border-top: 1px solid rgba(0, 0, 0, .06); border-bottom: 1px solid rgba(0, 0, 0, .06);  position: relative; }
.bg_hogan::before {
  content: ""; z-index: -1; position: absolute; top: 0; left: 0; bottom: 0; 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; }

/* ページタイトル */
.pageTitle.amaranth { padding: 1.5em 1.5em 1em; background: url(/img/doshishauni_pageTitle.jpg?20210823) no-repeat center /cover; position: relative; }
.pageTitle.amaranth::before { background-image: url(/img/deco_ttl-amaranth.png);}

.pageTitle .logo-uni figure { margin: 5px auto; }
.pageTitle .logo-uni > span { display: block; font-weight: bold; }
.pageTitle .logo-doshisha { color: #8d249f; line-height: 1.3; }
.pageTitle .logo-dormy { margin-top: 10px; padding-top: 50px; position: relative; }
.pageTitle .logo-dormy::before { content: ""; position: absolute; width: 25px; height: 25px; top: 5px; left: 50%; transform: translateX(-50%); background: url("../img/doshisha_university/cross.svg") no-repeat 0 0 / 100%; }


/* タイトル */
.ttl_etc { border-radius: 0; border: none; background: #8d249f; color: #fff; position: relative;}
.ttl_etc::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 41px 0 0 67px;
    border-color: transparent transparent transparent #fff200;
    content: "";
    position: absolute;
    bottom: -12px;
    left: -10px;
    z-index: 2;
}
.ttl_etc::before { width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 67px 41px 0;
    border-color: transparent #fff200 transparent transparent;
    content: "";
    position: absolute;
    top: -12px;
    right: -10px;
    z-index: 2; }

/* メッセージ */
.message { padding: 3.5em 0 5.5em; }
.message .lead { margin-block: 2em 1.5em; }
.message .txt-box { padding: 2em 4em; background: #fff; border: 2px solid #eee; }
.message .txt-box p { margin: 0; }
.message .apl_icon { padding: 1em; background: #f3e6f6; border-radius: 3em; position: relative; }
.message .apl_icon::before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -15px; border: 15px solid transparent; border-top: 15px solid #f3e6f6; }
.message .apl_icon span { font-size: 1.23em; color:#8d249f; }

.message .enterprise { margin-top: 2em; }

/* ドーミー4つの特徴 */
.features { padding: 4em 0; }
.feaList > li { width: 23%; text-align: center; border-radius: 10px; overflow: hidden; background: #fff; position: relative; }
.feaList > li::before { content: ""; position: absolute; bottom: 0; right: 0; border: 10px solid transparent; border-bottom: 10px solid #fff100; border-right: 10px solid #fff100; }
.feaList > li a { display: flex; align-items: stretch; flex-direction: column; }
.feaList > li .dtl { padding: 2em .5em; }
.feaList > li h3 { font-size: 1.2em; font-weight: bold; position: relative; }
.feaList > li h3 + p { margin: .6em 0 0; font-size: .87em; line-height: 1.5; }

/* map */
.map { margin-top: 5em; }
.map .map_box > div { padding: 1em; border: 1px solid #ddd; }
.map .map_box > div .ttl { padding: .5em; margin-bottom: 1em; text-align: center; background: #f3e6f6; }

.bnr_topics_member { padding-bottom: 80px; }

/* その他おすすめ物件 */
#sp-etc { margin-top: 0;}
/*#sp-etc::before { 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; }*/

.sps-list { justify-content: center; }
.sps-list .feature { margin-left: 0; }
.sps-info { padding: 0 .9em; }

.feature li span em { font-size: 1.5em; }
.feature li.ico-train::before { background-image: url(/img/icon/train-amaranth.svg?20220713);  }
.feature > li .marker .label { color: #d067cc; }
.feature > li .marker > span:nth-child(2) { color: #8d249f; }


/* 物件一覧 */
.property { display: block; padding: min(10%,100px) 0; }
.doshisha-uni-list { max-width: 1000px; margin: 0 auto; }
.doshisha-uni-list .pickup { position: absolute; top: 0; margin: 0; padding: .5em 1.5em; color: #fff; background: #8d249f; }
.doshisha-uni-list .pickup.ninki_school { background: linear-gradient(0deg, #d9bf8b 0%, #bea470 70%); }
.doshisha-uni-list .pickup.ninki_woman { background: linear-gradient(0deg, #c5c5c5 0%, #a8a8a8 70%); }
.doshisha-uni-list .pickup[class*="ninki"] > span { padding-left: 35px; position: relative; }
.doshisha-uni-list .pickup[class*="ninki"] > span::before { content: ""; position: absolute; top: 0;
left: 0; bottom: 0; width: 25px; height: 25px; background: url("../img/doshisha_university/ico-ninki.svg") no-repeat center / 100%; }
.doshisha-uni-list .pickup + .ritsumei-uni-name { margin-top: 1em; }
.doshisha-uni-list > li { background-color: #fff; border: 6px solid #8d249f; position: relative; }

.doshisha-uni-list > li { background-color: #fff; border: 1px solid #dbdbdb; position: relative; }
.doshisha-uni-list > li::before { content: ""; position: absolute; top: -10px; right: -10px; z-index: 2; width: 0; height: 0; border-style: solid; border-width: 50px 0 0 110px; 
border-color: #8d249f transparent transparent transparent; }
.doshisha-uni-list > li::after { content: ""; position: absolute; bottom: -10px; left: -10px; z-index: 2; width: 0; height: 0; border-style: solid; border-width:0 110px 50px 0; 
border-color: transparent transparent #fff200 transparent; }

.doshisha-uni-list > li + li { margin-top: 5em; }
.doshisha-uni-list > li .content-box { padding: 3em 4.5em 3em; }
.doshisha-uni-name { margin-bottom: 1.5em; padding-bottom: 0.5em; font-weight: bold; position: relative; }
.doshisha-uni-name .name { font-size: 2em; line-height: 2.9; }
.doshisha-uni-name .gender { position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: 0.36em 1em;
    border-radius: 5px;
    font-size: 0.8em; }
.doshisha-uni-name::before { content: ""; position: absolute; bottom: 0; left: 0;
width: 100%; height: 12px; background-size: auto auto; background-color: transparent;
background-image: repeating-linear-gradient(135deg, transparent, transparent 3px, #e1b9e9 3px, #e1b9e9 6px ); }
.doshisha-uni-info { margin-top: clamp(2.5em,0.6vw,60px); }
.doshisha-uni-info .ttl-route { margin-bottom: 1.5em; padding-bottom: .5em; border-bottom: 2px solid #8d249f; font-size: clamp(1.063rem, 0.95rem + 0.48vw, 1.25rem); font-weight: 500; }
.doshisha-uni-info .access-img { margin-block: 2em 3em; }
.doshisha-uni-traffic dt { margin-bottom: .5em; padding-left: 1.5em; position: relative; }
.doshisha-uni-traffic dt::before { content: "●"; position: absolute; top: 0; left: 0; color: #d067cc; }

.doshisha-uni-info .btn_con { margin-top: 4em; }

.doshisha-uni-slide .slick-slide img { margin-inline: auto; }

.doshisha-uni-slide .slick-arrow { content: ""; position: absolute; z-index: 1; top: 50%; transform: translateY(-50%); text-indent: -9999px; background: none; }
.doshisha-uni-slide .slick-prev::before,
.doshisha-uni-slide .slick-next::before { content: ""; position: absolute; top: 0; width: 2em; height: 2em; border: 2px solid #8d249f; border-radius: 3em; }
.doshisha-uni-slide .slick-prev::before { left: 0; right: auto; transform: rotate(180deg); }
.doshisha-uni-slide .slick-next::before { right: 0; }
.doshisha-uni-slide .slick-next { right: 0; }

.doshisha-uni-slide .slick-prev::after,
.doshisha-uni-slide .slick-next::after { content: ""; position: absolute; display: inline-block;
  top: 10px;
  width: 10px;
  height: 10px; transform: rotate(45deg); }
.doshisha-uni-slide .slick-prev::after { left: 12px; border-left: 2px solid #8d249f;
  border-bottom: 2px solid #8d249f; }
.doshisha-uni-slide .slick-next::after { right: 12px; border-top: 2px solid #8d249f;
  border-right: 2px solid #8d249f; }

.enterprise .ttl { font-size: 1.3em; }
.enterprise .ttl em { color: #8d249f; }


#doshisha_coop .floPc .floBox{ display:none; }
#doshisha_coop #footer{ display:none }
#doshisha_coop .contact-box{ padding-block:clamp(2em,5.6vw,50px); }
#doshisha_coop .contact-box .ttl_etc{ margin-bottom:1.2em; }
#doshisha_coop .contact-box .inner{ max-width:700px; }
#doshisha_coop .contact-box .tel{ margin:0; text-align:center; font-size:1.6em; }
#doshisha_coop .contact-box .tel a{ display: inline-block; padding-left:1.6em; }
.ttl-sub{ font-size:clamp(1.3em,2.0vw,18px); }

/* レスポンシブ */
@media screen and (min-width: 1025px) {
  
  .doshisha-uni-thumbnail { width: 700px; margin: 0 auto; }
  
}

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

}


@media screen and (min-width: 601px) {
  
  .map_box { display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-justify-content: space-between; justify-content: space-between; }
  .map_box .areamap { width: 64%; }
  .map_box .map_kyotanabe { width: 33%; }
  
  .enterprise { max-width: 750px; margin: auto; display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; padding: 30px 0 40px; }
  .enterprise figure { width: 20%; }
  .enterprise .ttl { display: flex; display: -webkit-flex; align-items: center; flex: 1; 
    margin-left: 5%; }
  .enterprise .ttl em { display: contents; }

  .col2{ display: grid; grid-template-columns: repeat(2,auto); gap:1em 4%; }
  
}


/* タブレット */
@media screen and (max-width: 960px) {
  
  .pageTitle .apl_icon { width: 100%; height: auto; margin: 3em auto 0; padding: 1em; transform: translateX(0); font-size:0.7rem; border-radius: 10px; position: static; }
  
}

@media screen and (max-width: 959px) {
  
  #doshisha_coop #wrapper{ padding-top:0 !important; }
  
}

/* スマホ */
@media screen and (max-width: 600px) {
  
  .pageTitle.amaranth { min-height: 220px; padding: 1.5em .5em 1em; }
  .pageTitle.amaranth > span { top: 38%; }
  
  .sps-name { font-size: 1em; }
  .sps-feature > li > span { font-size: 0.8em; }
  
  /* タイトル */
  .ttl_etc::before { border-width: 0 33px 20px 0; top: -5px; right: -6px; }
  .ttl_etc::after { border-width: 20px 0 0 33px; bottom: -6px; left: -5px; }
  
  /* メッセージ */
  .message { padding-block: 1.5em 3em; }
  .message .txt-box { padding: 1em 2em; }
  .message .apl_icon { line-height: 1.5; }
  .message .apl_icon .kome { margin-top: 1em; }
  .message .enterprise.txt-box { padding: 1em; }
  
  /* ドーミー4つの特徴 */
  .features { padding: 3em 0; }
  .feaList > li { width: 48%; }
  .feaList > li:nth-child(n+3) { margin-top: 4%; }
  
  /* map */
  .map { margin-top: 3em; }
  .map_box > div + div { margin-top: 1.5em; }
  
  /* 物件一覧 */
  .doshisha-uni-list > li { width: 95%; margin: auto; }
  .doshisha-uni-list > li + li { margin-top: 2.5em; }
  .doshisha-uni-list .pickup { font-size: .85em; padding: .2em 1em; }
  .doshisha-uni-list .pickup > span.ninki { padding-left: 25px; }
  .doshisha-uni-list .pickup > span.ninki::before { width: 15px; height: 15px; }
  .doshisha-uni-list .pickup > span.newbukken::before { width: 20px; height: 20px; }
  .doshisha-uni-list > li::before { top: -5px; right: -5px; border-width: 0 0 40px 90px; }
  .doshisha-uni-list > li::after { bottom: -5px; left: -5px; border-width: 40px 90px 0 0; }
  .doshisha-uni-list > li .content-box { padding: 2em 1.5em 1.5em; }
  .doshisha-uni-name .name { font-size: 1.3em; }
  .doshisha-uni-name .gender { top: 40%; font-size: .6em; }
  
  .doshisha-uni-slide .slick-prev::before { left: -15px; }
  .doshisha-uni-slide .slick-prev::after { left: -3px; }
  .doshisha-uni-slide .slick-next::before { right: -15px; }
  .doshisha-uni-slide .slick-next::after { right: -3px; }
  
  /* オンライン住まい相談会 */
  .bnr-online { padding: 30px 0 40px; }
  
  
  /* エンタープライズ */
  .enterprise { padding: 30px 0 40px; }
  .enterprise figure { width: 25%; margin: auto; }
  .enterprise .ttl { margin-top: 1em; font-size: 1.1em; text-align: center; }
  
  
  
}