@charset "utf-8";

html {font-size: 62.5%;}

body{
	margin: 0px;
	padding: 0px;
	overflow:auto;
    background:#fff;
    box-sizing:border-box;
	line-height:1.6em;
	font-size:1.6em;
	font-family:'Noto Sans JP', serif;
	font-weight:400;
	color: #333;
}


main {
	width:100%;
	overflow:hidden;
	margin:auto;
	display:block; 
}

/*.minchou{font-family: 'Noto Serif JP', serif;}*/

input, select, textarea{
    font-family:'Noto Sans JP','sans-serif';color: #333;cursor:pointer;width:100%;
	border:1px solid #808080;border-radius:8px;padding:12px 15px;background:#fff;
}
::placeholder{color:#878787;}
input[type="button"]{border:none;}

.clipbtn{margin-bottom:3px;}
.clip_off {background: url(../images/clip_off.png) no-repeat 0% 100%;background-size:cover;}
.clip_on {background: url(../images/clip_on.png) no-repeat 0% 100%;background-size:cover;}
.red{color:#f93737;}
.selectwrap{position:relative;}
.selectwrap::after {
    content:"";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #333;
    border-right: solid 2px #333;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right:18px;
    margin-top: -6px;
}
input[type=checkbox], input[type=radio] {display: none;}
input[type=checkbox] + label, #search aside label input[type=checkbox] + span{position: relative;padding-left: 25px;cursor:pointer;}
input[type=checkbox] + label::before, #search aside label input[type=checkbox] + span::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -9px;
    background: #fff;
    border: 1px solid #808080;
    border-radius: 4px;
}
input[type=checkbox]:checked + label::after, #search aside label input[type=checkbox]:checked + span::after{
    content: "";
    position: absolute;
    left: 5px;
    top: 50%;
    width: 11px;
    height: 7px;
    margin-top: -4px;
    transform: rotate(-45deg);
    border-left: 3px solid #0057bd;
    border-bottom: 3px solid #0057bd;
}
input[type=radio] + label{position: relative;padding-left: 25px;cursor:pointer;display:block;}
input[type=radio] + label::before{
	content: "";
    position: absolute;
    top: 50%;
    left:0;
    box-sizing: border-box;
    display: block;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #808080;
    border-radius: 50%;
}
input[type=radio]:checked + label::after{
	content: "";
    position: absolute;
    top: 50%;
    left:1px;
    box-sizing: border-box;
    display: block;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    border: 3px solid #fff;
    border-radius: 50%;
    background: #0057bd;
}

a, button{cursor:pointer;transition:all .3s ease-out;}
/*img{width:100%;}*/

.container{max-width:1100px;margin:auto;width:94%;}
.btn{background:#4bc6bd;color:#fff;text-align:center;padding:15px;overflow: hidden;position: relative;z-index: 1;
border-radius:8px;font-size:2rem;font-weight:bold;}



h1.pagehead{margin:30px 0 60px;text-align:center;position: relative;font-size:3.8rem;letter-spacing:0.05em;line-height:1.5em;color: #39437c;}
h1.pagehead::before{content:"";display:block;position:absolute;width:70px;height:2px;background:#0057bd;bottom:-15px;left:50%;transform: translateX(-50%);}
#top h2{font-size:3.8rem;letter-spacing:0.05em;line-height:1.5em;margin-bottom:50px;color:#39437c;}
h4{font-size:2.2rem;font-weight:bold;line-height:1.4em;}
h5{font-size:2rem;font-weight:bold;line-height:1.5em;}
h6 {font-size: 1.8rem;}
.pagetitle {
    background: rgba(70,186,180,.2);
    color: #39437c;
    padding: 40px;
    margin-bottom: 40px;
}
.pagetitle h1 {
    font-weight: bold;
    text-align: center;
    font-size: 3rem;
}

.pankuzu{padding-top: 20px;width: 96%;margin: auto;color: #999;}
.pankuzu ul {display: flex;flex-wrap: wrap;}
.pankuzu ul li {margin-right: 26px;position: relative;}
.pankuzu ul li::after {
    content: '';
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 1px #999;
    border-right: solid 1px #999;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: -15px;
}
.pankuzu ul li a {text-decoration: underline;}
.pankuzu ul li a:hover{text-decoration: none;}
.pankuzu ul li:last-child {margin: 0;}
.pankuzu ul li:last-child::after{display:none;}

.scrollwrap::-webkit-scrollbar-track, .scrollwrap_sp::-webkit-scrollbar-track, .scrollwrap_y::-webkit-scrollbar-track{background-color: #f2f2f2;}
.scrollwrap::-webkit-scrollbar-thumb, .scrollwrap_sp::-webkit-scrollbar-thumb, .scrollwrap_y::-webkit-scrollbar-thumb{background-color: #46bab4;border-radius:18px;background-clip: content-box;border: 3px solid transparent;border-color: #f2f2f2;}
.scrollwrap_y{overflow-y: scroll;border:1px solid #ccc;}
.scrollwrap_y::-webkit-scrollbar{width: 18px;}

table{width:100%;border-collapse: separate;}

.gmap {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}




/*top------------------*/
#top.all .search-menu{background: linear-gradient(180deg, rgb(32 61 173) 0%, rgb(0 120 223) 100%);padding: 30px 0 40px;}
#top.all h2.ta-c{font-weight:400;margin-bottom:15px;letter-spacing:0.05em;color:#47e2da;}
#top.all .area_btns li a{display:block;overflow:hidden;position:relative;border-radius:8px;border:2px solid #47e2da;padding:20px;z-index: 1;height:274px;}
#top.all .area_btns li a::after{
      content:"";
      position: absolute;
      top:50%;
      left: 50%;
      transform: translate(-50%,-50%);
      width: 0;
      height: 0;
      background:#fff;
      z-index: -1;
      transition: all .3s ease-out;
      border-radius: 50%;
}
#top.all .area_btns li a:hover{color:#313791;}
#top.all .area_btns li a:hover .area span{border-color:#313791;}
#top.all .area_btns li a:hover::after{width: 600px;height: 600px;}
#top.all .area_btns li a .area{text-align:center;font-weight:bold;}
#top.all .area_btns li a .area p{letter-spacing:0.08em;margin-bottom:5px;}
#top.all .area_btns li a .area h3{font-size:3rem;letter-spacing:0.1em;border-top:1px solid #fff;border-bottom:1px solid #fff;display:inline-block;line-height: 1.3em;padding: 3px 10px 6px;}
#top.all .area_btns li a h4{font-weight:bold;margin-top:20px;font-size:1.8rem;}
#top.all .area_btns li a .ken{display:flex;flex-wrap:wrap;margin:auto;}
#top.all .area_btns li a .ken li{width:auto;margin-left:14px;margin-top:8px;}
#top.all .area_btns li:first-child a .ken li:first-child{margin-left:0;}

#top .search-menu{padding:20px 0 15px;color:#fff;background: rgb(45,74,185);
background: linear-gradient(180deg, rgba(45,74,185,1) 0%, rgba(0,101,205,1) 45%, rgba(0,131,215,1) 100%);}
#top .search-menu .container{max-width:1000px;}
#top .search-menu .reed .count{position:relative;}
#top .search-menu .reed .count .text{position:absolute;content:"";width:94%;height:auto;display:block;top:50%;left:52%;transform: translate(-50%, -52%);
margin:auto;text-align:center;font-weight:bold;}
#top .search-menu .reed .count .text p{font-size:1.4rem;letter-spacing:0.06em;margin:6px 0;}
#top .search-menu .reed .count .text .number{font-size:3rem;letter-spacing:0.04em;line-height: 0.8;}
#top .search-menu .reed .count .text .number span{font-size:1.6rem;padding-left:5px;vertical-align:bottom;}
#top .search-menu .reed h1{font-size:2.8rem;line-height:1.25em;text-align:center;width:60%;letter-spacing:0.06em;}
#top .search-menu .reed h1 span{font-size:75%;padding:0 3px;}
#top .search-menu h2{font-weight:bold;font-size:2.4rem;margin:30px 0 5px;color:#fff;}
#top .search-menu h2 img{max-width:28px;display:inline-block;vertical-align:middle;margin:0;}
#top .search-menu h2 span{display:inline-block;vertical-align:middle;padding-left:5px;letter-spacing:0.08em;}
#top .search-menu h2:first-of-type{margin:25px 0 15px;}
#top .search-menu .keyword_flex{display:flex;align-items:flex-end;justify-content:space-between;position:relative;} 
#top .search-menu .keyword_flex .btn{color:#313791;width:28%;background:#47e2da;padding:13px 15px;line-height: 1.3em;}
#top .search-menu .keyword_flex .btn::after {background: #f4ff95;position: absolute;top: 0;left: 0;content:"";width: 100%;height: 140px;
transform-origin: left top;transition: .2s cubic-bezier(0.45, 0, 0.55, 1);z-index: -1;transform: skewY(-10deg) scale(1, 0);}
#top .search-menu .keyword_flex .btn:hover{box-shadow: 0 5px 15px rgba(0, 0, 0, .4);}
#top .search-menu .keyword_flex .btn:hover::after{transform: skewY(-10deg) scale(1, 1);}
#top .search-menu input.keyword{width:40%;}
#top .search-menu .tsubosu{width:30%;display:flex;align-items:center;justify-content: center;}
#top .search-menu .tsubosu p{font-size:1.4rem;}
#top .search-menu .tsubosu input{width:70px;margin:0 10px;}
#top .search-menu .kouho{display:flex;margin:15px 0;}
#top .search-menu .kouho p a{display:inline-block;text-decoration:underline;margin-left:20px;}
#top .search-menu .kouho p a:hover{color:#b0fff9;}
#top .search-menu .ac-btn.active span::after {transform: rotate(-45deg);margin-top: -2px;}
#top .search-menu .ac-open{background:#fff;padding:40px;color:#333;}
#top .search-menu .threebtns{display:flex;justify-content:space-between;align-items:center;margin:40px 0;}
#top .search-menu .threebtns li{width:32%;}
#top .search-menu .threebtns li a{display:block;border:2px solid #fff;border-radius:8px;text-align:center;font-size:2rem;padding:16px;letter-spacing:0.05em;}
#top .search-menu .threebtns li a img{max-width:34px;display:inline-block;vertical-align:middle;}
#top .search-menu .threebtns li a span{display:inline-block;vertical-align:middle;margin-left:5px;line-height:1.6em;}
#top .search-menu .threebtns li a:hover{background:#fff;color:#313791;}
#top .search-menu .commit_flex{display:flex;flex-wrap:wrap;}
#top .search-menu .commit_flex li {width:20%;margin-bottom:15px;padding:10px 0;}
#top .search-menu .commit_flex li a{display:block;text-align:center;}
#top .search-menu .commit_flex li a:hover{color:#f0ff6e;}
#top .search-menu .commit_flex li a img{max-width:100px;transform:scale(1);transition:transform 0.3s}
#top .search-menu .commit_flex li a:hover img{transform:scale(1.1);}
#top .search-menu .commit_flex li a p{margin-top:5px;font-weight:bold;letter-spacing:0.04em;}
#top .twobnrs{margin:100px auto 20px;}
#top .twobnrs li a{display:block;}
#top .twobnrs li a:hover{filter: drop-shadow(1px 1px 5px rgba(0,0,0,0.4));}
#top .twobnrs li.taikyo{position:relative;}
#top .twobnrs li.taikyo::before{
    content: "";
    display: block;
    position: absolute;
    width: 96px;
    height: 104px;
    background: url(../images/mark_pickup.png) no-repeat center center;
    background-size:cover;
    top:-20px;
    left:-40px;
    z-index:1;
}
#top.all .twobnrs{margin: 30px auto 0;}
#top.all .twobnrs li.taikyo ul{position:absolute;content:"";display:flex;justify-content:space-between;bottom:25px;left:50%;width:80%;transform: translateX(-50%);}
#top.all .twobnrs li.taikyo ul li a{background:#fff;border-radius:30px;text-align:center;font-weight:bold;font-size: 2rem;padding: 10px;position:relative;}
#top.all .twobnrs li.taikyo ul li a:after{content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #333;
    border-bottom: 2px solid #333;
    transform: rotate(-135deg) translateY(-50%);
    position: absolute;
    right:20px;
    top: 50%;
    margin-top: -7px;
}
#top.all .twobnrs li.taikyo ul li a:hover{background:#f4ff95;}
#top section{padding:70px 0 90px;}
#top h2 img{max-width:91px;margin-top:15px;display:block;}
#top .slide1 ul li .time, #detail .ruiji li .time, #members .rireki li .time{font-weight:bold;color:#39437c;}
#top .slide1 ul li .buildname, #detail .ruiji li .buildname, #members .rireki li .buildname{font-size:1.8rem;}
#top .slide1 ul li a figure{height:236px;}
#top .slide1 ul li a figure, #detail .ruiji li a figure, #members .rireki li a figure{margin:10px 0;overflow:hidden;position:relative;width:100%;}
#top .slider-pro ul a figure img, #detail .ruiji li a figure img, #members .rireki li a figure img{transform:scale(1);transition:transform 0.3s;}
#top .slider-pro ul a:hover figure img, #detail .ruiji li a:hover figure img, #members .rireki li a:hover figure img, #column.list .container ul li a:hover figure img{transform:scale(1.2);}
#top .slider-pro.tokyo ul a figure img, #detail .ruiji.tokyo li a figure img, #members .rireki.tokyo li a figure img{position: absolute;top: -30%;width: 100%;}
#top .slide1 ul li figure .marks, #detail .ruiji li a figure .marks, #members .rireki li a figure .marks, #inuki .o-box a figure .marks
{position: absolute;width: 100%;top: 35px;transform: translateY(-50%);display: flex;margin: auto;padding: 0 15px;height: 35px;z-index:1;}
#top .slide1 ul li a figure .marks p, #detail .ruiji li a figure .marks p, #members .rireki li a figure .marks p{
border-radius:20px;padding:5px 20px;color:#fff;text-align:center;margin-right:10px;line-height:1.4em;}
#top .slide1 ul li a figure .marks .jyoukyou.aki, #detail .ruiji li a figure .marks .jyoukyou.aki, #members .rireki li a figure .marks .jyoukyou.aki{background:#333;}
#top .slide1 ul li a figure .marks .jyoukyou.soku, #detail .ruiji li a figure .marks .jyoukyou.soku, #members .rireki li a figure .marks .jyoukyou.soku{background:#c4b36e;}
#top .slide1 ul li a figure .marks .tsubo, #detail .ruiji li a figure .marks .tsubo, #members .rireki li a figure .marks .tsubo{background:#fff;color:#333;}
#top #column, #top #featured, #top.all #areainfo{background:rgba(70,186,180,.2);}
#top #recommend, #top.all #column, #top #areainfo{background:#fff;}
#top #featured, #top #recommend{padding:70px 0 40px;}
#top #featured h3, #top #recommend h3{font-weight:bold;margin-bottom:30px;}
#top #featured h3 p, #top #recommend h3 p{font-size:3rem;display:inline-block;vertical-align:middle;line-height:1.6em;position:relative;padding-left:42px;letter-spacing:0.15em;}
#top #featured h3 p::before, #top #recommend h3 p::before{
	position:absolute;
	content:"";
	background:url(../images/icon_place.png) no-repeat center center;
	background-size:cover;
	display:block;
	width:33px;
	height:45px;
	top:0;
	left:0;
}
#top #featured h3 span, #top #recommend h3 span{font-size:1.6rem;display:inline-block;vertical-align:middle;margin:5px 12px 0;padding:0 30px;background: #4bc6bd;color: #ffff;letter-spacing:0.08em;}
#column ul a figure{overflow:hidden;position:relative;border-radius:8px;margin-bottom:10px;width:100%;height:243px;}
#column ul a figure img{transform: scale(1.1);transition: all .3s ease-out;}
#column ul a figure .new {
  position: absolute;
  content: "";
  top:20px;
  left:0;
  width:100px;
  height: 44px;
  display: inline-block;
  line-height: 44px;
  text-align: center;
  padding: 0 10px 0 15px;
  font-size: 1.8rem;
  background: #333;
  color: #46bab4;
  box-sizing: border-box;
  z-index:1;
  font-weight:bold;
  font-size:1.8rem;
  letter-spacing:0.06em;
}
#column ul a figure .new:after {
	position: absolute;
    top: 0;
    width: 0px;
    height: 0px;
    border-color: #333 transparent;
    border-style: solid;
    content: "";
    right: -10px;
    border-width: 22px 10px 22px 0px;
}
#column ul a figure .category{position:absolute; content: "";z-index:1;background:#fff;text-align:center;padding: 5px 20px;
right:15px;bottom:15px;border:1px solid #0057bd;color: #0057bd;line-height:1.6em;}
#column ul a .title{overflow: hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;font-weight:bold;}
#column ul a .date{font-size:1.4rem;margin-top:5px;}
#top .btn.more{letter-spacing:0.08em;margin:35px auto 0;max-width:370px;display:block;line-height:1.3em;}
#top .btn.more::before{
    display: block;
    content:"";
    position: absolute;
    top: 51%;
    right: 20px;
    width: 25px;
    height: 1.5px;
    background: #fff;
    transition: all .3s;
}
#top .btn.more::after{
    display: block;
    content:"";
    position: absolute;
    top: 25px;
    right: 20px;
    width: 8px;
    height: 2px;
    background: #fff;
    transform: rotate(45deg);
    transition: all .3s;
}
#top .btn.more:hover{letter-spacing:0.15em;background:#39437c;}
#top .btn.more:hover::before, #top .btn.more:hover::after{right:10px;}
#top.all #areainfo h2{margin-top:90px;}
#top #areainfo h2{margin-bottom:20px;text-align:center;}
#top #areainfo h3{font-size:3rem;font-weight:bold;border-bottom:2px solid #0057bd;padding-bottom:15px;margin:60px 0 20px;line-height:1.3em;}
#top #areainfo h4{color:#4bc6bd;padding-left:15px;margin:25px 0 10px;position:relative;font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#top #areainfo h4::before{width:5px;height:26px;background:#4bc6bd;position:absolute;content:"";left:0;top:50%;margin-top:-11px;}
#top #areainfo .inner, #column.detail .inner{box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);background:#fff;border-radius: 10px;padding: 40px 30px 45px}
#column.detail .text{font-family: 'Noto Sans JP'!important;}
#top #reason{background:#2e315b;}
#top #reason h2{color:#47e2da;}
#top #reason ul{margin:-10px auto 35px;width:95%;}
#top #reason ul li{position:relative;}
#top #reason ul li .text{position:absolute;display:block;top:25%;color:#39437c;left:50%;transform: translateX(-50%);font-weight:bold;text-align:center;width:100%;}
#top #reason ul li .text h3{font-size:3rem;margin-bottom:10px;}
#top #reason ul li .text h4{font-size:2.6rem;font-style:italic;letter-spacing:0.08em;}
#top #reason ul li .text h4 span{font-size:5rem;padding-right:5px;}
#top #reason p{color:#fff;}
#top #reason p:last-of-type{line-height:1.8em;}
#top .lawyer_box{padding:40px 30px 45px;background:#fff;box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);margin:60px 0;border-radius:10px;}
#top .lawyer_box h2{color:#39437c;margin-bottom:15px;font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#top .lawyer_box p{line-height:1.8em;}
#top .lawyer_box .link{border-radius:8px;border:1px solid #39437c;display:inline-block;padding:5px 15px;margin-top:10px;}
#top .lawyer_box .link.mail, #top .lawyer_box .link.hp:hover{background:#39437c;color:#fff;}
#top .lawyer_box .link.mail:hover, #top .lawyer_box .link.hp{background:#fff;color:#39437c;}
#top .bp{background:url(../images/bpbg.jpg) top center no-repeat;background-size:auto;color:#fff;text-align:center;padding:50px 40px 60px;}
#top .bp .bplogo{max-width:365px;}
#top .bp p{color:#f4ff95;font-weight:bold;font-size:2rem;margin:10px 0 50px;filter: drop-shadow(1px 1px 4px rgba(0,0,0,0.4));letter-spacing:0.04em;}
#top .bp ul{display:flex;justify-content:space-between;max-width:400px;margin:auto;}
#top .bp ul li{width:47%;}
#top .bp ul li a{background:#fff;color:#39437c;display:block;font-weight:bold;padding:10px;font-size:2.4rem;line-height: 1.4em;}
#top .bp ul li a:hover{background:#f4ff95;}
#top.all #popular.area {padding: 50px 0 70px;}
#top #popular h2{text-align:center;font-size:3rem;margin-bottom:30px;font-weight:bold;}
#top #popular .pcflex li{background:rgba(70,186,180,.2);padding:20px;}
#top #popular .pcflex li h3{text-align:center;margin-bottom:15px;font-size: 2rem;font-weight: bold;line-height: 1.5em;}
#top #popular .pcflex li .linktag {display:flex;flex-wrap:wrap;margin-top:15px;}
#top #popular .pcflex li .linktag li{background:none;width:auto;padding:0;margin:0 5px 10px;}
#top #popular .pcflex li .linktag li a{background:#fff;border-radius: 18px;padding: 5px 10px;display: block;font-size:1.4rem;}
#top #popular .pcflex li .linktag li a:hover{background:#4bc6bd;color:#fff;}
#top #popular.station{padding-top:0;}
#top #popular.station .pcflex li{background:#e6e6e6;}
#top #cooperation .loop_wrap {display: flex;width: 100vw;height: 150px;overflow: hidden;}
#top #cooperation .loop_wrap img {width: auto;height: 100%;}
#top #cooperation .loop_wrap img:first-child {animation: loop 50s -25s linear infinite;}
#top #cooperation .loop_wrap img:last-child {animation: loop2 50s linear infinite;}
@keyframes loop {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}

@keyframes loop2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}



/*search----------------------------*/
#search .container{max-width:1250px;}
#search h1{font-size:2.6rem;font-weight:bold;color:#39437c;margin:50px 0 40px;letter-spacing:0.04em;line-height:1.3em;}
#search aside{background:rgba(70,186,180,.2);padding:30px 20px;}
#search aside h2{font-size:2.2rem;font-weight:bold;margin-bottom:30px;}
#search aside h2 img{max-width: 25px;display: inline-block;vertical-align: middle;}
#search aside h2 span{display: inline-block;vertical-align: middle;padding-left:5px;}
#search aside .tsubosu, #search aside .heibei{display:flex;align-items:center;margin:30px 0;}
#search aside .tsubosu input, #search aside .heibei input{width:28%;margin:0 10px;}
#search aside h4{font-weight:bold;color:#0057bd;margin-bottom:10px;font-size:1.6rem;}
#search aside .tsubosu h4, #search aside .heibei h4{margin:0;}
#search aside h3{font-size:2rem;font-weight:bold;color:#39437c;border-bottom:1px solid #39437c;border-left:6px solid #39437c;padding:0 0 5px 10px;margin:35px 0 20px;line-height:1.6em;}
#search aside h3:first-of-type{margin-top:50px;}
#search aside h3 button{font-weight:400;color:#fff;background:#39437c;font-size:1.6rem;float:right;border-radius:6px;padding:0 15px;line-height:1.8em;}
#search aside h3 button:hover{background:#fff;color:#39437c;}
#search aside .selectlist{display:flex;flex-wrap:wrap;}
#search aside .selectlist li, .c-box .options li, #detail .wrapper .options li{margin:0 10px 10px 0;}
#search aside .selectlist li a{background:#fff;color:#46bab4;border:1px solid #46bab4;border-radius:25px;padding:4px 15px;display:block;line-height:1.6em;}
#search aside .selectlist li a:hover{background:#46bab4;;color:#fff;}
#search aside .selectwrap.chikunen{width:80%;margin-bottom:30px;}
#search aside label{display:inline-block;margin:0 15px 5px 0;}
#search aside .result{border-top:4px solid #46bab4;margin:45px -20px 0;padding:30px 20px;}
#search aside .result .btn{width:100%;letter-spacing:0.06em;}
#search aside .result .btn:hover, #detail .c-head .pcflex li:last-child .btn:hover, #detail .toiawase .btn:hover{background:#39437c;}
#search section .result_head{margin-bottom:20px;}
#search section .result_head .selectwrap select, #favorite .selectwrap select{background:#ebebed;border:none;}
#search section .result_head a{background:#0057bd;color:#fff;border-radius:8px;padding:10px 20px;font-weight:bold;
font-size:1.8rem;text-align:center;border:1px solid #0057bd;position:relative;display:block;}
#search section .result_head a::after{
	content:"";
    width: 10px;
    height: 10px;
    border: 0px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 15px;
}
#search section .result_head a:hover{background:#fff;color:#0057bd;}
#search section .result_head a:hover::after{border-color:#0057bd;}
#search section .result_head p{color:#39437c;}
#search section .c-box{border-top:3px solid #39437c;padding:25px 0 80px;}
.c-box h2 {text-indent: -1.8em;padding-left: 1.8em;font-size: 2.2rem;
font-weight: bold;line-height: 1.4em;}
.c-box h2 .clipbtn{width:30px;height:30px;display:inline-block;vertical-align:top;margin-right:10px;}
.c-box .pic{overflow:hidden;position:relative;height:278px;}
.c-box .pic img, #contact .favs ul li .pic img{display: block;position: absolute;top: 30%;left: 50%;transform: translate(-50%, -30%);}
.zoom{position:absolute;bottom:5px;left:5px;width:34px;height:34px;content:"";display:block;}
.zoom:hover{opacity:.6;}
#search section .c-box h3{color:#39437c;font-weight:bold;margin-bottom:15px;}
.c-box dl{display:flex;}
.c-box dl dt{width:13%;font-weight:400;padding-right:10px;position:relative;}
.c-box dl dt::after{content:":";display:block;position:absolute;width:1em;right:-5px;top:-1px;}
.c-box dl dd{width:87%;}
.c-box .options, #detail .wrapper .options{display:flex;flex-wrap:wrap;margin-top:20px;}
.c-box .options li, #detail .wrapper .options li{background:#d9cc98;border:1px solid #d9cc98;border-radius:25px;padding:4px 15px;display:block;line-height:1.6em;width:auto;}
.Flist table th{background:#ebebed;font-weight:400;text-align:center;padding:10px;vertical-align:middle;line-height:1.7em;}
.Flist table td{text-align:center;vertical-align:middle;line-height:1.7em;border-bottom:1px solid #999;background:#fff;max-width:140px;width:auto;}
.Flist table th p{line-height:1.4em;}
.Flist table td a{display:block;padding:12px 10px;}
.Flist img.floortype{max-width:50px;}
.Flist .clipbtn{width:26px;height:25px;}
#search .Flist table tr:last-child td{border-bottom:0;}
#search Flist table tr td:nth-child(3) a, #detail Flist table tr td:nth-child(3) a, #favorite Flist table tr td:nth-child(4) a{padding:12px 0;}
#search section .scalings{border:3px solid #84d8ff;padding:20px 20px 30px;margin-bottom:80px;border-radius:6px;}
#search section .scalings .midashi{font-size:2.5rem;color:#fff;background:#84d8ff;padding:5px 25px;margin-bottom:20px;display:inline-block;}
#search section .scalings .c-box{border-top: 3px solid #1fa9eb;}
#search section .scalings .c-box:last-of-type{padding-bottom:0;}
#search section .scalings .c-box h6{color:#1fa9eb;}
#search section .scalings.pk{border-color:#ffadcb;}
#search section .scalings.pk .midashi{background:#ffadcb;}
#search section .scalings.pk .c-box h6{color:#f772a3;}
#search section .scalings.pk .c-box{border-color:#f772a3;}
#search section .scrollwrap{height:350px;}
#search .floationgScaling {position: fixed;width: 50px;right: 0;top: 16%;z-index: 80;}
#search .floationgScaling button{background:#1fa9eb;color:#fff;font-weight:bold;padding: 15px 10px 10px;text-align:center;position:relative;overflow:hidden;}
#search .floationgScaling button.pk{background:#f772a3;}
#search .floationgScaling button::before{content:"";position:absolute;top:0;left: -160%;width: 50%;height: 100%;
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);transform: skewX(-25deg);}
#search .floationgScaling button:hover::before {animation: shine 0.7s;}
@keyframes shine {
  100% {
    left: 125%;
  }
}
#search .pagination {margin:auto;position: relative;display: flex;justify-content: center;}
#search .pagination a{display:block;}
#search .pagination a.pervbtn, #search .pagination a.nextbtn{position:relative;width:10px;height:16px;padding:0 10px;}
#search .pagination a.pervbtn:before, #search .pagination a.nextbtn:after {
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-bottom: solid 1px #000;
    border-right: solid 1px #000;
    position: absolute;
    top: 54%;

}
#search .pagination a.pervbtn:before {transform: rotate(135deg);left: 4px;}
#search .pagination a.nextbtn:after{transform: rotate(-45deg);right: 4px;}
#search .pagination li .number {display: flex;ustify-content: center;}
#search .pagination li .number li {margin: 0 10px;}
#search .pagination li .number li a{padding: 0 8px;}
#search .pagination li .number li.this {border-bottom: 1px solid #000;padding: 0 8px 5px;}
#search .not_available{border:4px double #000;padding:80px 15px;text-align:center;}


/*detail------------------------------*/
#detail main{overflow:visible;}
#detail main .container, #column .container{margin-top:40px;}
#detail .c-head{padding:15px 0;}
#detail .c-head .pcflex li{display:flex;align-items:center;}
#detail .c-head .pcflex li:first-child .mark_today{color:#39437c;border:1px solid #39437c;border-radius:26px;padding:10px 25px;margin-left:40px;}
#detail .c-head .pcflex li:last-child .btn{font-size:1.8rem;margin-right:25px;padding:14px 15px;display:block;}
#detail .c-head .clipbtn{width:35px;height:32px;}
#detail .c-head h1{font-size:2.6rem;font-weight:bold;color:#39437c;letter-spacing:0.04em;line-height:1.3em;border-bottom:2px solid #39437c;padding-bottom:10px;margin-top:5px;}
#detail .c-head h1 span{padding-left:20px;}
#detail .jyouhou li{font-weight:bold;}
#detail main h2{margin-bottom:15px;font-size: 2rem;font-weight: bold;line-height: 1.5em;}
#detail #b-slider .slick-slide, #detail #b-slider2 .slick-slide{overflow:hidden;width:100%;max-width:473px;height:344.5px;position:relative;}
#detail .slick-slide img{position: absolute;top: 30%;left: 50%;transform: translate(-50%, -30%);max-width:100%;height: auto;}
#detail #thumbs, #detail #thumbs2{margin-top:10px;height:50px;}
#detail #thumbs .slick-track{margin:0;}
#detail #thumbs2 .slick-track{margin:0;transform:unset!important;}
#detail #thumbs .slick-slide, #detail #thumbs2 .slick-slide{height:50px;overflow:hidden;margin-right:10px;cursor:pointer;position:relative;}
#detail #thumbs .slick-slide img, #detail #thumbs2 .slick-slide img{top: 50%;left: 50%;transform: translate(-50%, -50%);}
#detail #thumbs .slick-current, #detail #thumbs2 .slick-current{border:2px solid #0057bd;}
#detail .wrapper{margin-bottom:60px;}
#detail .Rside .pcflex .sub_btns{display:flex;align-items:center;justify-content:flex-end;margin-bottom:15px;}
#detail .Rside .pcflex .sub_btns li{margin-left:10px;}
#detail .Rside .pcflex .sub_btns li:last-child{margin-left:15px;}
#detail .Rside .pcflex .sub_btns li a{display:block;}
#detail .Rside .pcflex .sub_btns li .btn_sns img{width:40px;}
#detail .Rside .pcflex .sub_btns li .btn_sns:hover{opacity:.6;}
#detail .Rside .pcflex .sub_btns li .btn_dl{background:#333;color:#fff;padding:10px 20px;border-radius:8px;}
#detail .Rside .pcflex .sub_btns li .btn_dl:hover{background:#ccc;}
#detail .Rside .pcflex .sub_btns li .btn_dl span{position:relative;padding-left:28px;}
#detail .Rside .pcflex .sub_btns li .btn_dl span::before{
	content: "";
    display: block;
    position: absolute;
    width: 20px;
    height: 18px;
    background: url(../images/icon_dl.png) no-repeat center center;
    top: 50%;
    left: 0;
    background-size:cover;
    margin-top:-8px;
}
#detail .jyouhou2{border-top:1px solid #999;margin-bottom:40px;}
#detail .jyouhou2 th{background: rgba(70,186,180,.2);padding:15px;font-weight:400;border-bottom:1px solid #999;text-align:center;width:25%;vertical-align:middle;}
#detail .jyouhou2 td{padding:15px;border-bottom:1px solid #999;width:75%;vertical-align:middle;}
#detail .gmap{margin:60px 0 30px;}
#detail main .kome{font-size:1.4rem;text-indent:-1em;padding-left:1em;}
#detail .comment{border:2px solid #46bab4;padding:20px 20px 25px;margin:60px 0;}
#detail .comment h2{margin-bottom:10px;}
#detail .toiawase{margin:60px 0;}
#detail .toiawase .tel:hover{opacity:.5;}
#detail .toiawase .tel img{max-width:359px;}
#detail .Flist{margin-bottom:60px;}
#detail .Flist table th{background:#39437c;color:#fff;}
#detail .Flist table tr.this td{background:#daf1f0;}
.irregular{border:2px solid #0057bd;background:#fff;}
#detail .irregular{box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);margin-bottom:40px;}
.irregular .midashi{background:#0057bd;color:#fff;text-align:center;padding:15px;line-height:1.4em;padding: 10px 10px 12px;line-height: 1.5em;font-size: 2.5rem;letter-spacing: 0.04em;}
#search .irregular .midashi{color:#fff;margin:0;font-size:2rem;}
.irregular .text{padding:15px 20px 20px;text-align:center;}
.irregular .btn{display:block;font-size:1.8rem;max-width:320px;margin:15px auto 20px;}
#search .irregular .btn{margin-bottom:0;}
.irregular .btn:hover{background:#39437c;}
.irregular .tel p{font-weight:bold;margin:15px 0 10px;font-size:1.8rem;}
#detail .c-head .pcflex li:first-child{justify-content:space-between;}
#detail .c-head .pcflex li .keyword_search{display:flex;}
#detail .c-head .pcflex li .keyword_search input{border-radius:8px 0 0 8px;border-right:none;padding:13px 15px;}
#detail .c-head .pcflex li .keyword_search .btn{border-radius:0 8px 8px 0;width: 95px;font-size:1.8rem;padding:13px 15px;background: #39437c;}
#detail .c-head .pcflex li .keyword_search .btn:hover{background:#4bc6bd;}

/*members------------------------------*/
.form main .container{max-width:900px;}
.form h6{font-weight:bold;line-height:1.8em;}
.form .fin p.Fbold{margin:50px 0 10px;line-height:1.5em;}
#members.form .input .intro h2{display:inline-block;color:#f4142f;border-bottom:2px solid #f4142f;font-size:1.8rem;}
#members .box, #contact .box{background: #fff;box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);padding:30px;border-radius:10px;margin:30px 0 50px;}
#members table th span, #contact table th span{float:right;background:#f4142f;color:#fff;font-weight:400;font-size:1.4rem;padding:0 8px;line-height: 1.7em;}
#members.form .input h2.minchou{margin-bottom:15px;color:#39437c;text-align:center;font-size:2.4rem;}
#members.form .input .scrollwrap_y{height:300px;padding:30px;margin:30px 0;}
#members.form .input .scrollwrap_y h3{margin:30px 0 10px;font-size: 2rem;font-weight: bold;line-height: 1.5em;}
#members.form .input .scrollwrap_y .dotlist li{position:relative;padding-left:1em;}
#members.form .input .scrollwrap_y .dotlist li::before{
    content: "";
    background: #000;
    width: 4px;
    height: 4px;
    left: 0.5rem!important;
    top: 11px;
    display: inline-block!important;
    position: absolute;
}
#members.form .input .scrollwrap_y .numberlist{margin-left:-0.5em;}
#members.form .input .scrollwrap_y .numberlist li{padding-left:2.6em;text-indent:-2.6em;}
#members.form .input .scrollwrap_y .numberlist li.niketa{padding-left:3.1em;text-indent:-3.1em;}
#members.form .input .scrollwrap_y .numberlist li::before{display:none!important;}
#members.form .input .kiyaku_check{background:#e6e6e6;padding:15px;font-size: 2rem;font-weight: bold;line-height: 1.5em;}
#members.form .input .inukiDoui{color:#0057bd;padding-top:15px;font-size: 2rem;font-weight: bold;line-height: 1.5em;}
#members.form .input .inukiDoui input[type=checkbox] + label{padding-left:32px;}
#members.form .input .inukiDoui input[type=checkbox] + label::before{width:24px;height:24px;margin-top: -10px;}
#members.form .input .inukiDoui input[type=checkbox] + label::after{width: 14px;margin-top: -3px;}
#members.form .input .checkopen{display:none;}
#members.form .input .checkopen .selectwrap{margin-top:15px;}
#members.form .input .checkopen .selectwrap select{background:rgba(70,186,180,.2);}
#members main .btn, #login main .btn, #contact main .btn, #favorite .btn.delete{max-width: 300px;margin: 30px auto 0;display: block;width: 100%;}
#members main .btn:hover, .btn.back:hover, #login main .btn:hover, #contact main .btn:hover, #favorite .btn.delete:hover{background:#39437c;}
.btn.back{background:#999;}
#members main .btn:disabled{background:#b3b3b3;color:#e2e2e2;cursor:none;}

.form .flow {position: relative;margin:30px auto;display: flex;flex-wrap: wrap;justify-content: space-between;}
.form .flow li {position: relative;text-align: center;text-transform: uppercase;width: 33.3%;color:#07185C;font-weight: bold;counter-increment: steps;line-height:1em;}
.form .flow li:before {
    display: block;
    width: 52px;
    height: 52px;
    margin: 10px auto;
    content: "";
    line-height: 48px;
    font-size: 2.4rem;
    text-align: center;
    border-radius: 50%;
    background: #fff;
    content: counter(steps);
    border:2px solid #39437c;
}
.form .flow li:after {
    position: absolute;
    z-index: -1;
    top: 36px;
    left: -50%;
    width: 100%;
    height: 2px;
    content:"";
    background: #39437c;
}
.form .flow li:first-child:after {content: none;}
.form .flow li.active:before,#form .flow li.complete:before {background: #39437c;color: #FFF;}
.form .flow li.active:after,#form .flow li.complete:after {background: #39437c;}
#members.mypage main h2, #contact main h2{border-left:5px solid #0057bd;line-height:1.2em;padding:0 0 2px 8px;margin-bottom:20px;font-size: 2.2rem;font-weight: bold;}   
#members.mypage .box{padding:40px;margin:0 0 70px;}
#members .confirm .box, #contact .confirm .box{padding:40px 30px;}
#members.mypage .logout.btn{background:#a5a5a5;}
#members.mypage .logout.btn:hover{background:#999;}
#members.mypage main .flex_btn{display:flex;align-items:flex-end;justify-content:space-between;margin: 50px 0 20px;}
#members.mypage main .flex_btn .btn{margin:0;max-width:400px;background:#39437c;}
#members.mypage main .flex_btn .btn:hover{background:#4bc6bd;}
#members.mypage main .flex_btn h2{margin:0;}

/*contact------------------*/
#contact .box{margin-top:0;}
#contact main h2{margin-top:70px;}
#contact input[type="button"]{background:#ff9d00;margin:30px auto 0;}
#contact .resulttable .ti{margin-bottom:30px;}
#contact .favs{border-top:3px solid #07185C;margin-bottom:45px;padding-top:20px;}
#contact .favs:last-of-type{margin-bottom:0;}
#contact .favs ul{display:flex;}
#contact .favs ul li .pic{overflow:hidden;position:relative;height:156px;}
#contact .favs ul li h3{font-size: 2rem;font-weight: bold;line-height: 1.5em;}
#contact .favs ul li h4{color:#07185C;margin-top:10px;line-height:1.4em;font-size: 1.8rem;}
#contact .favs .scrollwrap_sp{margin-top:15px;}
#contact .favs .clipbtn, #contact .favs .exclude_build{background:#999;display:inline-block;color:#fff;padding:10px 15px;border-radius:6px;margin:10px 0 0;font-size:1.4rem;}
#contact .favs .clipbtn:hover , #contact .favs .exclude_build:hover{opacity:.6;}
#contact .Flist table th p{font-size:1.4rem;}
#contact .Flist table td .clipbtn{padding:5px 10px;margin:0;width:auto;height:auto;}
#contact .input .favs table tr th:first-child, #contact .input .favs table tr td:first-child{border-right:1px solid #999;}
#contact .input .favs table th, #contact .input .favs table td{padding: 12px 10px;}
#contact .confirm .favs:first-of-type{margin-top:0;}
#contact .fin .tel{text-align:center;margin:50px 0;}
#contact .fin .tel p{color:#0057bd;font-weight:bold;margin-bottom:10px;}
#contact .fin .tel a, .irregular .tel a{display:inline-block;}
#contact .fin .tel a img, .irregular .tel a img {max-width:359px;}
#contact .fin .tel a:hover, .irregular .tel a:hover{opacity:.4;}
#contact .memberOnly img{-ms-filter: blur(5px);filter: blur(5px);}
#contact .memberOnly .memberOnly_txt{position:absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);
text-align: center;width: 60%;background: #39437c;padding: 15px;color: #fff;font-size: 1.8rem;z-index:1;}
#contact .memberOnly.end .memberOnly_txt{background:#333;}

/*login--------------------*/
#login main .container{max-width:600px;padding:70px 0 40px;}
#login form h6{font-weight:bold;margin:30px 0 10px;}
#login form .ta-r{margin-top:10px;}
#login form .ta-r a{text-decoration:underline;color:#4bc6bd;}
#login form .ta-r a:hover{text-decoration:none;}
#login main .ta-c{margin-top:70px;}
#login .touroku.btn{background:#39437c;}
#login .touroku.btn:hover{background:#4bc6bd;}

/*favorite------------------*/
#favorite .selectwrap{width: 27%;margin:30px 0;}
#favorite .c-box{background: #fff;box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);padding:40px;border-radius:10px;margin:40px 0;}
#favorite .c-box .flex{display:flex;margin-bottom:15px;}
#favorite .c-box .flex .text h2{font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#favorite .c-box .flex .text h3{color:#39437c;font-weight:bold;margin:15px 0;font-size: 1.8rem;}
#favorite .c-box .flex .pic{height:258px;}
#favorite .c-box.memberOnly img{-ms-filter: blur(5px);filter: blur(5px);}
#favorite .c-box.memberOnly .memberOnly_txt{position:absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);
text-align: center;width: 60%;background: #39437c;padding: 15px;color: #fff;font-size: 1.8rem;z-index:1;}
#favorite .c-box.memberOnly.end .memberOnly_txt{background:#333;}

/*routeSearch, areaSearch---------------------*/
.ar_search .selectwrap{max-width:400px;margin-top:30px}
.ar_search .trainmap_block{background: rgba(70,186,180,.2);padding:20px 20px 40px;margin-top:30px;}
#areaSearch.ar_search .trainmap_block{background:#f1f1f1;}
#areaSearch .area_all{font-weight:bold;border-bottom:1px dotted #333;padding-bottom:15px;}
#areaSearch .showarea{margin-bottom:40px;}
.ar_search .select_chks .list_type02, .ar_search .trainmap_block .list_type02{display:flex;flex-wrap:wrap;}
.ar_search .select_chks .list_type02 li, .ar_search .trainmap_block .list_type02 li{width:20%;margin-top:15px;}
.ar_search .trainmap_formBox01{border-top:4px solid #46bab4;margin-top:30px;padding-top:30px;}
.ar_search .informBox01 .selectwrap{margin:0;display:inline-block;width:75%;}
.ar_search .informBox01 p, .ar_search .selectBox01 h2{color:#0057bd;font-weight:bold;font-size: 1.8rem;}
.ar_search .informBox02{width:100%;margin-top:25px;}
.ar_search .informBox02 .btn#searchbtn{border:none;padding: 13px 15px;display:block;}
.ar_search .informBox02 .btn#searchbtn:hover{background:#39437c;}
.ar_search .informBox02 #resetbtn{background:#fff;border:1px solid #000;padding: 12px 15px;color:#000;font-weight:400;font-size:1.6rem;border-radius:8px;display:block;text-align:center;}
.ar_search .informBox02 #resetbtn:hover{color:#4bc6bd;border-color:#4bc6bd;}
.ar_search .informBox01 .tsubosu{display:flex;align-items:center;}
.ar_search .informBox01 .tsubosu input{width: 28%;}
.ar_search .informBox01 .tsubosu span{padding:0 10px;}
.ar_search .selectBox01{width:100%;}
.ar_search .selectBox01 h2{margin-bottom:10px;}
.ar_search .selectBox01 ul{display:flex;flex-wrap:wrap;margin-bottom:15px;}
.ar_search .selectBox01 ul li{margin:0 10px 10px 0;line-height:1.3em;}

/*obsession-----------------------*/
#obsession .fourcard li a{display:block;position:relative;}
#obsession.landmark .fourcard li a::before, #obsession.landmark .fourcard li a::after{position:absolute;display:block;box-sizing:border-box;content:"";
width:100%;height:100%;opacity:1;transition:width 0.3s, height 0.3s, opacity 0.3s;z-index:1;}
#obsession.landmark .fourcard li a::before{top:0;left:0;border-top:2px solid #4bc6bd;border-left:2px solid #4bc6bd;}
#obsession.landmark .fourcard li a::after{right:0;bottom:0;border-right:2px solid #4bc6bd;border-bottom:2px solid #4bc6bd;}
#obsession.landmark .fourcard li a:hover::before, #obsession .fourcard li a:hover::after{width:0;height:0;opacity:0;}
#obsession.landmark .fourcard li a:hover::before{opacity:0;border-width:0;}
#obsession .fourcard li a figure{overflow:hidden;height:155px;position:relative;}
#obsession .fourcard li a figure img{position: absolute;top: 30%;left: 50%;transform: translate(-50%, -30%);}
#obsession .fourcard li a .text{padding:10px 10px 15px;}
#obsession.earthquake .fourcard li a .text{background: rgba(70,186,180,.2);transition:background-color 0.3s;}
#obsession.direct .fourcard li a .text{background:#e6e6e6;transition:background-color 0.3s;}
#obsession.earthquake .fourcard li a:hover .text, #obsession.direct .fourcard li a:hover .text{background:#fff;}
#obsession .fourcard li a .text h2{font-size:1.7rem;height: 5.8rem;font-weight: bold;line-height: 1.5em;}
#obsession .fourcard li a:hover .text h2{color:#4bc6bd;}
#obsession.earthquake .fourcard li a:hover .text h5{color:#333;}
#obsession .fourcard li a .text p{font-size:1.4rem;}
#obsession .fourcard li a .text ul{display: flex;flex-wrap: wrap;margin-top:10px;}
#obsession .fourcard li a .text ul li{width:auto;margin:0 10px 0 0;background:#fff;font-size: 1.4rem;border-radius: 18px;padding: 5px 15px;}
#obsession.earthquake .fourcard li a .text ul li.seishin{color:#0057bd;font-weight:bold;}
#obsession.earthquake .fourcard li a .text ul li.menshin{color:#ffa614;font-weight:bold;}


/*inuki----------------------*/
#inuki .inuki_floating{position: fixed;width: 60px;right: 0;top: 15%;z-index: 80;}
#inuki .inuki_floating ul li:last-child {margin-top:5px;}
#inuki .inuki_floating ul li a{background:#0057bd;color:#fff;display:block;padding:15px 10px;text-align: center;font-weight:bold;font-size:2rem;border:1px solid #0057bd;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
#inuki .inuki_floating ul li:last-child a{background:#ff9d00;border-color:#ff9d00;}
#inuki .inuki_floating ul li a:hover{background:#fff;color:#0057bd;}
#inuki .inuki_floating ul li:last-child a:hover{color:#ff9d00;}
#inuki .inuki_floating ul li a p{font-weight:400;font-size:1.4rem;line-height: 1.1em;}
#inuki.top .sec1{position:relative;background:#f2f2f2;}
#inuki.top .accordion{position:absolute;width:96%;max-width: 1250px;top:40px;left:50%;transform: translateX(-50%);}
#inuki.top .accordion ul li{background:#fff;box-shadow: 6px 6px 12px -6px rgba(0,0,0,.4);border:3px solid #0057bd;}
#inuki.top .accordion ul li:last-child{border-color:#ff9d00;}
#inuki.top .accordion ul li .ac-btn{padding:15px 40px 15px 20px;position:relative;cursor:pointer;text-align:center;}
#inuki.top .accordion ul li .ac-btn::after{
	content: "";
    width: 18px;
    height: 18px;
    border: 0px;
    border-top: solid 3px #000;
    border-right: solid 3px #000;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 30px;
	margin-top:-12px;
    transition: all 0.2s ease-in-out;
}
#inuki.top .accordion ul li .ac-btn.active::after{transform: rotate(-45deg);margin-top:-7px;}
#inuki.top .accordion ul li .ac-btn img{max-width:484px; width: 100%;}
#inuki.top .accordion ul li .ac-open{padding:0 20px 20px;}
#inuki.top .accordion ul li .ac-open a{color:#fff;background:#0057bd;text-align:center;border-radius:6px;padding:10px;display:block;width:100%;max-width:250px;
margin:15px auto 0;line-height:1.8em;}
#inuki.top .accordion ul li .ac-open a:hover, #inuki_links .btns li a:hover{background:#1f83f9;}
#inuki.top .accordion ul li:last-child .ac-open a, #inuki_links .btns li:last-child a{background:#ff9d00;}
#inuki.top .accordion ul li:last-child .ac-open a:hover, #inuki_links .btns li:last-child a:hover{background:#ffc800;}
#inuki.top .sec2{background:#f2f2f2;;padding-bottom:80px;}
#inuki.top .sec2 h1{font-size:3.2rem;font-weight:bold;text-align:center;color:#39437c;margin:40px 0;}
#inuki.top .sec2 h1 span{position:relative;padding-left:40px;}
#inuki.top .sec2 h1 span::before{
	content: "";
    position: absolute;
    display: block;
    background: url(../images/icon_search_navy.png)no-repeat center center;
    width: 27px;
    height: 26px;
    background-size: cover;
    top: 50%;
    left:0;
    margin-top:-11px;
}
#inuki .offices .o-box{margin-top:50px;}
#inuki .o-box a{display:block;}
#inuki .o-box a:hover figure img{width:110%;}
#inuki .o-box h2{margin-bottom:5px;font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#inuki .o-box h2 span{padding-right:10px;}
#inuki .o-box h3{font-weight:bold;color:#c4b36e;font-size: 1.8rem;}
#inuki .o-box figure{overflow:hidden;height:380px;position:relative;margin-top:10px;}
#inuki .o-box.new a figure::before{
	content: "";
    position: absolute;
    display: block;
    background: url(../images/inuki_new.png)no-repeat center center;
    width:93px;
    height:93px;
    background-size: cover;
    bottom: 0;
    right:0;
    z-index:1;
}
#inuki .o-box figure img{position:absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);transition:all .3s ease-out;}
#inuki .o-box figure .marks li{background:#fff;border-radius:25px;padding:5px 20px;display:block;line-height:1.4em;margin-right: 10px;}

#inuki .o-box.memberOnly figure img{-ms-filter: blur(5px);filter: blur(5px);}
#inuki .o-box.memberOnly figure .memberOnly_txt{position:absolute;top: 50%;left: 50%;transform:translate(-50%, -50%);
text-align: center;width: 60%;background: #39437c;padding: 15px;color: #fff;font-size: 1.8rem;z-index:1;}
#inuki .o-box.memberOnly.end figure .memberOnly_txt{background:#333;}
#inuki.top .contact_link{background:#fff;box-shadow: 0px 0px 15px -5px rgba(0,0,0,.5);margin-top:70px;padding:40px;}
#inuki.top .contact_link p{font-weight:bold;line-height:1.9em;text-align:center;}
#inuki.top .contact_link .btn{font-size: 2.4rem;border:1px solid #4bc6bd;display:block;padding:35px;}
#inuki.top .contact_link .btn:hover{background:#fff;color:#4bc6bd;}
#inuki.top .about{margin-top:80px;}
#inuki.top .about li{border:3px solid #d8c884;padding:30px;}
#inuki.top .about li h2{text-align:center;margin-bottom:15px;font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#inuki.top .about li h2 span{font-size:2.8rem;position:relative;padding:0 25px;}
#inuki.top .about li h2 span::before, #inuki.top .about li h2 span::after{
	content: "";
    position: absolute;
    display: block;
    background: url(../images/apo.png)no-repeat center center;
    width:22px;
    height:18px;
    background-size: cover;
    top: 0;
    left:0;
}
#inuki.top .about li h2 span::after{left:auto;right:0;transform: rotate(180deg);}
#inuki_links p{text-align:center;margin-bottom:30px;font-size: 2rem;line-height: 1.5em;}
#inuki_links p span{position:relative;display: inline-block;padding:0 60px;}
#inuki_links p span::before, #inuki_links p span::after{
	content:"";
	position: absolute;
  	top: 50%;
  	display: inline-block;
  	width: 68px;
  	height: 10px;
  	border-top:2px solid #ccc;
  	border-bottom:2px solid #ccc;
  	transform: rotate(55deg);
  	left:0;
}
#inuki_links p span::after{left:auto;right:0;transform: rotate(-55deg);}
#inuki_links .btns li a{background:#0057bd;border-radius:6px;padding:15px;display:block;text-align:center;}
#inuki_links .btns li a img{max-width:444px;}
#inuki.taikyo h2, #inuki.nyukyo h2{font-size: 3rem;font-weight: bold;text-align:center;color:#39437c;margin-bottom:40px;line-height:1.3em;}
#inuki h2.fukidashi{position:relative;background:#4bc6bd;color:#fff;padding:20px;margin:80px 0 30px;}
#inuki h2.fukidashi::after{
   	content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #4bc6bd;
    position: absolute;
    border-width: 16px 0 16px 14px;
    top: auto;
    right: 50%;
    transform: rotate(90deg) translateX(50%);
    bottom: -16px;
    margin-right:-7px;
}
#inuki .twobox div, #inuki .threebox li{background:#fff;padding:35px 30px 40px;box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);border-radius:10px;}
#inuki .twobox div ul li{border:2px solid #0057bd;position:relative;margin-top:25px;display:flex;align-items:center;padding:10px 15px;position:relative;}
#inuki .twobox div ul li::after{
	content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #c9c9c9;
    position: absolute;
    border-width: 12px 0 12px 12px;
    top: auto;
    right: 50%;
    transform: rotate(90deg) translateX(50%);
    bottom: -20px;}
#inuki .twobox div ul li:last-child::after{display:none;}
#inuki .twobox div ul li h4{color:#0057bd;font-weight:bold;margin-right:15px;padding-right:13px;border-right:1px solid #0057bd;font-size: 2rem;line-height: 1.5em;}
#inuki .stepbar{margin-left:5.5rem;}
#inuki .stepbar li{display:flex;align-items:center;padding-bottom:40px;position:relative;}
#inuki .stepbar li::before{content:"Step";font-size:2rem;color:#4bc6bd;position:absolute;left:-5.5rem;top:auto;width:4.5rem;}
#inuki .stepbar li::after{position:absolute;content:"";width:2px;height:100%;background:#4bc6bd;bottom:0;left:24px;z-index:1;}
#inuki .stepbar li:last-child{padding:0;}
#inuki .stepbar li:last-child::after{display:none;}
#inuki .stepbar h3{background:#4bc6bd;color:#fff;border-radius:50%;width:50px;height:50px;text-align:center;line-height:50px;z-index:2;font-size: 2rem;font-weight: bold;}
#inuki .stepbar p{font-weight:bold;margin-left:15px;}
#inuki.taikyo section, #inuki.nyukyo section{padding:70px 0;}
#inuki.taikyo .sec1, #inuki.nyukyo .sec1{background:#f2f2f2;margin-top:70px;}
#inuki.taikyo .box{box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);border-radius:10px;background:#fff;padding:30px 40px;}
#inuki.taikyo .sec5, #inuki.nyukyo .sec3, #inuki.taikyo .sec3{background:#f2f2f2;}
#inuki .ac-box{box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);border-radius:10px;background:#fff;padding:15px 30px;margin-top:30px;}
#inuki .ac-box h3{font-family:"Arial";font-size:2.8rem;font-weight:bold;}
#inuki .ac-box .ac-q{position:relative;cursor:pointer;}
#inuki .ac-box .ac-q::before{content: "";position: absolute;top: 50%;right:0;width: 15px;height: 3px;transform: rotate(90deg);background: #4bc6bd;transition: all .3s ease-in-out;}
#inuki .ac-box .ac-q::after{ content:"";position: absolute;top: 50%;right:0;width: 15px;height: 3px;background: #4bc6bd;transition: all .3s ease-in-out;}
#inuki .ac-box .ac-q.active::before{transform: rotate(180deg);}
#inuki .ac-box .ac-q, #inuki .ac-box .ac-open .text{display:flex;}
#inuki .ac-box .ac-q h4, #inuki .ac-box .ac-open .text p{margin-left:15px;}
#inuki .ac-box .ac-q h3{color:#4bc6bd;}
#inuki .ac-box .ac-q h4{font-weight:bold;font-size:1.8rem;}
#inuki .ac-box .ac-open{display:none;padding-top:10px;}
#inuki.nyukyo h2.fukidashi{margin-top:0;}
#inuki.nyukyo h3, #inuki.taikyo .sec3 h3{margin-bottom:15px;font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#inuki.nyukyo .sec4 .btn{padding:30px;max-width:600px;margin:0 auto 60px;display:block;font-size:2.6rem;}
#inuki.nyukyo .sec4 .btn:hover{background:#39437c;}
#detail #inuki .c-head h1{border-bottom:none;margin:0;padding:0;}
#detail #inuki .c-head .pcflex{border-bottom: 2px solid #39437c;padding-bottom: 15px;align-items:flex-end;}
#detail #inuki .c-head .pcflex li:last-child .btn{margin:0;}
#detail #inuki .jyouhou li{font-size:1.8rem;}
#detail #inuki .jyouhou li span{color:#c4b36e;}
#detail #inuki .jyouhou2 th{width:37%;}
#detail #inuki .jyouhou2 td{width:65%;}
#detail #inuki .wrapper .sub_btns{margin:20px 0 0;}
#detail #inuki section h2{margin:60px 0 15px;}
#detail #inuki #b-slider .slick-slide, #detail #inuki #b-slider2 .slick-slide{max-width:550px;height:400px;}
#inuki.taikyo .sec1 h3{font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#inuki.taikyo .sec1 h4{font-size:2rem;font-weight:bold;line-height:1.5em;margin-top:20px;}
#inuki.taikyo .sec1 p.ti{padding-left:1em;text-indent:-1em;margin-left:1.3em;}


/*words------------------------*/
#words.top .jumpbtns{display:flex;flex-wrap:wrap;align-items:center;}
#words.top .jumpbtns li{width:9.5%;margin-right:1.81%;}
#words.top .jumpbtns li:last-child{margin-right:0;}
#words.top .jumpbtns li a{background:#fff;padding:10px;display:block;text-align:center;border:1px solid #4bc6bd;border-radius:6px;}
#words.top .jumpbtns li a:hover{background: rgba(70,186,180,.2);}
#words.top .jumpbtns li a span{position:relative;padding-right:20px;}
#words.top .jumpbtns li a span::after{
	content: "";
    width: 0;
    height:0;
    position: absolute;
    top: 50%;
    right: 0;
    margin-top: -2px;
    transition: all .3s ease-out;
    border-width: 7px 7px 0 7px;
    border-color: #4bc6bd transparent transparent transparent;
}
#words h2{font-size:3rem;font-weight:bold;}
#words.top h2{margin-top:60px;border-bottom:2px dotted #000;padding:15px 0;}
#words.top .wordlist li a{display:block;background:#efefef;padding:15px;position:relative;color:#0057bd;font-size:1.8rem;}
#words.top .wordlist li a::after{
	content: "";
    width: 10px;
    height:10px;
    border: 0px;
    border-top: solid 2px #0057bd;
    border-right: solid 2px #0057bd;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -5px;
    right: 18px;
    transition: all .3s ease-out;
}
#words.top .wordlist li a:hover::after{right: 28px;}
#words.detail .container{padding-top:80px;max-width:860px;}
#words.detail h1{font-size:3rem;border-left:6px solid #0057bd;line-height:1.3em;padding-left:10px;font-weight:bold;}
#words.detail .box{background: #fff;padding:40px;box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);border-radius: 10px;margin:25px 0 40px;}
#words.detail .btn, #column.detail .btn{margin:40px auto 0;display:block;max-width: 300px;}
#words.detail .btn:hover, #column.detail .btn:hover{background: #39437c;}


/*staff---------------*/
#staff .s-box{border:6px solid rgba(70,186,180,.2);padding:30px;margin-top:50px;}
#staff .s-box .name{margin-bottom:15px;font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#staff .s-box .name span{font-size:1.4rem;letter-spacing:0.06em;padding-left:20px;}
#staff .s-box figure{overflow:hidden;height:257px;position:relative;}
#staff .s-box figure img{position:absolute;top:0;left:50%;transform: translateX(-50%);}
#staff .s-box dl{padding:10px 0;border-bottom:1px dotted #999;}
#staff .s-box dl:first-of-type{border-top:1px dotted #999;}
#staff .s-box dl dt{color:#4bc6bd;}


/*column---------------*/
#column.detail .date{display:inline-block;font-size:2rem;}
#column.detail .category{display:inline-block;font-size:1.8rem;color:#0057bd;border:1px solid #0057bd;padding:5px 20px;margin-right:15px;}
#column.detail .title{margin:15px 0 35px;border-bottom:2px solid #bcbcbc;padding-bottom:15px;font-size: 2.2rem;font-weight: bold;line-height: 1.4em;}
#column.detail figure{margin-bottom:30px;text-align:center;}
#column.list .container ul li{margin-bottom:40px;}
#column.list .container ul li a figure{height: 180px;}

/*PC==============================================*/
@media screen and (min-width:769px){
.pc{display:block;}
.sp{display:none;}

#top.all header{padding:5px 0 10px;}
header .gnavi{display:flex;justify-content:center;margin-top:5px;}
header .gnavi>li>a::before{position:absolute;width:1px;height:50%;right:0;top:26%;content:"";background:#bcbcbc;transform: translateY(-50%);transform: rotate(25deg);}
header .gnavi>li:last-child>a::before{display:none;}
header .gnavi>li>a{display:block;color:#243c91;line-height:1.5em;font-size:1.6rem;font-weight:bold;position:relative;padding:15px;}
header .gnavi>li>a:hover{opacity:1;}
header .gnavi>li>a.active{color:#46bab4;}
header .gnavi>li>a span{position:relative;display:inline-block;}
header .gnavi>li>a span::before{
    content: "";
    display: block;
    width: 0;
    height: 3px;
    position: absolute;
    bottom: -6px;
    left: 0;
    transition: all 0.6s ease;
    background:#46bab4;
}
header .gnavi>li>a:hover span::before, header .gnavi>li>a.active span::before{width:100%;}
header .gnavi li .Wrap {
    position: absolute;
    top: auto;
    left: 0;
    z-index: 100;
    overflow: hidden;
    display: none;
    width: 100%;
    background: #e6e6e6;
}
header .gnavi li .Wrap .wrapInner {
    width: 96%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 40px 0;
    box-sizing: border-box;
    overflow: hidden;
    
}
.megadropbg {
    position: fixed;
    z-index: 99;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: auto;
    left: 0;
    cursor: pointer;
}
header .gnavi li .Wrap .wrapInner ul {display:flex;flex-wrap:wrap;}
header .gnavi li .Wrap .wrapInner ul li {width:23.6%;margin:10px 1.86% 10px 0;}
header .gnavi li .Wrap .wrapInner ul li:nth-child(4n){margin-right:0;}
header .gnavi li#md_4 .Wrap .wrapInner ul{justify-content:space-between;}
header .gnavi li#md_4 .Wrap .wrapInner ul li {width:28%;margin-right:0;}
header .gnavi li#md_4 .Wrap .wrapInner ul li:first-child {width:40%;}
header .gnavi li .Wrap .wrapInner ul li a{background:#fff;padding:10px 10px 10px 30px;display:block;position:relative;border:2px solid #fff;}
header .gnavi li .Wrap .wrapInner ul li a::before{
    content: "";
    width: 8px;
    height: 8px;
    border: 0px;
    border-top: solid 2px #46bab4;
    border-right: solid 2px #46bab4;
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    margin-top: -4px;
    left: 10px;
}
header .gnavi li .Wrap .drop_close {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: absolute;
    right: 10px;
    bottom: 10px;
    content:"";
}
header .gnavi li .Wrap .drop_close:before {
    content: "";
    position: absolute;
    display: inline-block;
    left: 14px;
    width: 2px;
    height: 21px;
    background-color: #333;
    transform: rotate(45deg);
    top: 16.5%;
}
header .gnavi li .Wrap .drop_close:after {
    content: "";
    position: absolute;
    display: inline-block;
    left: 14px;
    width: 2px;
    height: 21px;
    background-color: #333;
    transform: rotate(-45deg);
    top: 16.5%;
}
header .gnavi li .Wrap .wrapInner ul li a:hover{opacity:1;font-weight:bold;border-color:#46bab4;}
.copyright p br{display:none;}
#top .search-menu .reed{display:flex;justify-content:space-between;align-items:center;}
#top .search-menu .reed .count{max-width:280px;width:40%;position:relative;}
#top .search-menu .tsubosu p{font-size:1.4rem;position:absolute;top:-40px;}
#top .search-menu .kouho span{width: 22%;}
#top .search-menu .kouho p{width:78%;}
#top .twobnrs{display:flex;justify-content:center;align-items:center;}
#top .twobnrs li{width:48%;}
#top .twobnrs li.taikyo{margin-right:4%;}
#top.all .area_btns{display:flex;align-items:flex-start;justify-content:space-between;}
#top.all .area_btns li, #top #popular .pcflex li, #top #reason ul li{width:31%;}
#top #popular .pcflex{display:flex;align-items:flex-start;justify-content:space-between;}
#top #reason ul{display:flex;justify-content:space-between;align-items:center;}
.scrollwrap{overflow-y: scroll;border:1px solid #ccc;}
.scrollwrap::-webkit-scrollbar{width: 18px;}
#search aside .inuki_btns{margin-top:70px;}
#search aside .inuki_btns li a{background: #0057bd;border:1px solid #0057bd;text-align: center;border-radius: 6px;color:#fff;display:block;font-weight:bold;padding:10px;}
#search aside .inuki_btns li a:hover{background:#fff;color:#0057bd;}
#search aside .inuki_btns li:nth-child(2){margin-top:20px;}
#search aside .inuki_btns li:nth-child(2) a{background:#ff9d00;border-color:#ff9d00;}
#search aside .inuki_btns li:nth-child(2) a:hover{background:#fff;color:#ff9d00;}
#search section .result_head{display:flex;justify-content:flex-end;align-items:flex-end;}
#search section .result_head .selectwrap{width:30%;margin:0 2%;}
#search section .result_head a{width:52%;}
#search section .result_head p{width:14%;}
#search section .c-box .pcflex{display:flex;align-items:flex-start;justify-content:space-between;margin:20px 0 30px;}
#search section .c-box .pcflex .pic{width:44%;}
#search section .c-box .pcflex .text{width:51%;}
#search .floationgScaling button{border-radius:8px 0 0 8px;box-shadow:0px 1px 4px 2px #DEDEDE;}
#search .floationgScaling button.pk{margin-top:10px;}
#search .floationgScaling button p{-ms-writing-mode: tb-rl;writing-mode: vertical-rl;line-height: 2em;letter-spacing: 0.04em;}
#search .floationgScaling button p .tsubo{display:inline-block;}
#search .floationgScaling button p .number{-webkit-text-combine: horizontal;-ms-text-combine-horizontal: all;text-combine-upright: all;}
#search .floationgScaling button p .m2{text-orientation: upright; -webkit-text-combine: horizontal;-ms-text-combine-horizontal: all;text-combine-upright: all;display: inline-block;vertical-align: bottom;line-height: 2.2em;}
#detail .wrapper{display:flex;justify-content:space-between;}
#detail .c-head{position: sticky;top: 110px;background: #fff;width: 100%;z-index:10;}
#detail .jyouhou{display:flex;flex-wrap:wrap;margin:0 0 35px;}
#detail .jyouhou li{margin-right:25px;}
#detail .jyouhou li:last-child{margin-right:0;}
#detail .wrapper .Lside{width:43%;}
#detail .wrapper .Rside{width:52%;}
#detail .Rside .pcflex{display:flex;align-items: flex-end;flex-direction: row-reverse;justify-content: space-between;}
#detail .toiawase{display:flex;align-items:center;}
#detail .toiawase .btn{margin-right:30px;}
#detail .ruiji, #members .rireki, #column.list .container ul{display:flex;flex-wrap:wrap;}
#detail .ruiji li, #members .rireki li, #column.list .container ul li{width:30%;margin-right:5%;}
#detail .ruiji li:nth-child(3n), #members .rireki li:nth-child(3n), #column.list .container ul li:nth-child(3n){margin-right:0;}
#members table th, #contact .forms table th{width:30%;padding:15px;vertical-align:middle;}
#members table td, #contact .forms table td{width:70%;padding:15px;}
.confirm table th, #members.mypage table th{border-bottom: 1px solid #999;background:#f2f2f2;}
.confirm table tr:first-of-type th, #members.mypage table tr:first-of-type th{border-top: 1px solid #999;}
.confirm table tr:first-of-type td, #members.mypage table tr:first-of-type td{border-top: 1px solid #999;}
.confirm table td, #members.mypage table td{border-bottom: 1px solid #999;}
.confirm .btns{display:flex;}
#members .rireki li{margin-bottom:35px;}
#obsession .fourcard{display:flex;flex-wrap:wrap;}
#obsession .fourcard li{width:22%;margin-right:4%;margin-top:40px;display:flex;}
#obsession .fourcard li:nth-child(4n){margin-right:0;}
.ar_search .trainmap_formBox01{display: flex;align-items: center;justify-content: space-between;flex-wrap:wrap;}
.ar_search .informBox01{width:30%;}
.ar_search .informBox01 p {margin-right: 10px;display: inline-block;vertical-align: middle;}
.ar_search .informBox02{display:flex;justify-content:space-between;}
.ar_search .informBox02 .btn#searchbtn{width:78%;}
.ar_search .informBox02 #resetbtn{width:20%;}
#contact .box:first-of-type {padding: 40px 30px;}
#contact .favs ul{align-items:flex-start;}
#contact .favs ul li:first-child{width:25%;}
#contact .favs ul li:last-child{width:72%;margin-left:3%;}
#inuki.top .slick-slide{margin:0 6px;}
#inuki.top .accordion ul{display:flex;justify-content:space-between;align-items:flex-start;}
#inuki .pcflex, #inuki_links .btns{display:flex;justify-content:space-between;}
#inuki.top .accordion ul li, #inuki .pcflex li, #inuki_links .btns li{width:49%;}
#inuki.top .sec2 .pcflex{max-width:540px;margin:auto;}
#inuki .offices{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
#inuki .offices .o-box, #inuki.top .contact_link p, #inuki.top .contact_link .btn, #inuki .twobox div{width:48%;}
#inuki .o-box span{display:block;}
#inuki.top .contact_link{display:flex;justify-content:space-between;align-items:center;}
#inuki .twobox, #inuki .threebox{display:flex;justify-content:space-between;}
#inuki .threebox li{width:31%;}
#inuki.nyukyo .threebox h3{height:62px;}
#inuki.nyukyo .threebox h3 span{display:inline-block;vertical-align:middle;line-height:62px;}
#detail #inuki .c-head .pcflex li{width:auto;}
#detail #inuki .wrapper .Lside{width:50%;}
#detail #inuki .wrapper .Rside{width:45%;}
#words.top .wordlist{display:flex;flex-wrap:wrap;}
#words.top .wordlist li{width:49%;margin-top:20px;}
#words.top .wordlist li:nth-child(2n){margin-left:2%;}
#staff .intro{text-align:center;}
#staff .s-box .pcflex{display:flex;justify-content:space-between;align-items:flex-start;}
#staff .s-box .pcflex figure{width:25%;}
#staff .s-box .pcflex .txt{width:72%;}
#staff .s-box dl{display:flex;align-items:center;}
#staff .s-box dl dt{width:25%;text-align:center;margin-right:3%;}
#staff .s-box dl dd{width:72%;}
#detail .ruiji li a figure, #members .rireki li a figure{max-height:230px;}


}

@media screen and (min-width:1400px){
header .flex  ul{width:35%;}

}
@media screen and (max-width:1362px){
.c-box .pic{height:20vw;}
#search .wrapper aside{width:23%;}
#search .wrapper section {width: 75%;}
#search aside .tsubosu, #search aside .heibei{flex-wrap:wrap;}
#search aside .tsubosu h4, #search aside .heibei h4{width:100%;margin-bottom:10px;}
#search aside .inuki_btns li a br{display:none;}
#search aside .inuki_btns li a span{display:block;}

}

@media screen and (max-width:1200px){
#top .slidewrap{margin:0 -3%;}
footer .flex .Lside p{font-size:1.4rem;}
#obsession .fourcard li a .text h2{font-size:1.6rem;}
#top .twobnrs li.taikyo::before{width:7.2vw;height:7.8vw;left: -2.5vw;}
#inuki.top .contact_link p{width:58%;}
#inuki.top .contact_link .btn{width:40%;}
#detail #b-slider .slick-slide, #detail #b-slider2 .slick-slide{height:30vw;}
.Flist {font-size: 1.4rem;}
#search section .result_head .selectwrap{width:38%;margin:0 3%;}
#search section .result_head a{width:40%;}
#search section .result_head a span{display:block;}
#search section .result_head p{width:16%;}
#favorite .c-box .flex .pic{height:21vw;}
#contact .favs ul li .pic{height: 15vw;}
#top .slide1 ul li a figure{height:220px;}
#column.list .container ul li a figure{height: 16vw;}
}

@media screen and (max-width:1068px){
#detail #inuki #b-slider .slick-slide, #detail #inuki #b-slider2 .slick-slide{height:34vw;}
#detail .c-head .pcflex li:first-child .mark_today{padding:5px 20px;}
#detail .c-head .pcflex li:last-child .btn{font-size:1.6rem;padding:12px 15px;}
#detail .c-head .pcflex li .keyword_search input, #detail .c-head .pcflex li .keyword_search .btn{font-size:1.6rem;padding:11px 15px;}
#detail .c-head h1{font-size:2.2rem;}
#top .slide1 ul li a figure{height:204px;}
#top .slide1 ul li a figure .marks p, #detail .ruiji li a figure .marks p, #members .rireki li a figure .marks p{font-size:1.4rem;padding:5px 15px;line-height: 1.7em;}
#detail .ruiji li a figure, #members .rireki li a figure{max-height:22vw;}
#detail #b-slider .slick-slide, #detail #b-slider2 .slick-slide{height:32vw;}
#top .search-menu .kouho{flex-direction: column;}
#top .search-menu .kouho span{display:block;margin-bottom:5px;width:100%;}
#top .search-menu .kouho p{width:100%;}

}


/*tablet==============================================*/
@media screen and (min-width:769px) and (max-width:1060px) {
header .flex ul li a{font-size:1.6rem!important;}
header .flex .tel{margin-right:10px;}
header .flex .tel p{font-size:1.2rem;}
header .gnavi>li>a, footer nav ul li a{font-size:1.4rem;}
footer .flex .Lside .tel img{max-width:26vw;}
footer nav ul li:first-child a{padding-left:0;}
footer nav ul li:last-child a{padding-right:0;}
.copyright{font-size:1.2rem;}
#top.all .area_btns li a .ken li{margin-left:10px;font-size: 1.5rem;}
#top .banner_inuki::before{width: 7.8vw;height: 8vw;top:-2vw;left:-2vw;}
.ar_search .select_chks .list_type02 li, .ar_search .trainmap_block .list_type02 li{width:25%;}
.ar_search .informBox01{width:33%;}
.ar_search .informBox01 .selectwrap{width:70%;}
#obsession .fourcard li, #obsession .fourcard li:nth-child(4n){width:31%;margin-right:3.5%;}
#obsession .fourcard li:nth-child(3n){margin-right:0;}
#obsession .fourcard li a figure{height:17.5vw;}
#obsession.landmark .fourcard li a .text{height:20vw;}
#obsession .fourcard li a .text h2{font-size:1.7rem;}
#inuki .o-box figure{height:33vw;}
#inuki.taikyo h2, #inuki.nyukyo h2{font-size:2.6rem;}
#inuki.top .contact_link p{width:62%;}
#inuki.top .contact_link .btn{width:36%;padding:25px 20px;font-size: 2.2rem;margin-top:20px;}
#inuki main h4{font-size:2rem;}
#inuki.top .about li h2 span{font-size:2.6rem;}
#inuki.nyukyo .threebox h3{font-size:1.8rem;}
#top.all .twobnrs li.taikyo ul{bottom:20px;}
#top.all .twobnrs li.taikyo ul li a{padding:8px;font-size:1.8rem;}
#detail .wrapper .Lside, #detail .wrapper .Rside{width:48%;}
#detail .jyouhou2{font-size:1.4rem;}
#search section .result_head .selectwrap{width:36%;}
#search section .result_head a{width:42%;}
.Flist {font-size: 1.3rem;}
#search aside{padding:25px 10px;font-size:1.4rem;}
#search aside h2 {font-size: 2rem;} 
#search aside .result{padding: 30px 10px;margin: 45px -10px 0;}
#search .container{width:98%;}
#top .slide1 ul li a figure{height:23vw;}
#staff .s-box .pcflex .txt{font-size:1.4rem;}
#detail .ruiji li, #members .rireki li {width: 32%;margin-right: 2%;}
h1 {font-size: 3.4rem;}
#top .search-menu .kouho span{width: 22%;}
#top .search-menu .kouho p{width:78%;}
#column.list .container ul li, #column.list .container ul li:nth-child(3n){width:48%;margin-right:4%;}
#column.list .container ul li:nth-child(2n){margin-right:0;}
#column.list .container ul li a figure{height:26vw;}
}

@media screen and (min-width:951px){
#search aside.sp{display:none;}
#search aside.pc{display:block;}
#search .wrapper, #detail .wrapper{display:flex;justify-content:space-between;}
#search .wrapper aside{width:25%;}
#search .wrapper section{width:70%;}
#favorite .c-box .flex{align-items:flex-start;justify-content:space-between;}
#favorite .c-box .flex .pic{width:34%;}
#favorite .c-box .flex .text{width:62%;}
#detail .c-head .pcflex{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;}

}
@media screen and (max-width:950px){
#top.all header{height:65px;}
#top.all header .flex button{height:65px;width:65px;}
#top.all .area_btns li a .ken li{margin-left:15px;}
#top.all .area_btns li:last-child a .ken li{margin-left:10px;}
#top.all .area_btns li:first-child a .ken li:last-child, #top.all .area_btns li:last-child a .ken li:first-child, 
#top.all .area_btns li:last-child a .ken li:nth-child(4n+1){margin-left:0;}
#top .search-menu .commit_flex li{width:25%;}
#inuki.top .contact_link{display:block;}
#inuki.top .contact_link p{width:100%;}
#inuki.top .contact_link .btn{width:100%;}
#inuki.top .about li h2 span{font-size:2.4rem;}
#inuki.top .about li h2 span::before, #inuki.top .about li h2 span::after{width: 18px;height: 14px;}
#inuki .threebox{display:block;}
#inuki .threebox li{width:100%;margin-bottom:6vw;}
#inuki .threebox li:last-child{margin:0;}
#top.all .twobnrs li.taikyo ul li a{padding:5px;font-size:1.8rem;}
#search .wrapper aside{display:block;width:100%;padding:4vw 4vw 0;margin-bottom:6vw;}
#search .wrapper section{width:100%;}
#search .wrapper aside .sp_acbox{padding-bottom:3vw;}
#search .sp_acbtn{position:relative;display:block;text-align:center;padding:10px;color:#4bc6bd;margin:0 -4vw;font-weight:bold;
border-top:2px solid #4bc6bd;border-bottom:2px solid #4bc6bd;}
#search .sp_acbtn::before{
	content: "";
    position: absolute;
    top: 50%;
    right: 4vw;
    width: 15px;
    height: 3px;
    transform: rotate(90deg);
    background: #4bc6bd;
    transition: all .2s ease-in-out;
    margin-top:-2px;
    
}
#search .sp_acbtn::after{
	content: "";
    position: absolute;
    top: 50%;
    right: 4vw;
    width: 15px;
    height: 3px;
    background: #4bc6bd;
    margin-top:-2px;
}
#search .sp_acbtn.active::before{transform: rotate(180deg);}
#search aside .tsubosu, #search aside .heibei{margin:4vw 0;}
#search aside .result{margin: 6vw -4vw 0;border-top:none;padding:0 4vw 6vw;}
.c-box .pic{height:30vw;}
.c-box .options li, #detail .wrapper .options li, #contact .scrollwrap_sp table{font-size:1.4rem;}
#search section .scrollwrap{height:auto;}
#favorite .c-box .flex .pic{width:100%;height:54vw;}
#favorite .c-box .flex{flex-direction: column-reverse;}
#words.top .jumpbtns li{width:13%;margin:6px 1.5% 6px 0;}
#words.top .jumpbtns li:nth-child(7){margin-right:0;}
#words.detail h1{font-size:2.6rem;}
#detail .c-head .pcflex li:last-child{margin-top:2vw;justify-content:flex-end;}
}


@media screen and (max-width:930px){
header .gnavi ul li a, footer nav ul li a{padding:0 10px;}
header .gnavi li .Wrap .wrapInner ul li a{font-size:1.4rem;}
footer .flex .Lside{width:60%;}
footer .flex .Lside p br{display:block;}
footer .flex .logo{width:28%;}
.copyright p br{display:block;}
#top.all .area_btns li a .ken li{font-size:1.4rem;}
#top .search-menu .reed h1{width:63%;}
#top .search-menu input.keyword{width:36%;}
#top .search-menu .tsubosu{width:34%;}
#top .search-menu .tsubosu p{right:21%;}
.ar_search .informBox01{width:50%;}
.ar_search .informBox02{margin:0;text-align:center;margin-top:30px;}
#obsession.landmark .fourcard li a .text{height:24vw;}
#inuki.top .about li h2{font-size:1.8rem;}
#inuki.top .about li h2 span{font-size:2.2rem;}
#inuki.nyukyo .sec4 .btn{font-size:2.4rem;line-height:1.3em;}
#detail .jyouhou2 th{width:35%;}
#detail .jyouhou2 td{width:65%;}
#top .slide1 ul li a figure{height:40vw;}
#detail #inuki #thumbs .slick-slide, #detail #inuki #thumbs2 .slick-slide{height:40px;}
#detail .Rside .pcflex{display:block;}
#members.mypage main .flex_btn{flex-direction:column-reverse;align-items:flex-start;margin-top:8vw;}
#members.mypage main .flex_btn .btn{margin-bottom:4vw;}
}

@media screen and (max-width:848px){
#top .search-menu .reed h1{font-size:2.6rem;}
#top.all .area_btns li a{height:300px;}
#top.all .area_btns li a .area h3{font-size:2.8rem;}
#top.all .area_btns li:last-child a .ken li{margin-left:15px!important;}
}

@media screen and (max-width:830px){
header .flex ul li a {font-size: 1.5rem!important;}
header .gnavi>li>a{padding:15px 10px;}
header .gnavi li .Wrap .wrapInner ul li a{padding:10px 5px 10px 20px;}
header .gnavi li .Wrap .wrapInner ul li a::before{left:5px;}
#top .search-menu .reed h1{font-size:2.4rem;}
#top .search-menu .tsubosu p{right:0;}
#top .search-menu .keyword_flex{flex-wrap:wrap;}
#top .search-menu .keyword_flex .btn{width:100%;margin-top:15px;}
#top .search-menu input.keyword{width:58%;}
#top .search-menu .tsubosu{width:40%;}
.ar_search .select_chks .list_type02 li, .ar_search .trainmap_block .list_type02 li{width:33.3%;}
#obsession .fourcard li{margin-top: 30px;}
#obsession .fourcard li a .text h2{font-size:1.6rem;height:5.2rem;}
#obsession.landmark .fourcard li a .text{height:27vw;}
#inuki.top .about li{padding:20px 15px;}
#top .bp ul li a{font-size:2.2rem;}
}

 
/*==========================================*/
@media screen and (max-width: 768px) {
.sp{display:block;}
.pc{display:none;}
#inuki_links{padding:16vw 0;}
.container{width:94%;}
h1.pagehead{font-size:3rem;}
.pagetitle {padding: 8vw 4vw;margin-bottom: 6vw;}
.pagetitle h1 {font-size: 2.8rem;margin:0;}
header{padding:10px 0;}
header .inner{position:relative;width:100%;}
header .flex{padding:0 10px;}
header .flex ul, header .flex .Rside .tel{display:none;}
header .flex .logo img{max-width:180px;}
header .flex button{margin-right:65px;}
#top.all header .flex button{margin-right:10px;}
header .flex button{width:48px!important;height:48px!important;top:50%;transform: translateY(-50%);}
.menu-triggerwrap {
    position: absolute;
    right: 15px;
    top: 50%;
    line-height: 1.2em;
    font-size: 0em;
    cursor: pointer;
    padding: 0;
    z-index: 1000 !important;
    transform: translateY(-50%);
}
.menu-trigger {
    position: relative;
    width: 32px;
    height: 26px;
    right: 0px;
    top: 3px;
}
.menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 4px;
    background-color: #c4b36e;
}
.menu-trigger span:nth-of-type(1) {top: 0;}
.menu-trigger span:nth-of-type(2) {top: 50%;transform: translateY(-50%);}
.menu-trigger span:nth-of-type(3) {bottom: 1px;}
.menu-trigger.active span:nth-of-type(1) {transform: translateY(9.5px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {transform: translateY(-11px) rotate(45deg);}
.spmenubox {
    width: 100%;
    height: auto;
    position: absolute;
    display: none;
    background: #fff;
    top: 55px;
    right:0;
    z-index:100;
    border-top: 1px solid #D5D6D7;
    box-shadow: 0px 8px 16px -2px rgb(10 10 10 / 10%), 0px 0px 9px -8px rgb(10 10 10 / 2%);
}
.menu-list li {padding: 15px 5%;border-bottom: 1px solid #c9c9c9;cursor: pointer;position: relative;line-height: 1.2em;}
.menu-list li a {color: #333;display: block;position: relative;box-sizing: border-box;}
.menu-list li a::after {
    content: "";
    display: block;
    border-right: 1px solid #0057bd;
    border-top: 1px solid #0057bd;
    display: block;
    width: 10px;
    height: 10px;
    transform: rotate(45deg);
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -5px;
}
.spmenubox .menu-list .ac-btn::before {
    position: absolute;
    content: "";
    background: #333;
    width: 15px;
    height: 1px;
    right: 18px;
    top: 50%;
    margin-top: -0.5px;
    transition: all 0.2s ease-in-out;
}
.spmenubox .menu-list .ac-btn::after {
    position: absolute;
    content: "";
    background: #333;
    width: 1px;
    height: 15px;
    right: 25px;
    top: 50%;
    margin-top: -7.5px;
    transition: all 0.2s ease-in-out;
}
.spmenubox .menu-list .ac-btn.open::before {transform: rotate(180deg);}
.spmenubox .menu-list .ac-btn.open::after {opacity: 0;}
header ul li a sup.fNo{width: 20px;height: 20px;right: 30px;line-height:20px;top:50%;transform: translateY(-50%);font-weight:bold;font-size:1.3rem;}
footer .flex{flex-direction: column-reverse;}
footer .flex .logo{width:36%;}
footer .flex .Lside{width:100%;margin-top:20px;}
footer .flex .Lside h6{font-size:2rem;}
footer .flex .Lside p{font-size:1.6rem;}
footer nav ul{flex-wrap:wrap;}
footer nav ul li{margin-bottom:10px;}
footer nav ul li:nth-child(5){border:none;}
footer nav ul li a{padding:0 15px;}
.scrollwrap_sp, .scrollwrap{overflow-x: scroll;border:1px solid #ccc;margin:0 -4%;}
.scrollwrap_sp::-webkit-scrollbar, .scrollwrap::-webkit-scrollbar{height: 18px;}
.pankuzu{font-size:1.4rem;}
h1 {font-size: 3rem;margin-bottom: 8vw;}
#top .bp{background:url(../images/bpbg_sp.jpg) top center no-repeat;background-size:auto;}
#top #popular h2{font-size:2.4rem;}
#top.all .area_btns li{margin-bottom:25px;}
#top.all .area_btns li a{height:auto;}
#top.all .area_btns li a .ken li{font-size:1.6rem;margin:10px 20px 0 0;}
#top.all .twobnrs{margin:0 auto;}
#top .search-menu .reed h1{width:100%;letter-spacing:0.02em;}
#top .search-menu .reed .count .text{display:flex;justify-content:center;align-items:center;top:55%;}
#top .search-menu .reed .count .text p{margin-right:10px;}
#top .search-menu h2{font-size:2rem;}
#top .search-menu input.keyword{width:100%;}
#top .search-menu .tsubosu{margin-top:15px;width:100%;justify-content: flex-start;}
#top .search-menu .tsubosu p{margin-left:15px;}
#top .search-menu .threebtns li a{font-size:1.8rem;padding:15px 10px;}
#top .search-menu .threebtns li a img{max-width:3.6vw;}
#top .search-menu .commit_flex li{width:33%;}
#top .twobnrs{margin:12vw auto 0;} 
#top .twobnrs li.taikyo{margin-bottom:6vw;}
#top.all .twobnrs li.taikyo ul li{width:48%;}
#top.all .twobnrs li.taikyo ul li a{padding:2vw;}
#top .twobnrs li.taikyo::before{width: 14.2vw;height: 14.8vw;}
#top section{padding:12vw 0 14vw;}
#top #featured, #top #recommend{padding:12vw 0 5vw;}
#top #popular .pcflex li{margin-bottom:5vw;}
#top #popular .pcflex li:last-child{margin-bottom:0;}
#top #reason ul{width:60%;}
#top #reason ul li{margin-top:4vw;}
#top #reason ul li .text h3{font-size:2.2rem;margin-bottom:1vw;}
#top #reason ul li .text h4{font-size:2.4rem;}
#top #reason ul li .text h4 span{font-size:4rem;}
#top #reason .ta-r{text-align:left;}
#top .lawyer_box{padding:6vw 5vw 8vw;margin:8vw 0;}
#top .bp{margin:0 -4%;padding:6vw 5vw 7vw;}
#top .bp p{margin:3vw 0 6vw;font-size:1.8rem;}
#top .bp ul li a{font-size:2rem;}
#top .btn.more{width:94%;}
#top .slide1 ul li a figure{height:65vw;}
#top.all #areainfo h1{margin-top:16vw;}
#top #areainfo h2{font-size:2.6rem;margin-bottom:6vw;}
#top #areainfo h3{font-size:2.4rem;padding-bottom:4vw;margin: 10vw 0 5vw;}
#top #areainfo .inner, #column.detail .inner{padding: 6vw 5vw 8vw;}
.ar_search .informBox01{width:100%;margin-bottom:30px;}
.ar_search .informBox01 .selectwrap{width:83%;}
.ar_search .informBox02{margin-top:6vw;}
.ar_search .informBox02 .btn{margin-bottom:4vw;}
.ar_search .selectBox01 ul li{margin-bottom:0;}
#obsession .fourcard li a figure{height:52vw;}
#obsession.landmark .fourcard li a .text{height:auto;}
#obsession .fourcard li a .text {padding:3vw 4vw 4.5vw;}
#obsession .fourcard li a .text h2{height:auto;margin-bottom:1vw;}
#inuki .inuki_floating{display:none!important;}
#inuki.top .accordion{top:25px;}
#inuki.top .accordion ul li:first-child, #inuki .pcflex li:first-child,
#inuki_links .btns li:first-child, #inuki .twobox div:first-child{margin-bottom:6vw;}
#inuki.top .accordion ul li .ac-btn::after{right: 5%;width: 16px;height: 16px;}
#inuki.top .sec2 h1{font-size:2.8rem;line-height:1.4em;margin:10vw 0 5vw;}
#inuki.top .sec2 h1 span::before{top:8px;margin:0;}
#inuki.top .contact_link{padding:6vw;}
#inuki.top .contact_link p{line-height:1.7em;}
#inuki.top .contact_link .btn{padding:20px;font-size:2rem;margin-top:4vw;}
#inuki.taikyo h2, #inuki.nyukyo h2{font-size:2.4rem;}
#inuki.taikyo section, #inuki.nyukyo section{padding:14vw 0;}
#inuki.taikyo .sec1, #inuki.nyukyo .sec1{margin-top:14vw;}
#inuki h2.fukidashi{margin:10vw 0 6vw;padding:4vw;}
#inuki .stepbar p{width:80%;margin:0;padding-left:4%;}
#inuki.taikyo .box, #inuki .twobox div, #inuki .threebox li{padding:6vw;}
#inuki .ac-box{padding:3vw 8vw 4vw 4vw;}
#inuki .ac-box .ac-q::before, #inuki .ac-box .ac-q::after{right:-10px;}
#inuki.nyukyo .sec4 .btn{padding:5vw;}
#inuki .o-box figure .marks li{font-size:1.4rem;line-height:1.8em;padding:5px 15px;}
#inuki .o-box figure .marks li:last-child{margin-right:0;}
#detail #inuki .wrapper .Rside{margin-top:6vw;}
#detail main .container{margin-top:6vw;}
#detail .c-head .pcflex li{flex-wrap:wrap;}
#detail .c-head .pcflex li:last-child{justify-content:flex-start;}
#detail .c-head .pcflex li .keyword_search{margin:0 0 2vw;width:100%;}
#detail .c-head .pcflex li .keyword_search .btn{margin:0;}
#detail .c-head h1{font-size:2.3rem;margin-top:2vw;}
#detail .c-head h1 span{padding:0;display:block;}
#detail .jyouhou{margin-bottom:3vw;}
#detail #b-slider .slick-slide, #detail #b-slider2 .slick-slide{max-width:768px;height:69vw;}
#detail #inuki #b-slider .slick-slide, #detail #inuki #b-slider2 .slick-slide{max-width:768px;height:68vw;}
#detail #inuki #thumbs .slick-slide, #detail #inuki #thumbs2 .slick-slide{height:10vw;}
#detail .gmap{margin:7vw 0 4vw;padding-bottom: 64.25%;}
#detail .wrapper{margin-bottom:8vw;}
#detail .Rside .pcflex .sub_btns{margin:6vw 0 8vw;}
#detail .jyouhou2{font-size:1.4rem;}
#detail .jyouhou2 th{width:32%;padding:10px;}
#detail .jyouhou2 td{width:68%;padding:10px;}
#detail .comment{margin:8vw 0 10vw;}
#detail .toiawase{margin:12vw 0;}
#detail .toiawase .btn{display:block;margin-bottom:4vw;}
#detail .Flist{margin-bottom:10vw;}
.Flist table{width:700px;}
.Flist table td{max-width:120px;}
.Flist table tr th:nth-of-type(1), .Flist table tr td:nth-of-type(1){position: sticky;top: 0;left: 0;width:80px;}
.Flist table tr th:nth-of-type(2), .Flist table tr td:nth-of-type(2){position: sticky;top: 0;left: 80px;width:80px;}
.Flist img.floortype {max-width: 10vw;}
#detail .ruiji li, #members .rireki li{margin-bottom:8vw;}
#detail .ruiji li:last-child, #members .rireki li:last-child{margin:0;}
#detail .irregular .midashi{font-size:2rem;}
#search .irregular .midashi{font-size:1.7rem;}
#detail .subfloat{position:fixed;width:80%;left:10px;bottom:10px;z-index:5;background:#fff;background:#fff;
border-radius:6px;box-shadow: 1px 1px 5px 1px rgb(0 0 0 / 15%);padding:5px 10px 10px;}
#detail .subfloat ul{display:flex;justify-content:space-between;}
#detail .subfloat ul li a{display:block;text-align:center;padding:0 5px;}
#detail .subfloat ul li a img{max-width:36px;}
#detail .subfloat ul li a p{font-size:1.3rem;font-weight:bold;color:#0057bd;line-height:1;margin-top:5px;}
#search h1{font-size:2.2rem;margin:7vw 0 4vw;}
#search aside h2{margin-bottom:3vw;}
#search section .result_head a{padding:4vw;width:100%;}
#search section .result_head .selectwrap{width:100%;margin:4vw 0;}
#search section .result_head p{width:100%;}
#search .floationgScaling{bottom: 8px;top: auto;right: auto;left: 3%;width: 76%;display: flex;justify-content: space-between;}
#search .floationgScaling button{line-height: 2rem;border-radius: 8px;width:48%;padding: 15px 10px;}
#search .floationgScaling button .tsubo{display:none;}
#search section .scalings{padding:4vw 4vw 6vw;margin-bottom:10vw;}
#search section .scalings .midashi{margin-bottom:4vw;font-size:2rem;}
#search section .c-box{padding:4vw 0 16vw;}
.c-box .pic{height:58vw;margin:4vw 0;}
#search section .scrollwrap{margin:4vw auto 0;}
#favorite .selectwrap{width:70%;margin:6vw 0 4vw;}
#favorite .c-box{padding:6vw 4vw 7vw;margin-bottom:12vw;}
#favorite .c-box:last-of-type{margin-bottom:0;}
#favorite .scrollwrap_sp, #contact .scrollwrap_sp{margin:0 -4vw;}
#contact .favs{margin-top:10vw;padding-top:3vw;}
#contact .favs ul{flex-direction: column-reverse;}
#contact .favs ul li .pic{height:54vw;margin-top:5vw;}
#contact .favs ul li h4{font-size:1.6rem;}
#contact .Flist table tr th:nth-of-type(2), #contact .Flist table tr td:nth-of-type(2),
#favorite .Flist table tr th:nth-of-type(2), #favorite .Flist table tr td:nth-of-type(2){position:static!important;width:auto!important;}
#favorite .Flist table tr th:nth-of-type(1), #favorite .Flist table tr td:nth-of-type(1){width:70px;}
#members .confirm .box, #contact .confirm .box {padding:6vw 4vw 7vw;}
#contact main h2{margin-top:12vw;}
#members .box, #contact .box{padding:6vw 4vw 7vw;margin:6vw 0 12vw;}
#members table, #contact .forms  table, #members table tr, #contact .forms  table tr, #members table th, #contact .forms  table th, 
#members table tbody, #contact .forms  table tbody, #members table td, #contact .forms  table td{display:block;width:100%;}
#members table th, #contact .forms  table th{padding:6vw 0 3vw;}
#contact .confirm .forms.box, #members .forms.box{padding-top:0;}
#members.form .input .intro h2{display:block;margin-bottom:5vw;text-align:center;padding-bottom:2vw;line-height: 1.4em;}
#members.form .input .scrollwrap_y{padding:4vw;height:400px;margin:6vw 0;}
#members.mypage .box{padding:0 4vw 7vw;margin-bottom:10vw;}
#login main .container{padding:6vw 0;}
#login main .ta-c{margin-top:16vw;}
#words.top .jumpbtns li{width:31%;margin:6px 3.5% 6px 0!important;}
#words.top .jumpbtns li:nth-child(3n){margin-right:0!important;}
#words.top h3{font-size:2.6rem;margin-top:9vw;}
#words.top .wordlist li{margin-top:4vw;}
#words.top .wordlist li a{font-size:1.6rem;padding:10px 15px;}
#words.detail main .container{padding-top:14vw;}
#words.detail h1{font-size:2.4rem;}
#words.detail .box{padding:6vw 4vw;margin:5vw 0 8vw;}
#staff .s-box{padding:6vw 4vw;}
#staff .s-box figure{width:90%;margin:0 auto 5vw;height: 74vw;margin-bottom:5vw;}
#column.detail .date{font-size:1.8rem;}
#column.detail .category, #favorite .c-box .flex .text h3{font-size:1.6rem;}
#top .slide1 ul li a figure{height:230px;}
#detail .ruiji li a figure, #members .rireki li a figure{max-height:62vw;}
#column.list .container ul li a figure{height:48vw;}
#column ul a figure{height:32vw;}
}

@media screen and (max-width: 692px) {
footer nav ul li a{padding:0 10px;}
}

@media screen and (max-width: 640px) {
footer nav ul li a{padding:0 15px;}
footer nav ul li:nth-child(4){border:none;}
footer nav ul li:nth-child(5){border-right:1px solid #666;}
#top .search-menu .tsubosu p{width:48%;}
#top .search-menu .threebtns{flex-direction:column;}
#top .search-menu .threebtns li{width:100%;margin-bottom:15px;}
#top .search-menu .threebtns li:last-child{margin:0;}
#top .search-menu .threebtns li a img{max-width:7vw;}
#inuki .o-box a figure {height: 68vw;}
}


@media screen and (max-width: 576px) {
footer .container{padding:7vw 0;}
footer .flex .logo {width: 48%;}
.ar_search .select_chks .list_type02 li, .ar_search .trainmap_block .list_type02 li{width:50%;}
#top .twobnrs li.taikyo::before {width: 17.2vw;height: 17.8vw;left:-5.5vw;}
#inuki.top .accordion ul li{font-size:1.5rem;}
#inuki.top .accordion ul li .ac-btn {padding: 10px 40px 10px 20px;}
#inuki.top .sec2{padding-bottom:18vw;}
#inuki.top .sec2 h1{font-size:2.6rem;}
#inuki.top .about{margin-top:18vw;}
#inuki.top .about li{padding:25px 20px;}
#inuki.top .about li h2 span{font-size:2.2rem;}
#inuki .o-box.memberOnly a figure .memberOnly_txt{width:70%;font-size:1.7rem;}
#inuki_links p span{padding: 0 48px;}
#inuki_links p span::before{transform: rotate(65deg);left:-15px;}
#inuki_links p span::after{transform: rotate(-65deg);right:-15px;}
#detail .c-head h1{font-size:2rem;margin-top:2vw;}
#detail .c-head .pcflex li:first-child .mark_today{margin-left:20px;font-size:1.4rem;}
.ar_search .informBox01 p{display:block;margin-bottom:2vw;}
.ar_search .informBox01 .selectwrap{display:block;width:100%;}
.ar_search .informBox01 .tsubosu h6{margin:0 2vw 0 0;}
h5, #top #popular .pcflex li h3, #inuki_links p, #detail main h2, #inuki .twobox div ul li h4, #inuki .stepbar h3, #inuki.taikyo .sec1 h4, #members.form .input .scrollwrap_y h3{font-size: 1.8rem;}
h4, #top .lawyer_box h2, .c-box h2, #inuki .o-box h2, #inuki.top .about li h2, #favorite .c-box .flex .text h2, #inuki.nyukyo h3, #inuki.taikyo .sec3 h3, #members.mypage main h2, #contact main h2, #contact .favs ul li h3,
#members.form .input .inukiDoui, #members.form .input .kiyaku_check, #staff .s-box .name, #column.detail .title{font-size:2rem;}
#inuki .ac-box .ac-q h4{font-size:1.6rem;}
#detail .c-head .pcflex li .keyword_search{margin-bottom:4vw;}
}


@media screen and (max-width: 560px) {
footer nav ul li:nth-child(3){border:none;}
footer nav ul li:nth-child(4){border-right:1px solid #666;}
#top .search-menu .tsubosu p{width:40%;}
}

@media screen and (max-width: 478px) {
footer nav ul li a{padding:0 20px;}
footer nav ul li:nth-child(2), footer nav ul li:nth-child(4){border:none;}
footer nav ul li:nth-child(3){border-right:1px solid #666;}
#top .search-menu .tsubosu p{width:35%;}
}

@media screen and (max-width: 461px) {
footer .flex .logo {width: 54%;}
h6{font-size:1.8rem;}
footer nav ul li a{padding:0 15px;}
footer .flex .Lside h6{font-size:1.8rem;}
#top.all h2.ta-c{margin:6vw 0 4vw;font-size:2rem;}
#top .search-menu .reed h1{font-size:2.2rem;letter-spacing:0;}
#top .search-menu .tsubosu{justify-content:space-between;}
#top .search-menu .tsubosu p{width:32%;font-size:1.3rem;}
#top .search-menu .tsubosu input{width:60px;margin: 0 8px;}
#top.all .twobnrs li.taikyo ul{bottom:3vw;}
#search .floationgScaling button{font-size:1.5rem;}
#column.list .container ul li a figure{height:55vw;}
#column ul a figure{height:62vw;}
}

@media screen and (max-width: 375px) {
#top .search-menu .reed h1{font-size:2rem;}
#detail .subfloat{padding: 5px 0 10px;width:75%;}
#detail .subfloat ul li a p{font-size:1.2rem;}
#inuki_links p{font-size: 1.7rem;}
#inuki_links p span {padding: 0 40px;}
.c-box dl dt{width:14%;}
.c-box dl dd{width:86%;}
}

.cta-btn {
    width:600px;
    line-height:60px;
    margin: 20px auto 10px;
}
.cta-btn a {
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#FFFFFF;
    text-align:center;
    border:1px solid #39437C;
    color:#39437C;
    font-size:18px;
    font-weight:bold;
}
.cta-btn a:hover {
    background:#39437C;
    color:#FFFFFF;
    border:1px solid #39437C;
    box-shadow:none;
}
@media screen and (max-width: 640px) {
    .cta-btn {
        width:100%;
        padding: 0 10px;
    }
    .cta-btn a {
        font-size:14px;
    }
}

#top .slider-pro ul a figure .column_img {
    width: 400px;
    height: 300px;
}