@charset "utf-8";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/
html {-webkit-text-size-adjust:100%;}
body {background:#fff; font-family:sans-serif; font-size:3.5vw; font-weight:300; word-wrap:break-word;}
.pc {display:none !important;}
img {width:100%; height: auto;}

/* a */
a {outline:none; color:#000;}

#wrapper {padding:0 0 13vw 0; background: #fff;}

/* margin style */
.mT0 {margin-top:0 !important;}
.mT05 {margin-top:5px !important;}	.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}	.mT20 {margin-top:20px !important;}
.mT25 {margin-top:25px !important;}	.mT30 {margin-top:30px !important;}
.mT35 {margin-top:35px !important;}	.mT40 {margin-top:40px !important;}

/* text style */
.bold {font-weight:bold;}
.red {color:#d00058;}
.txt_r {text-align:right;}

/* float style */
.left_photo, .photo_l {padding:0 0 2em 0; text-align: center;}
.right_photo, .photo_r {padding:0 0 2em 0; text-align: center;}


/*********************************
 *
 * HEADER
 *
 *********************************/
#head {background: #fff; border-bottom:1px solid #e9e9e9;}
#header {position:relative; width:96%; height:16vw; margin:0 auto; line-height:1;}
#header h1 {display: none;  position: absolute; top:2vw; color:#444; font-size:2.6vw;}
#header #logo {position: absolute; top:2vw;}
#header #logo img {width:auto; height:11vw;}
/*
#header .tel_in {position: absolute; top:17vw; left:0; width:100%; background:#215093; text-align: center;}
#header .tel_in .img {display: none;}
#header #tel {color:#fff; font-size:4vw; font-weight: 700;}
#header #tel a {display: inline-block; padding:1vw 0; color:#fff; text-decoration:none;}
*/

/* toggle_btn */
.togglebox {position: absolute; width:10.6vw; height:10.6vw; right:0; top:2.5vw; background:#ccc; z-index:99999; cursor:pointer;}
#nav-toggle {}
#nav-toggle div {position:relative; width:10.6vw; height:10.6vw;}
#nav-toggle span {display: block; position:absolute; height:0.8vw; width:5.7vw; background:#fff; left:2.4vw; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 2.9vw;}
#nav-toggle span:nth-child(2) {top: 4.9vw;}
#nav-toggle span:nth-child(3) {top: 6.9vw;}
.open #nav-toggle div {position:relative; width:10.6vw; height:10.6vw;}
.open #nav-toggle span {}
.open #nav-toggle span:nth-child(1) {top:4.6vw; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);}
.open #nav-toggle span:nth-child(2) {width: 0; left: 50%;}
.open #nav-toggle span:nth-child(3) {top:4.6vw; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);}

/* clone */
 .clone-nav-sp {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    transition: .1s;
    transform: translateY(-100%);
  }
  .is-show {
    transform: translateY(0);
  }
.none {display: none !important;}

/* gnavi */
#gnavi {position:absolute; top:16vw; left:0; width:100%; background:#fff; border-top:1px solid #e9e9e9; z-index: 1000; text-align: center;}
#gmenu {display:none; width:80%; margin:0 auto; padding:0 0 5vw 0;}
#gmenu a {display: block; padding:1.5em 0; border-bottom:1px solid #e6e6e6; border-radius:3px; color:#000; text-decoration: none;}
.tel_in {margin:8vw 0 0 0; padding:0.6em 0; background:#215093; color:#fff; line-height: 1.4; text-align: center;}
.tel_in .img {}
#tel {color:#fff; font-size:5.5vw; font-weight: 700;}
#tel a {display: inline-block; padding:0; border:none; color:#fff; text-decoration: underline;}

/*********************************
 *
 * MAIN
 *
 *********************************/
#main {width:94%; margin:0 auto;}
#pagetop {display: none;}

/*********************************
 *
 * SIDE
 *
 *********************************/ 
#side {}

/* banner-sp */
#banner-sp {margin:8vw auto 0 auto !important;}
#banner-sp ul {list-style-type: none !important; margin:0 !important; padding:0;}
#banner-sp ul li {float:left; width:49%; margin:0 2% 0 0; padding:0;}
#banner-sp ul li:nth-child(even) {margin-right:0;}
#banner-sp ul li img {margin:4vw 0 0 0;}

/*********************************
 *
 * CONTENTS
 *
 *********************************/
#contents {}
#contents ul {list-style-type:disc; margin-left:1.5em;}
#contents ol {list-style-type:decimal; margin-left:1.5em;}

/* h1 */ 
#contents h1 {position:relative; width:100%; height:18vw; margin:4vw 0; background:url(../images/bg_h1.png) right top no-repeat; background-size:cover;}
#contents h1 span {display: inline-block; padding:6vw 0 0 3%; font-size:4vw; font-weight: 700;}

/* text passs */
#tpass { display: none;  overflow:hidden; clear:both; height:50px; padding:10px 0 0 10px; background:url(../images/contents/bg_tpass.gif) repeat-x; margin-left:0 !important; list-style-type:none !important;}
#tpass li {float:left; margin-right:10px; font-size:11px;}
#tpass li.on {background:url(../images/contents/icn_tpass.gif) left center no-repeat; padding-left:13px;}
#tpass li a {color:#20b6bf;}

/* h2 */
#contents h2 {margin:8vw 0 0 0; padding:0.5em 0; border-top:1px solid #e6e6e6; border-bottom: 1px solid #215093; font-size:4vw; font-weight:700; line-height:1;}
#contents h2 span.bg {display:inline-block; padding:0.5em 0 0.5em 22px; background:url(../images/bg_h2.png) left center no-repeat;}
#contents h2 span.bg span {display:inline-block; padding:0 0 0 20px; color:#555; font-size:2.8vw; font-weight:300;}

#contents h3.ttl {margin:8vw 0 0 0; padding:1em 0 1em 22px; background:url(../images/bg_h2.png) left center no-repeat; border-top:1px solid #e6e6e6; border-bottom: 1px solid #215093; font-size:4vw; font-weight:700; line-height:1;}
#contents h3.ttl span {display:inline-block; padding:0 0 0 20px; color:#555; font-size:2.8vw; font-weight:300;}

/* h4 */
#contents h4 {margin:8vw 0 0 0; padding:1em 0 1em 22px; background:url(../images/bg_h2.png) left center no-repeat; border-top:1px solid #e6e6e6; border-bottom: 1px solid #215093; font-size:4vw; font-weight:700; line-height:1;}
#contents h4:first-child {margin-top:0;}
#contents #topmain h4:first-child {margin-top:8vw;}
#contents h4 span {display:inline-block; padding:0 0 0 20px; color:#555; font-size:2.8vw; font-weight:300;}
	
/* p */
#contents p {margin-top:1.2em; line-height: 2;}
#contents .ptxt {margin:1.5em 0 0 0; line-height:2;}

/* inner */
#contents .inner {overflow:hidden; clear:both; padding-top:20px; line-height:1.8;}

/* news */
table.news,
table.info {width:100%}
table.news th, table.news td,
table.info th, table.info td {display: block;}
table.news tr:first-child th, table.news tr:first-child td,
table.info tr:first-child th, table.info tr:first-child td {border:none;}
table.news th,
table.info th {padding:1.2em 0 0 0; border-top:1px dashed #ddd; color:#666; font-size:2.8vw; line-height: 1.2;}
table.news td,
table.info td {padding:0 0 1.2em 0;}
table.news th span.icn,
table.info th span.icn {display: inline-block; background: #215093; width:6em; margin:0 0 0 20px; padding:0.4em 0; color:#fff; font-size:2.8vw; text-align: center; line-height: 1;}

/*********************************
 *
 * FOOTER
 *
 *********************************/
#footer {background:#f2f2f2;}
#footer ul {margin:0; font-size:3vw; list-style-type:none;}
#footer li {}
#footer li a {display:block; padding:1.2em 3%; border-top:1px solid #ddd; color:#6f6f6f; text-decoration:none;}

/* copyright */
#copyright {padding:2.5em 0 1.5em 0; background: #215093; color:#fff; font-size:2.5vw; text-align: center;}

/*********************************
 *
 * TOP
 *
 *********************************/
/*
#mainimg {position:absolute; width:100%; background: #ddd; z-index: 1;}
#imgSlider {width:100%; margin:0 auto;}
#imgSlider img {width:100%; height:auto;}
*/
#mainimg {overflow:hidden; width:100%; height:45vw;}
	#mainimg .slick-slide:focus {outline:none;}
	#mainimg .slick-prev::before,
	#mainimg .slick-next::before {display:none;}
	#mainimg .slick-prev {display: none;}
	#mainimg .slick-next {display: none;}
	#mainimg .single-item li {height:auto;}
	#mainimg .single-item li a {}
#mainimg .single-item li img {width:auto; height:45vw;}
	#mainimg .slick-dots {display: none;}

#home #contents {} /* mainimgの分あける */
#home #banner {margin:0;}
#home #contents .infoBox h2 {margin:6vw 0 0 0;}

/*********************************
 *
 * profile
 *
 *********************************/
dl.profile {}
dl.profile dt {display:block; padding:1em 0 0 0; border-top:1px dotted #ddd; font-weight: 700; line-height: 1.2;}
dl.profile dd {padding:0.6em 0 1em 0; line-height: 1.4;}
dl.profile dt:first-child {padding:0; border:none;}
.btn_pdf {width:300px; margin:0 auto; padding:0 0 6vw 0;}

/*********************************
 *
 * lawyers
 *
 *********************************/
#lawyers_nav {width:100%; margin:15px 0 0 0 !important; padding:0;}
#lawyers_nav li {width:100%; height:80px; margin:0 0 4vw 0; padding:0; background: #ddeefe; list-style-type: none;}
#lawyers_nav li a { display: block; font-size:4vw; font-weight: 700; text-decoration: none !important;}
#lawyers_nav dl {display: table; font-size:5vw;}
#lawyers_nav dl span {font-size:3vw; font-weight: 300;}
#lawyers_nav dl dt { display: table-cell; height:80px;}
#lawyers_nav dl dt img {width:auto; height: 100%;}
#lawyers_nav dl dd {display: table-cell; padding:0 0 0 10px; line-height: 1.4; vertical-align: middle;}

#contents h5 {margin:5vw 0 0 0; padding:2px 3%; background: #ddeefe; font-size:3.5vw;}

dl.history {width:100%; margin:4vw 0 0 0; padding:2vw 0 0 0; border-top: 1px solid #ddd;;}
dl.history dt {display: block; padding:1vw 0 0 0; color:#666; font-size:2.8vw; line-height: 1.2;}
dl.history dd {padding:0 0 1.2vw 0;}

.lawyer_news {margin:7vw 0 3vw 0; padding:0 0 5vw 0;}
.lawyer_news h6 {padding:0.5em 3%; background: #fff; border-top:2px solid #215093; border-bottom:1px solid #e6e6e6; font-size:3.5vw; font-weight: 700;}
.lawyer_news table {}
.lawyer_news .btn {font-size:2.8vw; text-align: center;}
.lawyer_news .btn a { display: block; background: #eee; text-decoration: none;}

.photo_in {}
.photo_in img {margin:1em 0 0 0; width:40vw; height: auto;}


/*********************************
 *
 * contact
 *
 *********************************/
a.tel {color:#215093; font-size:3.5vw;}