@charset "utf-8";

html {font-size: 62.5%;}

body{
	-webkit-print-color-adjust:exact !important;
	print-color-adjust:exact !important;
	margin: 0px;
	padding: 0px;
	overflow:auto;
    background:#fff;
    box-sizing:border-box;
	line-height:1.4em;
	font-size:10px;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif!important;
	font-weight:400;
	color: #333;


}






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




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;}


.container{max-width:1100px;margin:auto;width:94%;padding:10px 0 20px;}
.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%);}
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;}


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




/*footer----------------*/
footer{background:#fff;}

.copyright {background:#e6e6e6;padding:10px;font-size:9px;text-align:center;line-height: 1.48em;}


/*detail------------------------------*/
#detail .c-head{padding-bottom:10px;}
#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:20px;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{margin-bottom:10px;}
#detail main h2{margin-bottom:5px;font-size: 16px;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 #b-slider2 img, #detail #b-slider img, #detail .gmap img{width:473px;}
#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 .wrapper .sub_btns{display:flex;align-items:center;justify-content:flex-end;margin-bottom:15px;}
#detail .wrapper .sub_btns li{margin-left:10px;}
#detail .wrapper .sub_btns li:last-child{margin-left:15px;}
#detail .wrapper .sub_btns li a{display:block;}
#detail .wrapper .sub_btns li .btn_sns img{width:40px;}
#detail .wrapper .sub_btns li .btn_sns:hover{opacity:.6;}
#detail .wrapper .sub_btns li .btn_dl{background:#333;color:#fff;padding:10px 20px;border-radius:8px;}
#detail .wrapper .sub_btns li .btn_dl:hover{background:#ccc;}
#detail .wrapper .sub_btns li .btn_dl span{position:relative;padding-left:28px;}
#detail .wrapper .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;}
#detail .jyouhou2 th{background:#daf1f0;padding:10px;font-weight:400;border-bottom:1px solid #999;text-align:center;width:27%;vertical-align:middle;}
#detail .jyouhou2 td{padding:10px;border-bottom:1px solid #999;width:73%;vertical-align:middle;background:#fff;}
#detail .half th, #detail .half td{width:59%;font-weight:400;}
#detail .half .jyouhou2{border-top:none;}
#detail .half .jyouhou2 th{width:35%;}
#detail .half .jyouhou2 td{width:63%;}
#detail .half .small th{width:37%;}
#detail .half .small td{width:61%;}
#detail .gmap{margin:0px 0;}
#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 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;}

.Flist table td {
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #999;
    background: #fff;
    max-width: 140px;
    width: auto;
}

.Flist table td a {
    display: block;
    padding: 12px 10px;
}
.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;
}
#search aside .selectlist li, .c-box .options li, #detail .wrapper .options li {
    margin: 0 10px 10px 0;
}
.Flist table th {
    background: #ebebed;
    font-weight: 400;
    text-align: center;
    padding: 10px;
    vertical-align: middle;
    line-height: 1.7em;
}
#detail .Flist table th {
    background: #39437c;
    color: #fff;
}
#detail .kome{font-size:85%;}

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


.copyright p br{display:none;}

#detail .c-head .pcflex{display:flex;align-items:center;justify-content:space-between;}
#detail .jyouhou li{margin-right:25px;display:inline-block;}
#detail .jyouhou li:last-child{margin-right:0;}
#detail .wrapper .Lside{width:36%;}
#detail .wrapper .Rside{width:61%;padding-left:3%;}
#detail .toiawase{display:flex;align-items:center;}
#detail .toiawase .btn{margin-right:30px;}
#detail .ruiji, #members .rireki, #column.list ul{display:flex;flex-wrap:wrap;}
#detail .ruiji li, #members .rireki li, #column.list ul li{width:30%;margin-right:5%;}
#detail .ruiji li:nth-child(3n), #members .rireki li:nth-child(3n), #column.list ul li:nth-child(3n){margin-right:0;}

#detail .ruiji li a figure, #members .rireki li a figure{max-height:230px;}

}



@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 h1{font-size:2.2rem;}#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;}

}


/*tablet==============================================*/
@media screen and (min-width:769px) and (max-width:1060px) {


.copyright{font-size:1.2rem;}
#detail .ruiji li, #members .rireki li {width: 32%;margin-right: 2%;}
h1 {font-size: 3.4rem;}
}



@media screen and (max-width:930px){


.copyright p br{display:block;}
#detail .jyouhou2 th{width:35%;}
#detail .jyouhou2 td{width:65%;}
#detail #inuki #thumbs .slick-slide, #detail #inuki #thumbs2 .slick-slide{height:40px;}
}



 
/*スマホ==========================================*/
@media screen and (max-width: 768px) {
.sp{display:block;}
.pc{display:none;}

.container{width:94%;}


h1 {font-size: 3rem;margin-bottom: 8vw;}

#detail .c-head .pcflex li{justify-content:space-between;}
#detail .c-head .pcflex li:last-child{margin-top:3vw;}
#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 .wrapper .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;}
#detail .ruiji li a figure, #members .rireki li a figure{max-height:62vw;}
}



@media screen and (max-width: 576px) {

#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 .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;}

}



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


@media print{
*{
     -webkit-print-color-adjust: exact;
 }
body{
	-webkit-print-color-adjust:exact !important;
	print-color-adjust:exact !important;
	background:url(../images/print_bg.jpg)repeat top left !important;
}

.print_pages {
    size: A4 landscape;
    font-size:10px;
    page-break-before: always;
	white-space: normal;
 	overflow: visible;


}

/*最後のページは改ページを入れない*/
.print_pages:last-child{page-break-after: auto;}


footer .flex .Lside .tel img, footer .flex .logo img{width:200px;}
#detail .wrapper .Lside{width:350px;}
#detail .wrapper .Rside{width:calc(100% - 350px);padding-left:3%;}
#detail #b-slider2 img, #detail #b-slider img, #detail .gmap img{width:350px;}
footer .flex{justify-content:center;}
footer .container{width:100%;}
footer .flex .Lside p br{display:block;}
#detail main .container{padding:10px 0 30;}
#detail .jyouhou2 th, #detail .jyouhou2 td{padding:5px 8px;}
.Flist table td a{padding:5px 8px;}
.Flist table th{padding:5px 8px;}
.Flist img.floortype{width:36px;}
#detail .wrapper{margin-bottom:20px;}
#detail .comment{margin:20px 0;padding:10px;}
.Flist{margin-bottom:10px;}
#detail main .kome{font-size:8px;}
#detail main h2{font-size: 12px;}
#detail .c-head h1{font-size:16px;padding-bottom:5px;}
table{border-collapse: collapse;}
}