html {font-size: 62.5%;overflow-x: hidden;}

body {
 background-color: #F8F3ED;
 color: #171717;
 font-size: 1.8rem;
 letter-spacing: 0.08em;
 font-family: 'NSJP_reg';
 overflow-x: hidden;
 word-break: break-all;
}
section{padding:12rem 0;}
p{line-height:2;margin:1.8rem auto;}
section::before,
section::after,
.posi_rel::before,
.posi_rel::after,
.btn .catch::before,
.btn .catch::after,
.consider__wrap::before,
.consider__wrap::after,
.line_area .ttl span::before,
.line_area .ttl span::after{content:"";position: absolute;}
/* font_family */
@font-face { font-family: 'NSJP_reg'; src: url('../fonts/NotoSansJP-Regular.woff') format('woff'); }
@font-face { font-family: 'NSJP_semi_bld'; src: url('../fonts/NotoSansJP-SemiBold.woff') format('woff'); }
@font-face { font-family: 'NSJP_bld'; src: url('../fonts/NotoSansJP-Bold.woff') format('woff'); }
@font-face { font-family: 'AB_reg'; src: url('../fonts/ArchivoBlack-Regular.woff') format('woff'); }

/* font-family */
.en { font-family: 'AB_reg';}

.fw_r { font-family: 'NSJP_reg'; }
.fw_sb { font-family: 'NSJP_semi_bld'; }
.fw_b { font-family: 'NSJP_bld'; }

.fuchidori {
 color: #fff;
 text-shadow:1px 1px 0 #171717, -1px -1px 0 #171717,
             -1px 1px 0 #171717, 1px -1px 0 #171717,
             0px 1px 0 #171717,  0-1px 0 #171717,
             -1px 0 0 #171717, 1px 0 0 #171717;
}

/* width */
/* .w92p{width:92%;} */
.outer {width: 1200px;margin: 0 auto;width: min(1200px, 92%);}
.inner {width: 1000px;margin: 0 auto;width: min(1000px, 92%);}
.w100p{width:100%;}
.w116{width:116px;}
.w130{width:130px;}
.w142{width:142px;margin: 0 auto;display: block;}
.w350{width:350px;}
.w400{width: 400px;}
.w800{width:800px;}
.col2-24 {width: calc((100% - 24px)/2);}
.col2-80 {width: calc((100% - 80px)/2);}
.col4 { width: calc(100% / 4); }

/* img */
img { max-width: 100% !important; height: auto; display: block; }
picture{border: solid 1px #171717;display: block;}

/* position */
.posi_rel, h1, h2, h3, h4, h5, h6,section { position: relative; line-height: 1;}
.posi_ab { position: absolute; }
.posi_fix { position: fixed; }

/* margin */
.mg_lr_a {margin-left: auto;margin-right: auto;}
.mg_t_b_16 { margin-top: 1.6rem; margin-bottom: 1.6rem; }
.mg_t_b_30 { margin-top: 3rem !important; margin-bottom: 3rem !important;}
.mg_t_8 { margin-top: 0.8rem; }
.mg_t_12 { margin-top: 1.2rem; }
.mg_t_24 { margin-top: 2.4rem; }
.mg_t_54 { margin-top: 5.4rem; }
.mg_t_40 { margin-top: 4rem; }
.mg_t_64 { margin-top: 6.4rem; }
.mg_t_100 { margin-top: 10rem; }
.mg_t_m16{margin-top:-1.6rem;}
.mg_b_10 { margin-bottom: 1rem; }
.mg_b_14 { margin-bottom: 1.4rem; }
.mg_b_16 { margin-bottom: 1.6rem; }
.mg_b_24 { margin-bottom: 2.4rem; }
.mg_b_32 { margin-bottom: 3.2rem; }
.mg_b_45 { margin-bottom: 4.5rem; }
.mg_b_50 { margin-bottom: 5rem !important; }
.mg_b_80 { margin-bottom: 8rem; }
.mg_r_32 { margin-right: 3.2rem; }
.mg_r_40 { margin-right: 4rem; }

/* padding */
.pd_24 { padding: 2.4rem; }
.pd_t_13 { padding-top: 1.3rem; }

/* display */
.pc { display: block; }
.sp,
.tbl_bk{ display: none; }
.d_blk { display: block; }
.d_in_blk { display: inline-block; }
.d_in { display: inline; }

/* flex */
.flex { display: flex; }
.fl_w_w { flex-wrap: wrap; }
.fl_jfc_sb {justify-content: space-between;}
.fl_jfc_ar { justify-content: space-around; }
.fl_jfc_c { justify-content: center; }
.fl_jfc_ev { justify-content: space-evenly; }
.fl_a_c { align-items: center; }
.fl_a_b { align-items: baseline; }
.fl_a_fs { align-items: flex-start; }
.fl_a_fe { align-items: flex-end; }

/* font-size */
.fs10 { font-size: 1rem; }
.fs12 { font-size: 1.2rem; }
.fs13 { font-size: 1.3rem; }
.fs14 {font-size: 1.4rem;line-height: 1.7;}
.fs15 { font-size: 1.5rem; }
.fs16 { font-size: 1.6rem; }
.fs17 { font-size: 1.7rem; }
.fs18 { font-size: 1.8rem; }
.fs19 { font-size: 1.9rem; }
.fs20 { font-size: 2rem; }
.fs22 { font-size: 2.2rem; }
.fs23 { font-size: 2.3rem; }
.fs24 { font-size: 2.4rem; }
.fs25 { font-size: 2.5rem; }
.fs26 { font-size: 2.6rem; }
.fs28 { font-size: 2.8rem; }
.fs30 { font-size: 3rem; }
.fs32 { font-size: 3.2rem; }
.fs35 { font-size: 3.5rem; }
.fs36 { font-size: 3.6rem; }
.fs38 { font-size: 3.8rem; }
.fs40 { font-size: 4rem; }
.fs56 { font-size: 5.6rem; }

/* font-color */
.color_bl, th { color: #0D63B0; }
.color_wh { color: #fff; }
.color_lgr { color: #C9C9C9;}
.color_og { color: #FF612E;}

.txt_deco_line_t{text-decoration:line-through;}

.grid{
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(23,23,23,0.1) calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), rgba(23,23,23,0.1) calc(100% - 1px));
  background-size: 12px 12px;
  background-repeat: repeat;
  background-position: center center;
}
.grid_wh{
 background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(255,255,255,0.1) calc(100% - 1px)),
                   linear-gradient(90deg, transparent calc(100% - 1px), rgba(255,255,255,0.1) calc(100% - 1px));
 background-size: 12px 12px;
 background-repeat: repeat;
 background-position: center center;
}
/* text-style */
.txt_left { text-align: left; }
.txt_center, .ttl_wrap { text-align: center; }
.txt_right { text-align: right; }

/* line-height */
.lh_0 {line-height: 0;}
.lh_10 {line-height: 1;}
.lh_11 {line-height: 1.1;}
.lh_12 {line-height: 1.2;}
.lh_13 {line-height: 1.3;}
.lh_14 {line-height: 1.4;}
.lh_15 {line-height: 1.5;}
.lh_16 {line-height: 1.6;}
.lh_17 {line-height: 1.7;}
.lh_18 {line-height: 1.8;}
.lh_22{line-height: 2.2;}

/* background-color */
.bg_bl {background-color: #357BBF;}
.bg_yl {background-color: #E7EA3A;}
.bg_wh {background-color: #fff;}
.bg_gr {background-color: #8FDDCA;}
.bg_bk {background-color: #171717;}

/* border */
.b_s_1{border: solid 1px #171717;}
.b_b_s_1{border-bottom: solid 1px #171717;}
.b_b_d_1{border-bottom: dashed 1px #171717;}

.dot-text{position:relative;}
.dot-text::before{
 position: absolute;
 top: -8px;
 left: 0;
 right: 0;
 margin: auto;
 content: "";
 padding-top: 10px;
 background: -webkit-radial-gradient(circle 10px,#FF612E 50%,transparent 50%);
 background: radial-gradient(circle 5px,#FF612E 50%,transparent 50%);
 background: -moz-radial-gradient(circle 5px,#FF612E 50%,transparent 50%);
}
/* -----------------
ttl_wrap
----------------- */
.ttl_wrap{margin-bottom: 10rem;}
.ttl_wrap > .en_ttl{font-size: 5.6rem;line-height: 1;}
.ttl_wrap > .en_ttl + h2{font-size: 2.6rem;}
.property .ttl_wrap > .en_ttl + h2{margin-top: .5rem;}
.school_list .ttl_wrap{margin-bottom: 8rem;}
.school_list .ttl_wrap > .en_ttl + h2{margin-top: 1.5rem;}
/* -----------------
Link & Button
----------------- */
a {text-decoration: none;display: block;transition: all ease .3s;color:#171717;}
a:hover {opacity: .5;}
.btn{font-weight: bold; position: relative;}
.btn.push > a{transition: 0.3s ease-in-out;}
.btn.push > a:hover{
 opacity: 1;
 box-shadow: none;
 transform: translate(4px, 4px);
}
.btn > a{
 border-radius: 50rem;
 position: relative;
 max-height: 8rem;
}
.btn .catch{margin-bottom:.8rem;display:block;}
.btn .catch::before,
.btn .catch::after{top: 6px;}
.btn .catch::before{background: url(../img/icon/slash_bk.svg);width:18px;height:18px;left:7rem;}
.btn .catch::after{background: url(../img/icon/slash.svg);width:18px;height:18px;margin-left:1rem}
.btn_01 > a{
 background: #FF612E;
 color:#fff;
 border:solid 1px #FF612E;
	box-shadow: 4px 4px #171717;
 padding: 3rem;
 margin-top: 1rem;
}
.btn_01 > a:hover{
  background: #fff;
  color:#FF612E;
 }

.btn_02 > a{background: #fff;color:#FF612E;border:solid 1px #FF612E;padding: 1.5rem;box-shadow: 4px 4px #FF612E;font-size: 1.8rem;line-height: 1.4;}

.btn_03.line > a{background: url(../img/icon/line.svg) no-repeat #00B900 7rem;color:#fff;border:solid 1px #00B900;padding: 2.8rem 4rem 2.8rem 9rem;font-size:2.2rem;box-shadow: 4px 4px #171717;}

.btn_04 > a{background:#171717;color:#fff;border-radius: 0;padding: .7rem;}
.btn_01.catalog > a{background-image: url(../img/icon/catalog.svg);background-size: 27px;background-repeat: no-repeat;background-position: 5rem;padding: 2.8rem 4rem 2.8rem 6rem;font-size: 2.2rem;}
.btn_01.catalog > a:hover{background-image: url(../img/icon/catalog_on.svg);}
.btn_02.tel > a{}
button.map a{font-size:1rem;border:solid 1px #171717;border-radius:0;line-height:1;padding: .5rem 0.8rem .5rem 2.2rem;background:url(../img/icon/pin.svg) no-repeat .5rem center;background-size:1rem;/* margin-left: 1.4rem; */}

button.phone {}
 button.phone a{
    background:url(../img/icon/phone.svg) no-repeat 4.5rem center;
    border: solid 1px #fff;
    border-radius: 50rem;
    color: #fff;
    font-size:2.6rem;
    line-height: 1.3;
    padding:1rem 2rem 1rem 5rem;}

    button.phone a span{
     font-size:1.2rem;
     display:block;
  }

button.top {display: block;margin:5rem auto;width:32rem;}
button.top a{ext-align: center;background: #F4E72A 10% center;background-size: 19px 17px;padding: 1.5rem 2rem;font-size: 2rem;border-radius: 50rem;}

.marker_y{background: linear-gradient(transparent 70%, #E7EA3A 70%);}
/*------------------------
  PC_style
------------------------*/
header{padding:1.6rem;}
header img{margin-right:2.4rem;}
/* intro */
.school_logo img{width:50rem;}
.intro{
    background-image: url(../img/bg_party.png),url(../img/intro_bg_02.svg);
    background-position: top right,bottom center;
    background-size: 240px 195px,202px 88px;
    padding: 8.5rem 0 13.8rem;
}
.intro::before{background:url(../img/intro_bg_01.svg)no-repeat;width:159px;height:137px;bottom:0;left:8%;}
.intro::after{background:url(../img/intro_bg_03.svg)no-repeat;width:107px;height:117px;bottom:0;right:8%;}
.intro .ttl_wrap{
    margin-bottom: 0;
}
/* .intro h1{line-height:1.7;padding-top: -1rem;} */
/* .intro h1 > span{background: #357BBF;border:solid 1px #171717;color:#fff;padding: 0 1.5rem;margin-right: 0.8rem;} */
.intro .txt_wrap{margin-top: 4.6rem;}
.intro .txt_wrap .catch{
    margin-top: 1rem;
    margin-bottom: 0;
    border-bottom: solid 4px #E7EA3A;
    display: inline-block;
}
/* feature */
.feature .card{
    margin-left: -1px;
    margin-top: -1px;
    padding: 2rem .8rem;
}
.feature .card img{margin:0 auto;}
.feature .card p {margin:0;}

/* Pickup */
.Pickup{}
.Pickup .slick-slide{margin: 0 5rem;}
/* student_dormitory */
.student_dormitory{}
.sd_commute_time{}
.sd_commute_time .ttl{
 background: url(../img/icon/school.svg) top center no-repeat;
 padding-top: 4rem;
 margin-bottom: 3rem;
 line-height: 1.6;
}
.sd_commute_time dl{margin: 2.4rem 0 2.4rem 6rem;}
.sd_commute_time dt{
 margin: 1.6rem 0;
 position:relative;
 font-size: 1.8rem;
}
.sd_commute_time dt::before{
 content:"";
 position: absolute;
 background: url(../img/icon/map_takuto.svg) left top no-repeat;
 width: 4.3rem;
 height: 4.7rem;
 left: -6rem;
 top: -1rem;
}
.sd_commute_time dd{
 position:relative;
 font-size: 1.6rem;
 margin-left: 3rem;
}
.sd_commute_time dd::before{
 content:"";
 position: absolute;
 background: url(../img/icon/train.svg) left top no-repeat;
 width: 1.7rem;
 height: 2.1rem;
 left: -3rem;
 top: 0;
}
.sd_commute_time dd.walk::before {
    content: "";
    position: absolute;
    background: url(../img/icon/walk.svg) left top no-repeat;
    width: 1.7rem;
    height: 2.1rem;
    left: -3rem;
    top: -0.2rem;
}

/* property */
.property{}
.property .card_wrap{padding: 3rem 0 6rem;}
.property .card{padding:30px}
.property .card.umeda::before{content:"UMEDA";}
.property .card.fukushima::before{content:"FUKUSHIMA";}
.property .card::before{
 font-family: 'AB_reg';
 font-size:3.8rem;
 color: #fff;
 right:0;
 top:-3.3rem;
 text-shadow:1px 1px 0 #171717, -1px -1px 0 #171717,
             -1px 1px 0 #171717, 1px -1px 0 #171717,
             0px 1px 0 #171717,  0-1px 0 #171717,
             -1px 0 0 #171717, 1px 0 0 #171717;
}
.property .card .ttl{margin:1.6rem auto;}
.tag{margin:2rem 0;}
.tag > li{
    border: solid 1px #171717;
    padding: 1px 8px;
    margin-right: 10px;
}
.property .station{margin: 2rem 0;}
.property .station dt{margin-right: 2.4rem;}
.property__main_box .bg_wh{margin-top:-1px;padding-bottom: 4.8rem;}
.property__main_box .head{
    margin: .2rem 0 2.9rem;
    letter-spacing: 0.2em;
}
.property__main_box .pic{width:452px;margin: 0;}
.property__main_box .txt{width: 460px;margin-top: .7rem;}
.property__main_box dl{margin-bottom: 3rem;}
.property__main_box .location{}
.property__main_box .location .location__body{width:calc(100% - 116px);}
.property__main_box .foot.btn_wrap{
    margin: 4rem auto 2rem;
}
.property__main_box .foot.btn_wrap button{margin:0 2rem;}

.property__main_box .commute_time{}
.property__main_box .commute_time_train > dt,
.property__main_box .commute_time_walk > dt{
 padding-left: 5rem;
 position: relative;
 margin-right: 3rem;
}
.property__main_box .commute_time_train > dt::before,
.property__main_box .commute_time_walk > dt::before{content:"";position: absolute;}
.property__main_box .commute_time_train > dt::before{background:url(../img/icon/train.svg) no-repeat;2rem: 0;width: 1.9rem;height: 2.3rem;left: 1.4rem;top:-0.2rem;}
.property__main_box .commute_time_walk > dt::before{background:url(../img/icon/walk.svg) no-repeat;2rem: 0;width: 1.4rem;height: 2.3rem;left: 1.4rem;top:-0.5rem;}

/* consider */
.consider{}
.consider__wrap{padding:5.6rem 8rem;}
.consider__wrap::before{background:url(../img/consider_left.svg)no-repeat;width:59px;height:149px;bottom:-5.5rem;left:0.7rem;}
.consider__wrap::after{background:url(../img/consider_right.svg)no-repeat;width:63px;height:135px;bottom: -5rem;right: 0.8rem;}
.consider__wrap > p{
    margin: 3.6rem auto 3rem;
}

/* line_area */
.line_area{}
.line_area__wrap p{
    margin: 3.6rem auto 3rem;
}
.line_area .ttl span::before,
.line_area .ttl span::after{width: 26px;height: 35px;background-size:100%;}
.line_area .ttl span::before{
    background: url(../img/icon/slash_l_bk.svg) no-repeat;
    left: -8rem;
}
.line_area .ttl span::after{
 background: url(../img/icon/slash_l.svg) no-repeat;
    right: -8rem;
}

footer::before{
 content:"";
 position:absolute;
 background: url(../img/icon/bg_cat.svg)no-repeat;
 width:33px;
 height:38px;
 top: -19px;
 transform: translate(-50%, -50%);
 right: 26%;
 }

/* footer */
footer{
 border-top:solid 1px #171717;
 padding: 2.2rem 0;
}
footer::before{}

/* slick */
.slider-container{
 width:50%;
 margin:0 auto;
}
.slick-prev,.slick-next{z-index:2;}
.slick-prev{left:0!important;}
.slick-next{right:0!important;}
.thumbs img{margin: 9px 11px 1px 0;}
.slick-slide{
 padding:2px;
}
.slider-container img{border:solid 1px #171717;}
.thumbs{margin-top:5px;}
.thumbs .slick-track:before,
.thumbs .slick-track:after{content:none;}
.thumbs .slick-track {
 transform: unset !important;
  width: 100% !important;
  display: flex;
  justify-content: space-between;
  flex-flow: row wrap;
}
.thumbs .slick-slide {
 display: block!important;
 float: none !important;
 flex: 0 0 23%;
}
.slick-prev,
.slick-next{height: 100%;width:6rem;}

/* Float_banner */
.Float_banner {
 position: fixed;
 margin: 15px 20px;
 z-index: 99998;
 bottom: 1rem;
 right: 2rem;
 display: none;
}
.Float_banner a:hover {
 opacity: .7;
}
.banner-bottom {}
.banner-close {
 position: absolute;
 top: 1rem;
 right: -4px;
 z-index: 99999;
}

.bg_cycle{
 width: 80px;
 height: 78px;
 position: absolute;
 bottom: 0;
 left: 9%;
}

dl.rent dd{width: calc(100% - 12rem);}
.ls_0{letter-spacing:0;}

.lb-outerContainer,.lb-dataContainer{
 width:calc(100% - 20px) !important;
 max-width:700px;/*拡大時の最大幅*/
 height:80rem;
}
.lightbox .lb-image{height:65rem !important;}

.border-balloon {
 position: relative;
 display: inline-block;
 background: #fff;
 border-radius: 4px;
 padding: .4rem .5rem;
 font-weight: bold;
 color: #FF612E;
 border: 2px solid #FF612E;
 box-sizing: border-box;
 font-size: 1.4rem;
 letter-spacing: 1px;
 /* bottom: -1.4rem; */
 margin-right: 1.6rem;
 margin-bottom: .rem;
 /* border: 3rem; */
}

/* 吹き出しのしっぽ：本体の背景色用 */
.border-balloon::before {
 content: "";
 position: absolute;
 bottom: -16px;
 left: 50%;
 transform: translateX(-50%);
 border-width: 8px;
 border-style: solid;
 border-color: #fff transparent transparent transparent;
 z-index: 2;
}

/* 吹き出しのしっぽ：枠線の色用 */
.border-balloon::after {
 content: "";
 position: absolute;
 bottom: -18px;
 left: 50%;
 transform: translateX(-50%);
 border-width: 8px;
 border-style: solid;
 border-color: #FF612E transparent transparent transparent;
 z-index: 1;
}


.area_map a::after{content:"";position:absolute;background: url(../img/icon/expansion.svg) no-repeat;width: 48px;height: 20px;z-index: 1;bottom: 0.5rem;right: 2rem;}