@charset "utf-8";

/* base ------------------------*/
#wrapper { position:relative;}
.inner { max-width: 1000px; width: 100%; margin: 0 auto; }
.inner.wide { max-width: 1100px;}

/*背景 グレー*/
.bg_gray{ background-color: #eeeeee; }

/*背景 方眼紙*/
.bg_square { position: relative;
  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;
}

/*ウスオレンジストライプ*/
.bg_stripe, .bg_stripe_or { 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;}
.bg_stripe.navy { background-color: #e7e9ef; }
.bg_stripe.purple { background-color: #fcedf3; }
.bg_stripe.violet { background-color: #dfdbf7;}
.bg_stripe.gray { background-color: #dbdbdb;}


button.favorite { position: relative; z-index: 2; display: inline-block; overflow: hidden; text-align: center; min-width: 200px; padding: .7em 2em .7em 3em; font-size: .88em; border-radius: 10px;  border: 1px solid #806642; color: #45341d; background: #fff; }
button.favorite::before {
  position: absolute; content: ""; top: 0.6em; left: 1.0em; width: 1.4em; padding-top: 50%; background: url(../img/icon_favo.svg) no-repeat 0 0 / 100%;
}
button.favorite.del::before { background-image: url(../img/icon_favo2.svg); }


/* header ------------------------*/
#header { padding: 30px 0 15px; background: #fff; position: relative;}
#header>.inner { width: 100%; }
#header .sitename { float: left; }
.h_info { float: right; }
.h_info p { margin: 0 auto; }
.infoBox { text-align: center; margin-right: 30px; line-height: 1.5; }

.lang_btn {position: absolute; background: #ff7d19; right: 0; padding: 0 1.2em; bottom: -1.8em; z-index: 100;}
.lang_btn>a {display:flex; align-items: center; color: #fff;}
.lang_btn>a::before{content: ""; display: inline-block; margin-right: 0.4em;background: url(/img/icon/ico_grobal.svg); width: 1em; height: 1em; }

.pc_lang {height: 1.7em; margin-right: 1.5em; border: solid 2px #ff7d19;}
/* .pc_lang>li:nth-child(2)::before {position: relative; margin-right: .6em; margin-left: .6em; content: "|"; line-height: 1;} */
.pc_lang>li {line-height: 1;}
.pc_lang>li>a {height: 100%; display: block; text-align: center; padding: 0.2em 0.4em;}
.pc_lang>li>a.active {color: #fff; background: #ff7d19; display: block; height: 100%;}


.tel { font-size: 1.875em; }
.tel a { display: block; position: relative; padding-left: 1.2em; }
.tel a::before { content: ""; position: absolute; top: 50%; left: 0;
    width: 30px; height: 30px;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%);
    background: url("../img/icon_freetel.png") no-repeat center;  }

.hour { font-size: .9375em; }

/* gnav ------------------------*/
#gnav { margin-top: 40px; }
#gnav li { width: 14%; text-align: center; border-right: 1px solid #aaaaaa; }
#gnav li:first-child { border-left: 1px solid #aaaaaa; }
#gnav li a { display: block; padding:  2px; }


/* footer ------------------------*/
.floBox { position: fixed; right: 0; bottom: 30px; z-index: 9999; opacity:0; text-align: right;transition:all .3s ease-out; -webkit-transition:all .3s ease-out; }

.floBox li a { margin-right: -5px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.floBox li:nth-child(n+2) { margin-top: 5px; }
.floBox li a:hover { margin-right: 0; }


/*.floPc { display: block;  }
  .floPc .floBox { position: fixed; bottom:30px; right: 0; }*/
  .floPc .floBox>li { width:150px; /*margin: 0 0 5px; */text-align: left; }
  .floPc .floBox>li a { display: block; padding: 1em .5em;  color: #fff; background: #ff4180; font-size: .9em; border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
  li.flo_lang.flex a { border-radius: 5px 0 0 5px; }
  .floPc .floBox>li.bukken a { background: #fed917; color:#45341d ; }
  .floPc .floBox>li.siryo a { background: #00bf6c; }
  .floPc .floBox>li.nyukan a { background: #ff7d19; }
  .floPc .floBox>li.mail a { background: #2d78de; }
  .floPc .floBox>li a span { display: block; position: relative; padding-left: 30px; }
  .floPc .floBox>li a span::before { content: "";
    position: absolute; top: 50%; left: 7px;
    background-image: url("../img/icon_kengaku.png"); background-repeat: no-repeat;
    width: 22px; height: 20px; background-size: 18px;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }

  .floPc .floBox>li.bukken a span::before { background-image: url("../img/icon_search.svg");  }
  .floPc .floBox>li.siryo a span::before { left: 6px; background-image: url("../img/icon_siryo.png");
  width: 26px; height: 20px; background-size: 20px; top: 60%; }
  .floPc .floBox>li.nyukan a span::before {  background-image: url("../img/icon_nyukan.png");
   width: 26px; height: 20px; background-size: 20px; top: 60%; }
  .floPc .floBox>li.mail a span::before { background-image: url("../img/icon_mail.svg");
   width: 20px; height: 20px; background-size: 18px; top: 65%; }

/*.floSp { display:none; }*/

.floBox.scroll { opacity:1;}

#footer { border-top: 1px solid #eee; }

.fBox { position: relative; padding: 60px 0 40px; }
.fBox.linkBox {padding-top: 20px; width: 100%;}
.fBox .flogo {width: 250px; margin: 0 0 1em 0; }
.fBox .logo-link li:not(:last-child) { margin-right: 10px; }
.fBox .logo-link li a {
  overflow: hidden; position: relative;
  display: block; padding: .5em 1.5em .4em;
  border: 1px solid #eee; border-radius: 8px;
}
.fBox .logo-link li a::before {
  content: ""; position: absolute; top: 0; right: 0;
  border-top: 15px solid #fff100;
  border-left: 15px solid transparent;
  transition: .3s;
}
.fBox .logo-link li a img { width: auto; height: 30px; }
.fBox .logo-link li.labo a img {height: 20px;}
.fBox .logo-link li a:hover::before { border-top-color: #ff7900; }

#pagetop { position: absolute; top:-40px; right: 0; margin: 0; }
#pagetop a { display: block; }

.fnav { margin-bottom: 10px; }
.fnav>ul>li { margin-bottom: 20px; line-height: 2; }
.fnav>ul>li>a { display: block; position: relative; padding-left: 1.2em; }
.fnav>ul>li>a::before { content: "●"; position: absolute; top: 50%; left: 0;
    color: #ffa749; font-size: .75em;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }

.fnav>ul>li>ul { font-size: 0.8125em; }
.fnav>ul>li>ul>li>a { display: block; position: relative; padding-left: 1.5em; font-weight: 300; }
.fnav>ul>li>ul>li>a::before { content: "—"; position: absolute; top: 40%; left: 0;
    font-weight: 100;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }

.fBox .dormykyoto_bnr {margin: 2em auto; text-align: center;}

.snsList { align-items: center;}
.snsList>li { margin-right: 10px; }
.snsList>li>a { padding-left: 0!important; }
.snsList>li>a::before { display: none; }
.snsList>li img { max-width: 35px;}

.kyorituInfo { padding: 30px 0; color: #fff;
  background-color: #ff7900;
  background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 10%, transparent 10%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 60%, transparent 60%, transparent);
  background-size: 7px 7px;
  background-attachment: fixed;
}
/*.kyoritu_logo { float: left; width: 13%; text-align: center; margin: 0 auto; padding: 20px; background: #fff; }*/
.kyoritu_add { margin: 0; }
.kyoritu_add>a { color: #fff; }

.copyright { margin:0; padding:1em 0; font-size:.75em; text-align:center; }

.f-kyoritsu { margin:10px 0 0; padding: 10px 0; text-align: center; border-top: 1px solid #eee; }
/*.f-kyoritsu img { width: 109px;}*/

/* common------------------------*/
/* tel */

/* title */
.secTtl { text-align: center; margin-bottom: .5em; font-size: 2.375em; font-weight: bold; }
.subTtl { text-align: center; margin-bottom:.8em; font-size: 2.1875em; font-weight: bold;  }

.ttl_line { font-size: 1.5em; border-bottom: 2px solid #ff7d19; }

.ttl_stripe { z-index:1; position: relative; text-align:center; padding:5px 1.5em;
  font-size: 1.5em; color:#fff; background: #ffa749; }
.ttl_stripe::before,.ttl_stripe::after { content: ""; position: absolute; top: 0; width: 0; height: 0; border: none; z-index: 2; }
.ttl_stripe::before { left: 0px; border-left: solid 20px #fff; border-bottom: solid 55px transparent; }
.ttl_stripe::after { right: 0px; border-left: solid 20px transparent; border-bottom: solid 55px #fff; }

.ttl_bg {padding: .3em .8em; font-size: 1.3em; font-weight: bold; background-color: #ffedd3; border-radius: 5px;}



/* button */
.button { position:relative; z-index:2; display:inline-block; overflow:hidden; text-align:center; min-width:260px; padding:.7em 3em .6em 3em;  border-radius: 10px; }
.button.pi1 { padding-inline:1em; }

[class^="btn_"] a {  }
[class^="btn_"] a::before { content: "";
    position: absolute; top: 0; right: 0;
    border: 10px solid transparent; border-top: 10px solid #fff100; border-right: 10px solid #fff100; }
[class^="btn_"] a span { position: relative; padding-left: 1.8em; }
[class^="btn_"] a span::before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }

.btn_con a { border: 2px solid #806642; background: #fff; }
[class^="btn_"].type-2 a { color: #FFF; border-color:#ff7d19; background: #ff7d19; }
[class^="btn_"].type-2 a::before { border-color:#fed917 #fed917 transparent transparent; }

[class^="btn_"].type-2 span { display: inline-block; padding-left: 30px; }
[class^="btn_"].type-2 span::before {
  content: ""; position: absolute; top: 15px; left: 0; width: 20px; height: 20px; background: url(../img/icon_calculator.svg) center / cover no-repeat;
}

.btn_mail a, .btn_login a { padding: .8em 2.5em 1em 2em; background: #2d78de; color: #fff; }
.btn_login a { background: #d73f25;}
.btn_mail a span::before { width: 20px; height: 15px; background: url("../img/icon_mail.svg") no-repeat center; }
.btn_login a span::before { width: 15px; height: 23px; background: url("../img/icon_login.svg") no-repeat center; }

.btn_kengaku a { padding: .4em 2em .5em; background: #ff4180; color: #fff!important; }
.btn_kengaku a span::before { width: 22px; height: 20px; background: url("../img/icon_kengaku.png") no-repeat center; }

.btn_li li + li { margin-left: 1em; }


/* 検索ボックス search */
.search-form { border-radius: 20px; background-color: #FFF; overflow: hidden; }
.search-form .ttl { padding: .5em; text-align: center; font-size: clamp(18px, 3vw, 24px); font-weight: bold; background: #fed917; }
.search-form .ttl span { position: relative; display: inline-block; padding-left: 1.5em; }
.search-form .ttl span::before { content: ""; position: absolute; top: .3em; left: 0; width: 1.2em; height: 1.2em; background: url(../img/top/icon-search.svg)center / 100% no-repeat; }
.search-form .form-box { padding: 2em; }
.search-form .school { width: 100%; flex: 1; }
.search-form .area { margin-left: 1.5em; }

.search-form .sub-ttl { position: relative; display: inline-block; padding-left: 3em; font-weight: bold; font-size: .88em; line-height: 1.4; }
.search-form .sub-ttl::before {
  content: ""; position: absolute; left: 0; top: -0.5em; width: 2.5em; height: 2.5em; border-radius: 50%; background: center / 60% no-repeat;
}
.search-form .school .sub-ttl::before { top: 0.2em; background-color: #00bf6c; background-image: url(../img/top/icon-school.svg); }
.search-form .bukken .sub-ttl::before { background-color: #2d78de; background-image: url(../img/top/icon-tag.svg); }
.search-form .area .sub-ttl::before { background-color: #ffd53e; background-image: url(../img/top/icon-pin.svg); }

.search-form .sub-ttl span { font-size: 1.24em; }
.search-form .school .sub-ttl span { color: #00bf6c; }
.search-form .bukken .sub-ttl span { color: #2d78de; }
.search-form .area .sub-ttl span { color: #fdbb2f; }


.search-form input[name="school"] { width: 60%; height: 50px; margin: 0 0 0 1em; border: 2px solid #806642; border-radius: 5px 0 0 5px; }
.search-form input[name="search"] { width: 50px; height: 50px; margin: 0;  border-radius: 0 5px 5px 0; background: #806642 url(../img/top/icon-search_w.svg) no-repeat center / 25px auto; }


/* ================================================================
  レスポンシブ
=================================================================== */
@media screen and (max-width: 1099px) {
  .inner.wide { width: 92%;}
}

@media screen and (max-width: 999px) {
  .inner { width: 92%; }
}

/* 600以上(PC・タブレット) */
@media screen and (min-width: 600px) {
  #gnav { justify-content: space-between; -webkit-justify-content: space-between; }

  .floPc .floBox>li.flo_lang {text-align: center; border: solid 2px #ff7d19; border-right: none;
    border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
    .floPc .floBox>li.flo_lang a {width:50%; color: #45341d; background:#fff ; padding: 0.3em 0.5em; margin-right: 0; line-height: 1.35;}
  .floPc .floBox>li.flo_lang a:last-child{border-top-left-radius: 0px; border-bottom-left-radius: 0px;}
  .floPc .floBox>li.flo_lang a.active {color: #fff; background: #ff7d19;}
  .floPc .floBox>li.flo_lang {position: relative;}
  .floPc .floBox>li.flo_lang a.pc_en::before {content: url(/img/icon/ico_lang.png); position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%);}
  .floPc .floBox>li.flo_lang a.pc_en.active::before {transform: translate(-50%,-50%) rotate(180deg);}
}

/* 960以上(PC) */
@media screen and (min-width: 960px) {
  .menu-button  { display:none; }
  #gnav .submenu { display: none; }

  .contact-sp{ display:none; }
  .tel-menu, .col-menu{ display:none; }
}


/* ================================================================
  タブレット
=================================================================== */
@media screen and (max-width: 959px) {
  body { font-size:15px; }
  #wrapper { padding-top: 7.1em;}


  /* header ------------------------ */
  #header { padding: 30px 20px 20px; }
  #header .sitename { float: none; }
  .hBox { float: left; }
  .h_info { display: none; }

  #header{ position: fixed; width: 100%; top: 0; left: 0; z-index: 999; padding-top:20px; }
  #header .inner{ display:-webkit-box; display:flex; flex-wrap:wrap; justify-content: space-between;}
  .hBox{ float:none; width:55%;}
  #header .rBox { align-items: center; flex: 1; gap: 1em;}
  .menu-button{ float:none; position:absolute; top: 15px; right: 15px; background:none; }
  .menu-button.open{ background:none; }
  .contact-sp{ display:-webkit-box; display:flex; gap: .7em; flex-wrap:wrap; justify-content: right; -webkit-box-flex: 1; flex: 1; }
  .contact-sp :where(.icon-line,.icon-insta){ width:50px; height:50px; }
  .contact-sp .icon-sp { max-width: 36px;}
  .contact-sp .icon-sp img{ height: 100%; object-fit: cover;}

  /* gnav ------------------------ */

  .logo-nav { margin-bottom: 30px; }

  #gnav { position:fixed; z-index:10000; top:0; right:0; width:100%; height:100%; margin: 0; overflow-y:auto;
    padding:50px; padding-top:120px; background:#ffa749;
   -webkit-transition:all .3s ease-in; transition:all .3s ease-in;
   -webkit-transform:translate(100%); transform:translate(100%);
   -webkit-overflow-scrolling:touch; }
  #gnav.open { -webkit-transform:translate(0); transform:translate(0); }
  #gnav .submenu { display:none; }
  #gnav .menu { float: none; display: block; margin-bottom:20px; }
  #gnav .menu > li > a { display: block; padding: 1em 0; color: #453f3a;}
  #gnav .menu > li > a.current:before { left:-25px; }
  #gnav .h_flo { display: none; }


  #gnav>ul>li { background: #fff; border-radius: 8px; margin-bottom: .5em; }
  #gnav li { width: 100%; text-align: left; border-right:none;  }
  #gnav li:first-child { border-left:none;  }
  #gnav li a { position: relative; padding: .8em 20px; }
  #gnav li a:hover { color: #45341d; }
  #gnav .nav_inner { padding: .5em; border-top:1px solid #eee; }

  #gnav .submenu li a { position:relative; display:block; padding:.3em 1em .3em 1.5em; font-size: 0.9375em; }
  #gnav .submenu li a:before { content: "—"; position: absolute; top: 50%; left: 0;
    font-weight: 100; transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }

  #gnav{ padding-top:50px; }
  .logo-nav{ width:40%; }
  #gnav li a{ padding:1em 20px; }
  #gnav li.sub a{ padding-top:0.5em; padding-bottom:0.5em; }
  #gnav li.g-about{ background:#fff18c; }
  #gnav li.g-point{ background:#ffd5e1; }
  #gnav li.g-search{ background:#c2f1f1; }
  #gnav li.g-login{ background:#d73f25; }
  #gnav li.g-login a { color: #fff; }
  body.fixed .floPc{ display:none; }

  #gnav .tel-menu{ margin-top:1.5em; margin-bottom:1.5em; }
  #gnav .tel-menu .icon-line{ text-align:center; background:#00b900; }
  #gnav .tel-menu .icon-line a{ display: inline-block; padding-left:3em; position:relative; color:#FFF; }
  #gnav .tel-menu .icon-line a::before{ position:absolute; content:""; width:2.5em; height:2.5em; left:0; top:calc(50% - 1.2em);
    background:url(../img/icon-line.svg) no-repeat; background-size:100%; }
  #gnav .tel-menu .icon-sp{ padding-bottom: 0.5em; text-align:center; }
  #gnav .tel-menu .icon-sp a{ display: inline-block; padding:0.2em 0 0; }
  #gnav .tel-menu .icon-sp .tel a::before{ left: -1.25em; }
  #gnav .tel-menu .icon-sp p{ margin:0; }

  #gnav .col-menu{ display:-webkit-box; display:flex; flex-wrap:wrap; }
  #gnav .col-menu li{ width:47%; margin:0 1.5% 0.7em; text-align:center; border-radius: 8px; }
  #gnav .col-menu li a{ padding-left:0.5em; padding-right:0; color:#FFF; }
  #gnav .col-menu li.kengaku{ background:#e92d6b; }
  #gnav .col-menu li.siryo{ background:#10ad69; }
  #gnav .col-menu li.contact{ background:#2d78de; }
  #gnav .col-menu li.nyukan{ background:#ff6124; }
  #gnav .col-menu li a::before{ content: ""; position: absolute; top: 50%; left: 7px;
    background-image:url(../img/icon_kengaku.png);
    background-repeat: no-repeat; background-size: 100%;
    width: 22px; height: 20px;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
  #gnav .col-menu li.siryo a::before{ background-image:url(../img/icon_siryo.png); }
  #gnav .col-menu li.contact a::before{ background-image:url(../img/icon_mail.svg); }
  #gnav .col-menu li.nyukan a::before{ background-image:url(../img/icon_nyukan.png); }

  .pc_lang.lang_hum {border: none; justify-content: center;}
  .pc_lang.lang_hum>li>a.active {background: #5b4c38;}



  .pc_lang {margin: 2em auto; width:35%;}
  #gnav .pc_lang>li {width:35%; border-radius: 0;}


  /* menuボタン */
  .menu-button { z-index:10001; float: right; position:relative; top: 0; right: 0; padding: .75em; background:#fff; }
  .menu-button,
  .menu-button span { display:block; transition:all .5s; -webkit-transition:all .5s; box-sizing:border-box; }
  .menu-button .h_menu { position:relative; width:30px; height:20px; margin:0 auto; }
  .menu-button span { position:absolute; left:0; width:100%; height:2px; background-color:#1e2024; }
  .menu-button.open { background: #ffa749; }

  .menu-button span:nth-of-type(1) { top: 0; }
  .menu-button span:nth-of-type(2) { top: 9px; }
  .menu-button span:nth-of-type(3) { bottom: 0; }

  .menu-button.open span:nth-of-type(1) {
    -webkit-transform: translateY(9px) rotate(-45deg);
    transform: translateY(9px) rotate(-45deg);
  }
  .menu-button.open span:nth-of-type(2) {
    opacity: 0;
  }
  .menu-button.open span:nth-of-type(3) {
    -webkit-transform: translateY(-9px) rotate(45deg);
    transform: translateY(-9px) rotate(45deg);
  }
  .menu-button .label { width:auto; height:auto; margin:0 0 5px; color:#1e2024;
    text-align:center; line-height:1; font-size:11px; }

  .overlay { position:fixed; z-index:999; top:0; right:0; bottom:0; left:0;display:none;
    width:100%; height:100%; background:rgba(0, 0, 0, .5);  }



  .dropdown { z-index:1; cursor:pointer; -webkit-tap-highlight-color: rgba(0,0,0,0); }
  .dropdown:after { content:""; position:absolute; top:1.5em; right:1em; z-index:-1; width:.3em; height:.3em;
    -webkit-transform:rotate(45deg); transform:rotate(45deg);
    border-right:1px solid #666; border-bottom:1px solid #666;
    -webkit-transition:all .3s ease-out; transition:all .3s ease-out; }
  .dropdown.active:after { -webkit-transform:rotate(225deg) translateY(-.2em) translateX(-.15em);
    transform:rotate(225deg) translateY(-.2em) translateX(-.15em); }

  /* footer ------------------------ */
  .fBox .flogo { float: none; margin: 0 auto; }
  .fBox .logo-link { float: none; margin: 0px 5% 0; justify-content: space-between; -webkit-justify-content: space-between; }
  .fBox .logo-link li { width: 49%; margin-bottom: 2%; }
  .fBox .logo-link li:not(:last-child) { margin-right: 0; }
  .fBox .logo-link li a { padding: .8em 1em .7em; text-align: center; }


  /* 検索ボックス search */
  .search-form .school { flex: none; margin-bottom: 1em; }
  .search-form .school .sub-ttl::before { top: -0.5em; }
  .search-form .form-box { padding: 1em 1.5em 1.5em; }
  .search-form input[name="school"] { width: 55%; height: 40px; }
  .search-form input[name="search"] { height: 40px; }
}

@media screen and (max-width: 800px) {
  .fnav ul.aboutdormy {width: 25%;}
}


/* ================================================================
  スマホ
=================================================================== */
@media screen and (max-width: 599px){
  #wrapper { padding-top: 4.5em;}


  /* header------------------------*/
  #header { padding: 20px 10px 15px; }
  #header .sitename { width: 200px; }

  #header{ padding-top:15px; padding-bottom:10px; }
  #header .sitename{ width:100%; }
  .hBox{ width: 50%;}
  .contact-sp{ gap: .5em; padding-top: 0.2em; }
  .contact-sp :where(.icon-line,.icon-insta){ width:35px; height:35px; }
  .contact-sp .icon-sp { width: 26px; height: 35px;}
  #gnav{ padding-top:30px; }
  .logo-nav{ width:55%; }

  /* gnav------------------------*/
  .menu-button { padding: 0; }
  .logo-nav { margin-bottom: 20px; }
  #gnav { padding: 30px; padding-top: 80px; }
  #gnav .pc_lang>li {width: 50%;}
  #gnav .pc_lang>li>a {padding: 0.5em .3em;}




  /* footer------------------------*/
  /*.floPc { display: none; }*/
  .floPc { display: block;  }
  .floPc .floBox { position: fixed; bottom:0; right: 0; left: 0; width: 100%; }
  .floPc .floBox>li { float: left; width: 33.3%; margin: 0; text-align: center; }
  .floPc .floBox>li.bukken,.floPc .floBox>li.regist { width: 50%; float: none; }
  .floPc .floBox>li.regist { float: right; }
  .floPc .floBox>li a { display: block; padding: .7em 0;  color: #fff; background: #ff4180; font-size: .9em;  border-top-left-radius: 0;  border-bottom-left-radius: 0; }
  .floPc .floBox>li.siryo a { background: #00bf6c; padding:.7em 1em; }
  .floPc .floBox>li.nyukan a { background: #ff7d19; }
  .floPc .floBox>li.regist a { background: #d73f25; }

  .floPc .floBox>li a span { display: block; position: relative; padding-left: 20px; }
  .floPc .floBox>li.bukken a span, .floPc .floBox>li.regist a span { display: inline-block; padding-left: 30px; }

  .floPc .floBox>li a span::before { content: "";
    position: absolute; top: 50%; left: 7px;
    background-image: url("../img/icon_kengaku.png"); background-repeat: no-repeat;
    width: 22px; height: 20px; background-size: 18px;
    transform: translate(0,-50%); -webkit-transform: translate(0,-50%); }
  .floPc .floBox>li.siryo a span::before {  background-image: url("../img/icon_siryo.png");
  width: 26px; height: 20px; background-size: 20px; top: 60%; }
  .floPc .floBox>li.nyukan a span::before {  background-image: url("../img/icon_nyukan.png");
   width: 26px; height: 20px; background-size: 20px; top: 60%; }
  .floPc .floBox>li.regist a span::before {  background-image: url("../img/icon_login.svg");
   width: 26px; height: 20px; background-size: 11px; top: 50%; }
   .flo_lang {display: none;}

  #pagetop { top: -25px; height: 50px; }

  .fBox { padding: 40px 0; }
  .fBox.linkBox {width: 100%;}
  .fBox .logo-link li:last-child img { height: auto; }


  .kyorituInfo { display: none; }
  .fnav>ul { width: 40%; }
  .fnav ul.aboutdormy {width: 51%;}
  .fnav ul.fnav_faq {width: 51%;}
  .fnav>ul>li>ul>li>a {line-height: 1.6; margin-bottom: .5em;}

  .copyright { border-top: 1px solid #eee;}



  /* common ------------------------*/

  /* tel */

  /* title */
  .secTtl { font-size: 2em; line-height: 1.5; }
  .ttl_stripe::before { border-bottom: solid 100px transparent; }
.ttl_stripe::after { border-bottom: solid 100px #fff; }

  /* button */
  .btn_kengaku a { min-width: 100%; display: block; }

  #footer { padding-bottom: 100px; }

  .btn_li { margin-bottom: 50px; }
  .detailBox .btn_li .btn_con { margin-top: 10px; }
  .btn_li li + li { margin-left: 0; }


  /* 検索ボックス search */
  #searchForm { padding-block: 30px; }
  .search-form .sub-ttl { display: block; width: 100%; margin-bottom: 1em; padding-left: 2.6em; }
  .search-form .school { margin-bottom: 1.2em; }
  .search-form input[name="school"] { width: calc(100% - 40px); margin-left: 0; }
  .search-form input[name="search"] { width: 40px; }
  .search-form .school .sub-ttl::before { top: -0.2em; }
  .search-form .sub-ttl::before { top: -0.2em; width: 2.2em; height: 2.2em; }

}


@media screen and (max-width: 320px){
  .floPc .floBox>li a span { padding-left: 0; }
  .floPc .floBox>li a span::before { display: none; }
}