@charset "utf-8";
/* CSS Document */

/*トップページ*/
#slider {width:100%;height:100%;margin:0;padding:0;position:absolute;bottom:0;z-index:0;}
#slider ul{width:100%;height:100%;margin:0;padding:0;}
#slider ul li{width:100%;height:100%;margin:0;padding:0;text-indent:-9999px;z-index:0;background:url(../top/topBCKG01.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;}
#slider ul li:nth-child(1){background-image:url(../top/topSlide01.jpg);}
#slider ul li:nth-child(2){background-image:url(../top/topBCKG07.jpg);}
#slider ul li:nth-child(3){background-image:url(../top/topBCKG04.jpg);background-position:left top;}

body.top #main h3{margin:30px 0 5px 0;font-size:1.724rem;font-weight:bold;color:#390;background:url(../layout/titleH2BCKG00.png) no-repeat left 3px;background-size:40px;padding:0 0 10px 47px;border:0;}


.top01,.top02,.top03{margin:50px 0 0px 0;}
.top01 dl{padding:7.5% 0 8.5%;background:url(../aboutus/howto/point01.png) no-repeat left center;background-size:25%;margin:0px 0 0px 0;}
.top01 dl.point01{padding-left:30%;background:url(../aboutus/howto/point01.png) no-repeat left center;background-size:30%;}
.top01 dl.point02{padding-right:30%;background:url(../aboutus/howto/point02.png) no-repeat right center;background-size:30%;}
.top01 dl.point03{padding-left:30%;background:url(../aboutus/howto/point03.png) no-repeat left center;background-size:30%;}
.top01 dl.point dt{padding:1.25% 0 1.25% 47%;color:#9c0;background:url(../layout/logoStart.gif) no-repeat left center;background-size:45%;font-size:18px;}
.top01 dl.point dd{font-size:25px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:bold;color:#390;line-height:1.3;}
.top01 p{margin-bottom:30px;}

.top02 .servicePoint{margin:20px 0 30px 0;}
.top02 .servicePoint dl{width:31.5333%;border:1px solid #999;float:left;margin-left:1.5%;background:url(../layout/logoStart.gif) no-repeat center 10%;background-size:70%;padding:7.5% 0 3% 0;text-align:center;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
.top02 .servicePoint dl:first-child{margin-left:0%;}
.top02 .servicePoint dl dt{font-size:17px;color:#9c0;}
.top02 .servicePoint dl dd{font-size:15px;line-height:1.35;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.top02 .serviceBox li{}
.top02 .serviceBox li a{font-size:13px;display:block;float:left;border:1px solid #999;height:60px;margin:1.5% 0.75%;color:#390;line-height:1.5;padding:0 1% 0 1%;padding-top:105px;text-align:center;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
/*縦2列時*/
.top02 .serviceBox li a{width:45.754%;background: url() no-repeat center 20%;background-size:55%;}
.iphone .top02 .serviceBox li a{display:block;width:45.574%;}
/*縦3列時
.top02 .serviceBox li a{width:31.287%;background: url() no-repeat center 20%;background-size:75%;}
.iphone .top02 .serviceBox li a{display:block;width:31.087%;}*/
.top02 .serviceBox li:nth-child(3n-1) a{margin:1.5% 0.75%;}
.top02 .serviceBox li:nth-of-type(1) a{background-image:url(../service/icon03.png);}
.top02 .serviceBox li:nth-of-type(2) a{background-image:url(../service/icon04.png);}
.top02 .serviceBox li:nth-of-type(3) a{background-image:url(../service/icon05.png);}
.top02 .serviceBox li:nth-of-type(4) a{background-image:url(../service/icon08.png);}
.top02 .serviceBox li:nth-of-type(5) a{background-image:url(../service/icon09.png);}
.top02 .serviceBox li:nth-of-type(6) a{background-image:url(../service/icon06.png);}
.top02 .serviceBox li:nth-of-type(7) a{background-image:url(../service/icon11.png);}
.top02 .serviceBox li:nth-of-type(8) a{background-image:url(../service/icon02.png);}
.top02 .serviceBox li:nth-of-type(9) a{background-image:url(../service/icon07.png);}
.top02 .serviceBox li:nth-of-type(10) a{background-image:url(../service/icon10.png);}
.top02 .serviceBox li:nth-of-type(11) a{background-image:url(../service/icon01.png);}

.top03 dl dt{color:#390;font-size:25px;line-height:1.35;padding:0.5% 0 0.5% 27.5%;margin:30px 0 15px 0;background:url() no-repeat 0.5% center;background-size:25%;}
.top03 dl:nth-of-type(1) dt{background-image:url(../top/03-1.png);background-size:20%;}
.top03 dl:nth-of-type(2) dt{background-image:url(../top/03-2.png);}
body.china .top03 dl:nth-of-type(2) dt{background-image:url(../top/03-2ch.png);}
.top03 dl:nth-of-type(3) dt{background-image:url(../top/03-3.png);background-size:20%;}
.top03 dl dd{font-size:15px;line-height:1.75;}

p.lowAttention{width:95%;color:#c00;border:solid 1px #c00;background:#fff;text-align:center;margin:15px auto 0px auto;padding:7px;font-size:1.2rem;}
#coverIMG p.lowAttention{width:100%;color:#fff;border:0;background:none;text-align:center;margin:15px auto 0px auto;padding:0px;font-size:1.2rem;}

/*ご利用案内*/
body.howto h4{background:url(../aboutus/howto/01.png) no-repeat left center;background-size:25%;padding-left:105px;}
.iphone body.howto h4{padding-left:95px;}
body.howto h5.step{padding:7px 0 7px 55px;border:0;color:#690;font-weight:bold;background:url() no-repeat left center;background-size:42px;}
body.howto h5.step01{background-image:url(../aboutus/howto/01step.gif);}
body.howto h5.step02{background-image:url(../aboutus/howto/02step.gif);}
body.howto h5.step03{background-image:url(../aboutus/howto/03step.gif);}
body.china h5.step01{background-image:url(../aboutus/howto/01stepch.gif)!important;}
body.china h5.step02{background-image:url(../aboutus/howto/02stepch.gif)!important;}
body.china h5.step03{background-image:url(../aboutus/howto/03stepch.gif)!important;}
body.howto p.step{padding-bottom:65px;background:url(../aboutus/howto/arrow.gif) no-repeat center bottom;background-size:60px;}

body.howto .notice{background:#690;color:#fff;padding:20px;margin:30px auto;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
body.howto .notice h6{font-size:23px;font-weight:bold;margin-bottom:10px;line-height:1.35;}
body.howto .notice h6 span{font-size:12px;display:block;font-weight:normal;}
body.howto .notice a.link{font-size:15px;display:block;text-align:center;background:#fff;color:#690;margin:10px auto 0 auto;padding:10px 0;width:75%;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}

body.howto dl{padding:1.5% 0 3.5%;background:url(../aboutus/howto/point01.png) no-repeat left center;background-size:25%;margin:40px 0 10px 0;font-weight:bold;}
body.howto dl.point01{padding-left:30%;background:url(../aboutus/howto/point01.png) no-repeat left center;background-size:25%;}
body.howto dl.point02{padding-right:30%;background:url(../aboutus/howto/point02.png) no-repeat right center;background-size:25%;}
body.howto dl.point03{padding-left:30%;background:url(../aboutus/howto/point03.png) no-repeat left center;background-size:25%;}
body.howto dl.point dt{padding:1.25% 0 1.25% 57%;color:#9c0;background:url(../layout/logoStart.gif) no-repeat left 1px;background-size:55%;font-size:18px;}
body.howto dl.point dd{font-size:25px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;color:#390;line-height:1.3;}

/*法律相談ページ*/
.service h3{margin:20px 0;}
.service .servicePoint{margin:20px 0 30px 0;}
.service .servicePoint dl{width:31.5333%;border:1px solid #999;float:left;margin-left:1.5%;background:url(../layout/logoStart.gif) no-repeat center 10%;background-size:70%;padding:7.5% 0 3% 0;text-align:center;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;}
.service .servicePoint dl:first-child{margin-left:0%;}
.service .servicePoint dl dt{font-size:17px;color:#9c0;}
.service .servicePoint dl dd{font-size:15px;line-height:1.35;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.service .serviceBox dt{font-size:19px;color:#390;line-height:1.5;padding:13px 0 13px 65px;background:url() no-repeat left center;background-size:17.5%;}
.service .serviceBox dt:nth-of-type(1){background-image:url(../service/icon03.png);}
.service .serviceBox dt:nth-of-type(2){background-image:url(../service/icon04.png);}
.service .serviceBox dt:nth-of-type(3){background-image:url(../service/icon05.png);}
.service .serviceBox dt:nth-of-type(4){background-image:url(../service/icon08.png);}
.service .serviceBox dt:nth-of-type(5){background-image:url(../service/icon09.png);}
.service .serviceBox dt:nth-of-type(6){background-image:url(../service/icon06.png);}
.service .serviceBox dt:nth-of-type(7){background-image:url(../service/icon11.png);}
.service .serviceBox dt:nth-of-type(8){background-image:url(../service/icon02.png);}
.service .serviceBox dt:nth-of-type(9){background-image:url(../service/icon07.png);}
.service .serviceBox dt:nth-of-type(10){background-image:url(../service/icon10.png);}
.service .serviceBox dt:nth-of-type(11){background-image:url(../service/icon01.png);}
.service .serviceBox dd{font-size:15px;margin-bottom:30px;line-height:1.75;}



/*よくある質問ページ*/
dl.faq{margin:30px 0;}
dl.faq dt{margin-top:3px;position:relative;}
dl.faq dt span.man{background:url() no-repeat left top;background-size:59px;position:absolute;left:0;top:0;padding-left:95px;color:#4A80CE;width:59px;height:59px;font-size:13px;}


dl.faq dt:nth-of-type(1) span.man{background-image:url(../service/faq/parson01.gif);}
dl.faq dt:nth-of-type(2) span.man{background-image:url(../service/faq/parson02.gif);}
dl.faq dt:nth-of-type(3) span.man{background-image:url(../service/faq/parson03.gif);}
dl.faq dt:nth-of-type(4) span.man{background-image:url(../service/faq/parson04.gif);}
dl.faq dt:nth-of-type(5) span.man{background-image:url(../service/faq/parson05.gif);}
dl.faq dt:nth-of-type(6) span.man{background-image:url(../service/faq/parson01.gif);}
dl.faq dt:nth-of-type(7) span.man{background-image:url(../service/faq/parson02.gif);}
dl.faq dt:nth-of-type(8) span.man{background-image:url(../service/faq/parson03.gif);}
dl.faq dt:nth-of-type(9) span.man{background-image:url(../service/faq/parson04.gif);}
dl.faq dt:nth-of-type(10) span.man{backgroun-imaged:url(../service/faq/parson05.gif);}



dl.faq dt span.qTxt{background:#9fce47;border:1px solid #999;float:left;margin:20px 0px 10px 80px;color:#000;width:62%;font-size:15px;padding:15px;line-height:1.5;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;position:relative;cursor:pointer;}
dl.faq dt span.arrow{background:url(../service/faq/arrowQ.png) no-repeat;background-size:100%;position:absolute;left:-15px;top:20px;width:15px;height:12px;}
dl.faq dt span{display:block;}

dl.faq dd{margin-top:3px;position:relative;}
dl.faq dd span.man{background:url() no-repeat right top;background-size:59px;position:absolute;right:0;top:0;padding-right:95px;color:#4A80CE;width:59px;height:59px;font-size:13px;}
dl.faq dd:nth-of-type(odd) span.man{background-image:url(../service/faq/lawyer01.gif);}
dl.faq dd:nth-of-type(even) span.man{background-image:url(../service/faq/lawyer02.gif);}



dl.faq dd span.aTxt{background:#fff;border:1px solid #999;float:right;margin:20px 80px 50px 0px;color:#000;width:62%;font-size:15px;padding:15px;line-height:1.5;-moz-border-radius: 6px;-webkit-border-radius: 6px;-khtml-border-radius: 6px;border-radius: 6px;position:relative;}
dl.faq dd span.arrow{background:url(../service/faq/arrowA.png) no-repeat;background-size:100%;position:absolute;right:-15px;top:20px;width:15px;height:12px;}
dl.faq dd span{display:block;}

dt span.rotate{background:url(../service/faq/arrowPlus.png) no-repeat;background-size:100%;position:absolute;right:5px;bottom:5px;width:15px;height:15px;opacity:1;filter:alpha(opacity=100);-webkit-transition: 0.3s ease-in-out;-moz-transition: 0.3s ease-in-out;-o-transition: 0.3s ease-in-out;transition: 0.3s ease-in-out;}
dt span.rotated{opacity:0!important;filter:alpha(opacity=0)!important;}


/*お問い合わせページ*/
body.contact form{margin:0 0 100px;}
body.contact table select{padding:2px 5px;}
body.contact table input{padding:2px;margin-bottom:5px;width:auto;}
body.contact table textarea{width:90%!important;}
body.contact table{border:0;}
body.contact table th{border:0;}
body.contact table td{padding-top:8px;padding-bottom:20px;background:#fff!important;border:0;}
body.contact table td span{display:block;}
span.error{font-size:1.35rem;color:#c00;margin-left:5px;}
span.ex{font-size:1.2rem;}
body.contact span.kiyaku input{margin-right:5px;width:15px;height:15px;vertical-align:middle;}
.mfp_buttons{margin:30px auto;text-align:center;position:relative;}
.mfp_buttons input.sendBTN,.mfp_buttons button{padding:8px 20px;font-size:1.35rem;border:1px solid #ccc;margin:0 10px;border-radius:6px;}
.mfp_buttons input.sendBTN{background:#9c0;color:#fff;border:1px solid #9c0;}

body.contact .contact01{margin:40px 0 100px;}
body.contact .contact01 div{margin-bottom:20px;}
body.contact .contact01 div h5{font-size:1.5rem;font-weight:bold;display:table;padding:5px 10px 4px 10px;line-height:1;}
body.contact .contact01 div p{font-family:Arial Black, Helvetica, sans-serif;font-size:2.6rem;font-weight:bold;margin:5px 0;line-height:1;}
body.contact .contact01 div a{color:#000;cursor:text;}
body.contact .contact01 div p.tel{background:url(../layout/iconTel02.png) no-repeat left 4px;background-size:23px;padding:0 0 0 30px;}
body.contact .contact01 div p.fax{}
body.contact .contact01 div span{display:block;width:100%;font-size:15px;}
.comment{height:200px!important;}


body.contact table{width:100%;box-sizing:border-box;}
body.contact table th,body.contact table td{width:auto;}
body.contact table td input{max-width:100%;}
body.contact table td input[size="40"]{width:auto;}
body.contact table td.add span{display:inline-block;}
body.contact table td.add span.add-building > input{width:250px;}
body.contact table td.kibou span{display:inline-block;}
body.contact table td.kibou input.year{width:6em;}
body.contact table td.kibou input.month{width:4em;}
body.contact table td.kibou input.day{width:4em;}
body.contact table td input.p-postal-code{width:100px;}
body.contact table td.checkbox input[type=checkbox],body.contact table td.checkbox input[type=radio]{display:inline-block;margin-right:3px;vertical-align:middle;}
body.contact table td.checkbox span.wpcf7-list-item{display:inline-block;margin:3px 15px 3px 0;}
body.contact table td.checkbox span.wpcf7-list-item span{display:inline;}


/*事務所紹介ページ*/
body.office table th{text-align:center;width:27.5%;}
body.office table th,
body.office table td{font-size:13px;}
#googleMap{border:1px solid #999;}

/*地図ページ*/


/*弁護士紹介*/

iframe#lawyer{width:100%;box-sizing:border-box;height:1700px;border:0;}

.lawyer h5{display:none;}
.lawyerBox01{margin:30px 0 30px;}
.lawyerBox01 img{float:left;margin:0;width:45%;}
.lawyerBox01 dl{float:left;margin:15% 0 0 5%;}
.lawyerBox01 dl dt{color:#9c0;font-size:25px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.lawyerBox01 dl dt span{font-family:meiryo, Osaka, "ヒラギノ角ゴ Pro W3";color:#666;font-size:11px;display:block;margin:3px 0;}
.lawyerBox01 dl dd{font-size:12px;margin-top:5%;}

.prof{margin:30px 0 50px 0;}
.prof h6{background:#9c0;padding:4px 15px;display:table-cell;color:#fff;font-size:17px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;line-height:1;}
.iphone .prof h6{padding:4px 12px;font-size:14px;}
.prof p{font-size:13px;line-height:1.75;margin:10px 0 15px 0;}
.prof .prof02 div{width:48%;float:left;margin-right:2%;min-height:85px;}
.prof .prof02 div p{margin:10px 0;line-height:1.5;}
.prof .prof02 div:nth-child(even){margin-right:0;}

.prof img{width:100%;}
.prof div.tate{width:65%;margin:0 auto;}

.prof span.imgCaption{text-align:right;display:block;margin-top:5px;}
.prof h4{color:#690;font-size:25px;font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:bold;}

/* 法律相談メール */
body.lowmail form table ul li{width:50%;float:left;font-size:1.35rem;margin-bottom:10px;}
body.lowmail form table ul li input{margin-right:3px;}
body.lowmail form table th{font-size:1.35rem;padding-left:10px;}
body.lowmail form span.hissu{display:block;font-size:1.2rem;}



