@charset "utf-8";

body{ overflow: hidden; }
article>section { padding: 90px 0 100px; }

/* main ------------- */
.mv { position: relative; padding: 0; z-index: 99; }

.slide.pc_none,.slide.tb_none { display: none!important; }
.slide img { width: 100%; }

/*slide設定*/
.slick-counter {  position: relative; z-index: 8; position: absolute; top: 55%;
    left: 16px; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); color: #fff; }

.slick-arrow.arrow-mv { z-index: 10; position: absolute; left: 30px; bottom:30px; top: unset;
  outline: none;
  width: 50px; height: 50px; background: #fff; border-radius: 100%; }
.slick-next.arrow-mv { left: 90px; }

.slick-arrow.arrow-mv::after {
    content: "";
    position: absolute; top: 50%; left:50%;
    width: 13px; height: 22px;
    background: url("../img/arrow.png") no-repeat center;
    transform: translate(-50%,-50%); }
.slick-prev.arrow-mv::after { transform:scale(-1,1) translate(50%,-50%); }

.slick-next.arrow-mv:focus, .slick-next.arrow-mv:hover, .slick-prev.arrow-mv:focus, .slick-prev.arrow-mv:hover{background: #fff;}

/*mv_timer*/
.slide_time { overflow: hidden; z-index: 10; position: absolute; left: 3%; bottom: 50%; width: 4px; height: 100px; }

.slide_time span.line { position: absolute; left: 0; top: 0; background: #fff; width: 4px ; height:100px; }

.slide_time span.item { position: absolute; left: 0; top: 0; display: inline-block; background: #ff7d19; width: 4px; height: 23px; }

.slide_time span.item.on {
  -webkit-animation: slideTime 5s linear;
  animation: slideTime 5s linear;
}

@-webkit-keyframes slideTime {
  0% { top: 0; }
  100% { top: 100%; }
}
@keyframes slideTime {
  0% { top: 0; }
  100% { top: 100%; }
}


/*.mv_timer { z-index: 10; position: absolute; bottom: 50%; left: 3%; filter: drop-shadow(0 0 10px rgba(0,0,0,0.8));}
.mv_timer .arw { display: block; margin-left: -0.1rem; position: absolute; bottom: 0; left: 50%; width: 0.1rem; height: 6rem; }
.mv_timer .arw:before,.mv_timer .arw:after{ content: ''; display: block; position: absolute; left: 50%; width: 4px; }
.mv_timer .arw:before { height: 100%; background: #fff; }
.mv_timer .arw:after { content: ''; top: 0; height: 0; background: #ff7d19;
-webkit-animation: scrollLine 5s ease-in-out infinite normal;
animation: scrollLine 5s ease-in-out infinite normal; }

@-webkit-keyframes scrollLine{0%{top:0;bottom:auto;height:0}25%{top:0;bottom:auto;height:100%}25.1%{top:auto;bottom:0;height:100%}50%{top:auto;bottom:0;height:0}100%{top:0;bottom:auto;height:0}}

@keyframes scrollLine{0%{top:0;bottom:auto;height:0}25%{top:0;bottom:auto;height:100%}25.1%{top:auto;bottom:0;height:100%}50%{top:auto;bottom:0;height:0}100%{top:0;bottom:auto;height:0}}*/


/* 検索ボックス search */
#searchForm { padding-block: 50px; background: #fca344 url(../img/bg_stripe.png) no-repeat center / cover; }



/*-------------------------
トピックス topics
-------------------------*/
#topics { position: relative; padding: 4em 0 6em; background: url("../img/top/bg_topics.png") no-repeat center /100%; }
#topics::before {
  content: ""; position: absolute; top: 0; left: 0;
  background: url(../img/top/topics.png) no-repeat top left;
  width: 612px; height: 194px; }

#topics { padding:1.5em 0; }
/* #topics::before { background-size:35%; } */

.topics-list { padding: 5em 0 3em; }
.topics-list > li.early img { border-color: #f2c81d; }
.topics-list > li.labo img { border-color: #ff7f1d; }
.topics-list > li.newopen img { border-color: #e96684; }
.topics-list > li.special img { border-color: inherit; }
.topics-list > li img { border-radius: 20px; border: solid 4px; }

.swiper-wrapper > .swiper-slide img { border-radius: 20px; border: solid 4px; }
.swiper-wrapper > .rakuhoku_cam img { border-color:#ffe400; }
.swiper-wrapper > .kengaku img { border-color:#4285e0; }
.swiper-wrapper > .labo img { border-color:#ff7900; }
.swiper-wrapper > .corona img { border-color:#b3d0e6; }
.swiper-wrapper > .ra img { border-color:#00bf6c; }
.swiper-wrapper > .line img { border-color: #06c06e; }
.swiper-wrapper > .yamashina img { border-color: #943b41; }
.swiper-wrapper > .kyoto_uni img { border-color: #002873; }
.swiper-wrapper > .shorei img { border-color: #619879; }
.swiper-wrapper > .nyukyoplan img { border-color: #f19149; }
.swiper-wrapper > .kyoisen img { border-color: #76afb0; }
.swiper-wrapper > .early img { border-color: #f2c81d; }

/*swiper ページネーション設定*/
.swiper-container { position: relative; padding: 5em 0 3em; }
.swiper-pagination-progressbar {
  top: auto!important; bottom: 0; background: #eee!important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #ff7900!important;
}
/*button*/
.swiper-button-next, .swiper-button-prev {
  width: 50px!important;
  height: 50px!important;
  margin-top: 0!important;
  padding: .8em 1em .8em 1.1em;
  top: 0!important;
  right: 0!important;
  background: #ff7d19;
  color: #fff!important;
  border-radius: 50%;
  text-align: center;
}
.swiper-button-next:after, .swiper-button-prev:after {
  top: 0!important;
  right: 0!important;
  font-size: 1.5em!important;
  font-weight: bold!important;
}
.swiper-button-prev {
  right: 3.8em!important;
  left: auto!important;
}



/* about ドーミー学生会館って ------------- */
/*#top .bg_square::after { content: ""; position: absolute; bottom: -110px; right:0; background: url("../img/top/deco_pink01.png") no-repeat right ; width: 122px; height: 184px; z-index: 5;}*/

.about { padding: 90px 0 100px; overflow: hidden; position: relative; background: url("../img/top/deco_oy1.png") no-repeat top left; }
.about::before { content: ""; position: absolute; top: -20px; left:0; background: url("../img/top/dormykyoto.png") no-repeat top left ; width: 970px; height: 141px; }

.about .txtBox { padding: 40px; border: 6px solid #898989; border-radius: 10px; }
.about .txtBox .txt { font-weight: 400; line-height: 2.4; }
.about .imgBox { position: absolute; right: 0; left: 0; bottom: 0; width: 100%; }


/* point 4つのポイント ------------- */
.point { position: relative; padding: 110px 0 110px ; background:url("../img/top/bg_point.jpg") no-repeat center /cover; }
.point::before { content: ""; position: absolute; bottom: 0; left:0; background: url("../img/top/deco_pink02.png") no-repeat left; width: 97px; height: 166px; z-index: 99; }

.point .secTtl { color: #fff; font-size: 2.375em; }
.point .secTtl span { font-size: 1.18em; }
.point .secTtl span em { font-size: 1.4em; }

.pointList.inner { z-index: 0; max-width: 1120px; }
.pointList li { z-index: 0;position: relative; width: 48%; margin-bottom: 90px; }
.pointList li:nth-child(2) { margin-top: 100px; }
.pointList li:nth-child(3) { margin-top: -100px; }
.pointList li figure { z-index: 1; width: 328px; }
.pointList li .txtBox { z-index: -1; position: absolute; top: 40px; right: 0; text-align: center;  width: 369px; height: 0; border-bottom: 229px solid #ffffff; border-left: 50px solid transparent;}

.pointList li .txtBox>div { padding: 20px 0 0 50px; background: url(../img/top/deco_point_pink.png) no-repeat top 20px right 20px; }
.pointList li:nth-child(2) .txtBox>div { background-image: url("../img/top/deco_point_or.png");}
.pointList li:nth-child(3) .txtBox>div { background-image: url("../img/top/deco_point_green.png");}
.pointList li:nth-child(4) .txtBox>div { background-image: url("../img/top/deco_point_blue.png");}

.pointList li .txtBox .ttl { font-size: 1.875em; font-weight: bold; }
.pointList li .txtBox .txt { margin: 0 auto 1.5em; letter-spacing: 0; line-height: 1.7; }
.pointList li .btn_con { margin: 0; }
.pointList li .btn_con a { min-width: auto; padding: .1em 2em .2em; }



/* search 物件を探す ------------- */
.search {z-index: 10; position: relative;padding: 140px 0 80px; margin-top: -90px; }
.search::before { content: ""; z-index: 2; position: absolute; top: -20px; left:0; background: url("../img/top/search.png") no-repeat top left ; width: 479px; height: 121px; }
.search::after{ content: ''; z-index: 1; position: absolute; left:0; top: 0;
  width:100%; height:100%;
  transform: skewY(3deg); -webkit-transform: skewY(3deg);
  transform-origin: bottom left;
  background: #ffedd3 url(../img/bg_stripe2.png) no-repeat center /cover;
}
.bnr_special { margin-top:2em; }

.search>div { position: relative; z-index: 99; }
.search>div::before { content: ""; position: absolute; bottom: -50px; right:0; background: url("../img/top/deco_pink03.png") no-repeat; width: 114px; height: 135px; z-index: 5; }

.search .secTtl { margin-bottom: 0; }
.sec_lead { margin: 0; text-align: center; }

.searchBox { margin-top: 40px; }
.searchBox>div { text-align: center; width: 100%; padding: 30px; background: #fff; border-radius: 10px; z-index: 99; }
.searchBox .icon { display: inline-block; padding: 13px;
    width: 70px; height: 70px;
    background: #ffd53e; border-radius: 100%; }

.searchBox .ttl { margin: .5em auto; font-size: 1.25em; font-weight: bold; }

.searchBox .tag .icon { padding: 18px; background: #2d78de; }

.searchBox .school .icon { padding: 16px; background: #00bf6c; }

.btnList li { margin-bottom: 6px; }
.btnList.flex>li { width: 100%; }
.btnList a { position:relative; z-index:2; display:block; overflow:hidden;
    text-align:center; padding:.1em 0 .2em; font-size: .9em;
    border-radius: 5px; border: 2px solid #806642; background: #fff;
  height: 100%; display: flex; align-items: center; justify-content: center; flex-direction: column;
}
.btnList a::before { content: ""; position: absolute; top: 0; right: 0;
    border: 6px solid transparent;
    border-top: 6px solid #ffd53e;
    border-right: 6px solid #ffd53e;}
.school .btnList a::before { border-top: 6px solid #00bf6c; border-right: 6px solid #00bf6c; }
.tag .btnList a::before { border-top: 6px solid #2d78de; border-right: 6px solid #2d78de; }

.tag .btnList li:first-child a::before { border-top-color: #ffa749; border-right-color: #ffa749; }
.tag .btnList li:nth-child(3) a::before { border-top-color: #ff5f83; border-right-color: #ff5f83;}


/* interview 先輩インタビュー ------------- */
.interview { position: relative; background: #fff url("../img/top/deco_oy2.png") no-repeat top left;  }
.interview::before { content: ""; z-index: 2; position: absolute; top: -20px; right:0; background: url("../img/top/interview.png") no-repeat top right ; width: 765px; height: 121px; }

.interview::after { content: ""; position: absolute; bottom: 50px; right: 30px; background: url("../img/top/deco_pink04.png") no-repeat right; width: 105px; height: 143px; z-index: 5; }


.inteBox>div { position: relative; width: 48%; }

.inteBox .name { text-align: center; position: absolute; top: 0; left: 0;
    padding: 40px 0;
    width: 150px; height: 150px; font-size: 13px;
    margin: 0; border: 4px solid #b2e91e; border-radius: 100%; background: #fff; }
.inteBox .fujinawa .name { border: 4px solid #62d1f3; right: 0; left: auto; }
.inteBox .name span { display: block; font-size: 1.46em; font-weight: bold;}

.inteBox .txtBox { position: relative; top: -31px; }
.inteBox .txtBox>p { margin: 0 auto; }
.inteBox .txtBox .house { font-size:.93em; font-weight: bold; }
.inteBox .txtBox .txt { font-size:1.375em; font-weight: bold; color: #fff; }
.inteBox .txtBox .txt span { z-index: 1; position: relative; display: inline-block; padding: 0 .8em; letter-spacing: 0;}
.inteBox .txtBox .txt span::before { content: ""; position: absolute; top: 50%; left: 0; width: 100%; height: 30px; z-index: -1; background: #45341d; transform: translate(0,-50%) skew(-30deg); -webkit-transform: translate(0,-50%) skew(-30deg);}



/* faq よくある質問 ------------- */
/*オレンジストライプ斜め背景*/
.bg_faq { z-index: 3; position: relative; left: 0; top: 0;
    width: 100%; height: 100%;
    transform: skewY(-3deg); -webkit-transform: skewY(-3deg);
    transform-origin: bottom left;
    background: #fca344 url(../img/bg_stripe.png) no-repeat center /cover; }

.bg_faq::before {  content: ""; position: absolute; top: -20px; left: 0; background: url("../img/top/qanda.png") no-repeat; width: 360px; height: 141px; z-index: 5; transform: skewY(3deg); -webkit-transform: skewY(3deg); }

.bg_faq::after { content: ""; position: absolute; bottom: -30px; left: 0; background: url("../img/top/deco_pink05.png") no-repeat left; width: 116px; height: 110px; z-index: 5;  }

.faq { overflow: hidden; z-index: 1; position: relative;
    padding: 0;
    background: url(../img/top/deco_oy3.png) no-repeat top right / contain; }

.faq>div.inner { padding: 170px 0 90px; transform: skewY(3deg); -webkit-transform: skewY(3deg); }
.faq .en { position: absolute; top: -20px; left: 0; margin: 0; }
.faq .secTtl { color: #fff; }

.faqList li { margin-bottom: 10px; }
.faqList li a { overflow: hidden; position: relative; display: block; padding: 1em 1.2em; width: 100%; font-size: 1.25em; background: #fff; border-radius: 10px; }
.faqList li a::before { content: ""; position: absolute; top: 0; right: 0;
    border: 15px solid transparent;
    border-top: 15px solid #fff100;
    border-right: 15px solid #fff100; }

.faqList li a span { position: relative; }
.faqList li a span::before {
    content: 'Q';
    display: inline-block; text-align: center; margin-right: .5em;
    position: relative; top: 50%; left: 0;
    width: 50px; height: 50px;
    color: #fff; background: #ff7900;
    border-radius: 100%;
    font-family: 'M PLUS Rounded 1c', sans-serif; font-size: 1.5em; font-weight: bold;
    line-height: 1.5; }

.faq .btn_con a { border: none; }


/* bnrArea バナー ------------- */
.bnrArea { z-index: 0; position: relative; margin-top: -90px; padding-top: 150px;background: url("../img/top/bg_bnrarea.jpg") no-repeat center /cover; }

.btnBox ul { max-width: 800px; margin: 0 auto 30px; }
.btnBox ul li { width: 49%; }
.btnBox ul li a { display: flex; padding: 2em 3em; font-size: 1.25em; background: #fff; border-radius: 10px; align-items: center;}
.btnBox .icon { display: inline-block; text-align: center;
    width: 50px; height: 50px;
    background: #ff7900; border-radius: 100%; position: relative;}
.btnBox li.hogosya .icon { background: #9b2ad5; }
.btnBox ul li a span { display: inline-block; vertical-align: -webkit-baseline-middle; padding-left: 1em; }
.btnBox .icon>img { position: absolute;  top: 50%; left: 50%; transform: translate(-50%, -50%);}

/* infoArea お知らせ・インスタ ------------- */
.bnr_line { margin-bottom: 40px; }


.infoArea {
  background-color:#ffedd3;
  background-image: linear-gradient(-45deg, #fff 10%, transparent 10%, transparent 50%, #fff 50%, #fff 60%, transparent 60%, transparent);
  background-size: 7px 7px;
  background-attachment: fixed;
}

.infoArea #insta { margin-top: 60px; padding: 30px; background:#fff;  }


/*お知らせ*/
#news { border-top: 10px solid #00bf6c; }
.newsList { height: 260px; overflow-y: scroll; }
.newsList li { margin-bottom: 10px; padding:10px; border-bottom: 1px solid #ccc; }
.newsList li strong { color: #00bf6c;font-size: .875em; }


/* お知らせ（New） */
#news_area { padding-top: 4em; padding-bottom: 4em; background: rgba(0,175,191,0.08) url(../img/top/bg_news.png) center /100%; position: relative; }
#news_area::before { content: ""; z-index: 0; position: absolute; top: -3.5em; right: 0;
width: 512px; height: 144px; background: url("../img/top/news.png") no-repeat top right; }

#news_area .btn_con a { border: none; background: #fed917; }

.news_list { margin-bottom: 3em; padding: 1.5em 3em 3em; border-radius: 10px; background-color: #fff; border: solid 2px #806642; }
.news_list > li a { display: block; padding: 1.5em 4.063em 1.5em 1em; border-bottom: 1px solid #ccc; position: relative; }
.news_list > li a::before {
  content: ""; z-index: 1; position: absolute; top: 0; right: 2em; bottom: 0;
  width: 10px; height: 10px; margin: auto; border-top: 2px solid #fff; border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.news_list > li a::after {
  content: ""; position: absolute; top: 0; right: 1em; bottom: 0; width: 40px; height: 40px; margin: auto; -webkit-border-radius: 50%; border-radius: 50%; background: #00afbf; }
.news_list > li .ttl { font-weight: 500; line-height: 1.5; }
.news_list > li .date { margin: 0; color: #00afbf; font-size: clamp(12px,3vw,14px); font-weight: bold; letter-spacing: 0.05em; }



/*インスタ*/
#insta { border-top: 10px solid #ff4180; }
/*.instaList li { width: 32%; margin-bottom: 2%;}*/
.instaList li img { width: 100%; height: 120px; /*height: 100%;*/ object-fit: cover;}

.instaList li { width: 32%; height: auto; margin-bottom: 2%; position: relative; }
.instaList li::before { content:"";
display:block;
padding-top:100%; }
.instaList li img { position:absolute;
top:0;
left:0;
width:100%;
height:100%;
object-fit:cover;}

.bnr_corona{ width:80%; margin: 0 auto 2em; }


#info {background: url(../img/top/bg_topics.png) center /100%; padding-top: 4em;}
#blog {margin: 6.25em auto;}
#blog::before { content: "";    z-index: 0;    position: absolute;    top: -38px;    left: 0;    background: url(../img/top/blog.png) no-repeat top left;    width: 479px;    height: 196px; }

#blog .secTtl {margin-bottom: 2em;}
#blog .blogList {gap: 1em; margin-bottom: 3em;}
#blog .blogList::after {display: block; content: ""; width: 32%;}
#blog .blogList li.blog_box {position:relative; width: 32%; margin-bottom:1em;  aspect-ratio: 1 / 1;
  transform: translateZ(0);}

#blog .blogList li.blog_box a { display: block; height: 100%; width: 100%; border: solid 4px #fe1db4; border-radius: 20px;}

#blog .blog_inner {flex-direction: column; flex-wrap:nowrap; overflow: hidden; border-radius: 20px; height: 100%;}
#blog .blog_img {flex:1; height: calc(100% - 5.06em);}
#blog .blog_img img {object-fit: cover; width: 100%; height: 100%;}
#blog .blog_txt {display: flex; justify-content: center; align-items: center; width: 100%;
  height: 5.06em; padding:1em;
  border-top: solid 2px #fe1db4;
  background: #fff; font-size: 0.9375em; box-sizing: border-box; z-index: 0;}
#blog .blog_txt p {margin:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#blog .blogList .date {position: absolute; bottom: 4em; left: -0.8em; padding:.25em .85em; border-radius: 8px;
  font-size: 1em; background: #fe1db4; color: #fff; letter-spacing:0.05em;}

#blog .blogList li.blog_box.blog2 a {border: solid 4px #00afbf;}
#blog .blogList li.blog_box.blog2 .date {background: #00afbf;}
#blog .blogList li.blog_box.blog2 .blog_txt  {border-top: solid 2px #00afbf;}
#blog .blogList li.blog_box.blog3 a {border: solid 4px #00bf48;}
#blog .blogList li.blog_box.blog3 .date {background: #00bf48;}
#blog .blogList li.blog_box.blog3 .blog_txt  {border-top: solid 2px #00bf48;}
#blog .blogList li.blog_box.blog0 a {border: solid 4px #ff7d19;}
#blog .blogList li.blog_box.blog0 .date {background: #ff7d19;}
#blog .blogList li.blog_box.blog0 .blog_txt  {border-top: solid 2px #ff7d19;}

#blog .btn_con a {border: none; background: #fed917;}
#blog .btn_con a::before {border: none;}

#blog .slick-arrow {position: absolute;top: -4.0625em;right: 12.3%;width: 2.5em;height: 2.5em;
  border-radius: 50%;z-index: 2;cursor: pointer;background: #ff7d19;}

  #blog .slick-arrow::before{display: block; position: absolute;width: 1em;height: 1em;content: "";top: 50%;left: 60%;-webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);border-left: 2px solid #fff;border-top: solid 2px #fff;}
  #blog .slick-button-prev {-webkit-transform: translateX(-100%) translateX(-0.75em); left: unset; right: 3%; top: -2.5em;}
  #blog .slick-button-next {top: -2.5em;
    right: 4%;
    left: unset;
    transform: scale(-1, 1);}




.info_under { padding-top:4em; padding-bottom:4em; background: rgb(255,217,230,34%); position: relative;}
.info_under .secTtl {margin-bottom: 1.5em;}
.info_under .info_content {margin-bottom: 2.1875em; }

/*#news_area {width: 48%;}
#news_area::before { content: "";    z-index: 0;    position: absolute;    top: -3.5em;    left: 0;    background: url(../img/top/news.png) no-repeat top left;
  background-size: min(500px,33vw);  width: 500px;    height: 196px; }
#news_area .news_list>li>a {position: relative; display: block;  padding: 2em 2.13em; background: #fff;}
#news_area .news_list>li:not(:last-child) {margin-bottom:2.5em;}
#news_area .news_list>li p {margin: 0;}
#news_area .news_list .date {position:absolute; top:-1.31em; left:-1.56em; padding:.25em 1em; border-radius: 8px; font-size: 1em; background: #00afbf;  color: #fff;}
#news_area .btn_con a {border: none; background: #00afbf; color: #fff;}*/


#insta_area::before { content: ""; z-index: 0; position: absolute; top: -3.5em; right: 0;
  width: 500px; height: 196px; background: url(../img/top/insta.png) no-repeat top left;
  background-size: min(500px,33vw); }

.btn_con.insta_btn a {border: none; background: #f64fbf; color: #fff;}
.btn_con.insta_btn a::before {content: none;}
.btn_con.insta_btn a span {position: relative; display: flex; justify-content:center; align-items: center; padding-left: 2em;}
.btn_con.insta_btn a span::before {content: ""; width: 24px; height: 24px;
  background: url(/img/icon_insta.svg) top left no-repeat; }

.instaList li::before { content: none; }
.instaList li a { position: relative; width: 100%; display: block; }
.instaList li a::before {content: ""; display: block; padding-top: 100%;}
.instaList li a img { object-fit: cover; width: 100%; height: 100%;}


/* ================================================================
  レスポンシブ
=================================================================== */
/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {

  .topics-list { display: flex; display: -webkit-flex; flex-wrap: wrap; column-gap: 2%; justify-content: center; margin-block: 2em; }
  .topics-list > li { width: 48%; }
  .topics-list > .wide { width: 100%; text-align: center;}
  .topics-list > .wide img { max-height: 216px;}
  .topics-list > li:nth-child(n+3),
  .topics-list > .wide + li { margin-top: 2%; }

  /* 物件検索 */
  .searchBox > div:not(.tag) .btnList { display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between; }
  .searchBox .tag { width: 37%; }
  .searchBox .area { width: 60%; }
  .searchBox .area .btnList li { width: 48%; }
  .searchBox .school { margin-top: 3%; }
  .searchBox .school .btnList li { width: 32%; }

  /* インスタグラム（New） */
  .instaList { column-gap: 2%; }
  .instaList > li { width: 23.5%; }

  .instaList li img { width: 100%; height: 120px; object-fit: cover;}

  .instaList li { width: 23.5%; height: auto; margin-bottom: 2%; position: relative; }
  .instaList li img { position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; }

}

/* 960px以上(PC) */
@media screen and (min-width: 960px) {
  .info_under .info_content { min-height: 26em; }
}

/* ================================================================
  タブレット
=================================================================== */
/* 1024以下 (タブレット横以下) */
@media screen and (max-width: 1024px) {
  /*#news_area::before, #insta_area::before {width:313px; background-size: 33vw;}*/
}

/* 959以下 (タブレット以下) */
@media screen and (max-width: 959px) {
article>section { padding: 70px 0 60px; }

  .slick-arrow.arrow-mv { left: 10px; bottom:10px; top: unset; }
  .slick-next.arrow-mv { left: 70px; }

  /* about ドーミー学生会館って ------------- */
  #top .bg_square::after { background-size: 70%; }
  .about { padding: 60px 0 80px; }
  .about::before { top: 0; width: 100%; background-size: 600px; }
  .about .txtBox { padding: 20px; }
  .about .img_left { width: 35%; }
  .about .img_right { width: 30%; }


  /* topics ------------- */
  #topics::before { background-size: 80%; }

  /* point 4つのポイント ------------- */
  .point::before { background-size: 70%; }
  .pointList li {  margin-bottom: 50px;}
  .pointList li:nth-child(2) {  margin-top: 50px;}
  .pointList li:nth-child(3) {  margin-top: -50px;}
  .pointList li figure { overflow: hidden; width: 100%; border-top-left-radius: 10px; border-top-right-radius: 10px; }
  .pointList li figure img { width: 100%;  }
  .pointList li .txtBox { position: relative; top: 0; width: 100%; height: auto;border-bottom: none; border-left: none; background: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
  .pointList li .txtBox>div { padding:20px;}
  .pointList li .txtBox .ttl { font-size: 1.5em; }
  .pointList li .txtBox .txt { font-weight: 400; margin-bottom: 1em; line-height: 1.5; }


  /* search 物件を探す ------------- */
  .search { bottom: 0; padding: 110px 0; }
  .search::before { width: 100% ; background-size: 350px; }
  .search>div::before { background-position: right; background-size: 70%; }
  .searchBox>div { padding: 20px; }
  .btnList.flex>li { width: 100%; }

  /* interview 先輩インタビュー ------------- */
  .interview::after { background-size: 70%; bottom: 0; right: 0;}
  .interview::before { width: 100%; background-size: 550px;}
  .inteBox .txtBox .txt { font-size: 1.1em; line-height: 2; }
  .inteBox .name { padding:30px 0; width: 120px; height: 120px; line-height: 1.5; }
  .inteBox .name span { font-size: 1.2em; margin-bottom: 5px; font-size: 1.2em; }
  .inteBox>div figure { width: 80%; margin: 0 auto ;}
  .fujinawa .sp_small { font-size: .97em; }
  .inteBox>div .btn_con { margin: -10px auto 0;}
  .inteBox>div .btn_con a { padding: .4em 3em .5em; min-width: auto; }


  /* faq よくある質問 ------------- */
  .bg_faq::after { bottom: -40px; background-size: 70%; }
  .bg_faq::before { width: 100%; background-size: 270px; }
  .faq>div.inner { padding:100px 0 60px; }


  /* bnrArea バナー ------------- */
  .bnrArea { padding: 150px 0 60px; }
  .btnBox ul li a { padding: 1em 2em; }


  /* infoArea お知らせ・インスタ ------------- */
  .infoArea>div.inner>div { padding: 20px; }
  .newsList { height: 250px; }

  .bnr_corona{ width:100%; }

  .info_under .secTtl {margin-bottom: 1em;}


  /*#news_area .news_list>li {margin-bottom: 2em; }
  #news_area .news_list>li>a {padding: 1.5em;}*/
  #blog .blogList>li {width: 31%;}
  #blog .blogList .date {bottom: 3em;}
  #blog .blog_txt {height: 4em;}
  #blog .blog_img {height: calc(100% - 4em);}


}

/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
article>section { padding: 80px 0; }

.slide.pc_none,.slide.tb_none { display: block!important; }
.slide.sp_none { display: none!important; }
.slick-arrow.arrow-mv { width: 30px; height: 30px; }
.slick-arrow.arrow-mv::after { width: 12px; height: 12px; }
.slick-next.arrow-mv { left: 50px; }
.slick-counter,.slide_time { display: none; }


/* about ドーミー学生会館って ------------- */
#top .bg_square::after { display: none; }
.about::before { height: 60px; background-size: 380px; }
.about .img_left { width: 50%; }
.about .img_right { padding-top: 30px; }
.about .txtBox { padding: 20px 20px 30px; background: rgba(255, 255, 255, 0.9); }
.about .txtBox .txt { margin-bottom: 2em; line-height: 2; }


/* topics  ------------- */
#topics { padding:3em 0; }
#topics::before { background-size: 45%; }

.topics-list { padding: 2em 0; }
.topics-list > li + li { margin-top: 4%; }

.swiper-container { padding: 3em 0 2em; }
.swiper-button-next, .swiper-button-prev {
  width: 30px!important;
  height: 30px!important; }
.swiper-button-prev { right: 2.5em!important; }
.swiper-button-next:after, .swiper-button-prev:after {
  font-size: 1em!important;
}


/* news_list お知らせ（New） ------------- */
#news_area::before { top: -2.5em; background-size: 50%; }
.news_list { padding: 0 1em 2em; }
.news_list > li a { padding: 1em 4.063em 1em 1em; }
.news_list > li a::after { width: 30px; height: 30px; }
.news_list > li a::before { right: 1.8em; width: 8px; height: 8px;  }


/* point 4つのポイント ------------- */
.point::before { display: none; }
.point { padding: 80px 0 140px; }
.point .secTtl { margin-bottom: 1em; font-size: 2em; line-height: 1.1; }
.pointList li { margin-bottom: 20px; }
.pointList li .txtBox>div { background-position: top 5px right 5px; background-size: 20px; }
.pointList li .btn_con a { font-size: .8em; }
.pointList li .btn_con a::before { border: 7px solid transparent; border-top: 7px solid #fff100; border-right: 7px solid #fff100; }




/* search 物件を探す ------------- */
.search>div::before { display: none; }
.search { padding: 100px 0 60px; }
.search::before { height: 80px; background-size: 240px; top: -10px; }
.searchBox { margin-top: 30px; }
.searchBox>div { width: 100%; margin-bottom: 20px; line-height: 1.5; }
.btnList.flex>li { width:100%; }
.searchBox .icon { width: 50px; height: 50px; padding: 10px 12px 10px; }
.searchBox .school .icon {  padding: 12px; }
.searchBox .tag .icon { padding: 15px; }

.btnList a { padding: .5em 1em; font-size: 1em; }
.bnr_special { margin-top:0; }



/* interview 先輩インタビュー ------------- */
.interview { background: none; }
.interview::before { background-size: 340px; height: 60px; }
.interview::after { display: none; }
.aizawa { margin-bottom: 50px; }
.inteBox>div { width: 100%; }



/* faq よくある質問 ------------- */
.faq { background: none; }
.bg_faq::after { background: none; }
.faqList li a { padding: 1em; font-size: 1em; }
.faqList li a span::before { width: 30px; height: 30px; font-size: 1.2em; }


/* bnrArea バナー ------------- */
.bnrArea  { padding-bottom: 60px; }
.btnBox ul li { width: 100%; margin-bottom: 10px; }
.btnBox ul li a { padding: 1em; }

.btnBox .icon { width: 40px; height: 40px; padding: 0 10px 10px;}
.btnBox li.hogosya .icon { padding:0; }
.btnBox li.hogosya .icon img { vertical-align: middle;  height: 16px; }


/* infoArea お知らせ・インスタ ------------- */
.bnr_line { margin-bottom: 1em; }

.infoArea>div.inner>div { width: 100%; }
/*#news { margin-bottom: 20px; }*/
#instaList { column-gap: 2%; }

.bnr_corona{ margin-bottom: 1em; }


/* infoArea new ------------- */
#blog .blogList {margin-bottom: 4em;}
#blog .blogList li.blog_box {margin: .8em;}
#blog .blogList .date {bottom: 3.6em;}
#blog {margin: 3em auto 5em;}
#blog .inner {width: 100%;}
#blog::before {height: 112px;
  background-size: 174px;
  top: -33px;}
#blog .secTtl {margin-bottom: 1.8em;}
#blog .slick-dots li{margin: 0 2px;}

#info {padding-top: 2em;}
.info_under {padding-top: 3em;}
/*#news_area,#insta_area {width: 100%;}
#news_area {margin-bottom: 5em;}
#insta_area {position: relative;}
#news_area::before {height: 112px;
  background-size: 174px;
  top: -28px;}
#news_area::before, #insta_area::before {background-size: 50vw; left: 0; right: unset;}
#insta_area::before {left: -12px;}
#news_area .news_list>li {width: 97%; margin: 0 auto 2em;}
#news_area .news_list .date {top: -1em; left: -0.8em;}*/

.info_under .info_content {height: auto;}
#insta_area .btn_con a span {padding-left: 1em;}

/*#news_area .news_list>li:not(:last-child) {margin-bottom: 2em;}*/
.info_under .info_content {margin-bottom: 2.7em;}

#blog .blog_txt {height: 4.5em;}
#blog .blog_img {flex:1; height: calc(100% - 4.5em);}
#blog .slick-arrow::after {background: none;}

.instaList li:nth-last-child(-n+2) { display: none; }

}


@media screen and (max-width: 400px){
  .pointList li:nth-child(3) { margin-top: -28px; }
}


@media screen and (max-width: 320px){
  .fujinawa .sp_small { font-size: .87em; }
}