@charset "utf-8";
/*
Theme Name: law
Theme URI: https://www.miyata-kotsujiko.com/
Description: 福岡 交通事故被害者相談
Author: kokopelli
Version: 1.0
*/

ul.Sup {display: flex; flex-wrap: wrap; width: 90%; justify-content: center; gap: 0.5rem; margin: 1.5rem auto;}
ul.Sup li{width:calc(96%/2); margin:0;}
.MainBlock {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 0.8rem 0.5rem; box-sizing: content-box; margin: 2rem 0; text-align:center;}
.f-item01 {flex:1 0 30%;} 
.f-item02 {flex:2 0 48%;} 
.f-item03 {flex:3 0 99%;} 


@media (min-width: 0) and (min-width: 770px){
#gHeader .inner {margin-bottom: 10px; padding-left: 0;}
.sp_links,.sp_width,.menu{display:none!important;}
}

body {overflow-x: hidden; margin-left: auto; margin-right: auto;}

div#newsDetail {
    display: unset;
}
.Box > h3.SH3{margin:15px 0!important;}

.alignright {float: right; margin: 0 0 1em 1em;}

ol.ol {list-style: decimal; padding-left: 20px;}

.linkArea ul {list-style: none!important; margin: 2em 0 0!important;}
span.gray {font-family: serif; font-size: 0.9em; font-weight: bold; color: #003A81; background: #EBEFF4;}
#main{display:block;}


@media (min-width: 0) and (max-width: 767px){
.sp_width {}
}

.lptop  {background:#F2F5FA; border-bottom: #F2F5FA 4px solid;}
.lptopinner {max-width: 1000px; margin: 0 auto;	padding: 0;}
.lptopinner  img{display:block; object-fit:contain;}
.Contact {background:#fff; height:100%; overflow:hidden; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-weight:500; font-size:1rem;}
.lpone  {background:#fff; height:100%; overflow:hidden;}
.lptwo  {background: #E7EEF6; height:100%; overflow:hidden;}
.lpcon  {background:#0068B7; padding: 0 35px; height:100%; overflow:hidden;}
.lpinner {max-width: 1000px; margin: 0 auto; padding: 50px; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-weight:500;}
.lpinner p{line-height:1.6;	margin-bottom:1em; font-size:1.2rem; letter-spacing:0.05rem; color:#2D344A;}
.lpinner a {border-bottom:1px; color:#005DB2;}
.lpinner h2 {padding:.5em 0; font-size:2rem; color: #004E9C; margin-bottom:.5em; font-weight:bold; line-height:1.5; text-align:center;}
h2.ListBox {margin: 0!important; background: #004E9C; color: #fff!important;}
.lpinner h3 {color:#004E9C; font-size:1.5rem; margin:50px 0 10px; font-weight:bold; text-align:left; background:#F3F8FC; padding:10px;}
.lpinner h4 {color:#004E9C; font-size:1.2rem; margin:50px 0 10px; font-weight:bold; text-align:left; border-bottom:1px solid #ddd; padding-bottom:10px;}
.lpinner ul{list-style:disc; padding-left:30px;}
.lpinner  ol{list-style:decimal; padding-left:3em; padding-bottom:1em;}
.lpconinner {color:#fff; max-width: 1000px; margin: 0 auto;	padding: 20px}
.lpconinner p{color: #fff; line-height:1.6;	margin-bottom:1em;}
.lpconinner h2 {padding:.0 0 1em; font-size:1.5em; color: #fff;	text-align:center;}
.lpcontact {display:flex; justify-content:space-around;}
.lpconinner dl {width:40%; border:double 6px; margin-bottom:1em;}
.lpconinner dt {text-align:center; height: 1.6em ; font-weight: bold ; padding-top:1em;}
.lpconinner dd.one {font-size:xx-large; text-align:center; padding:.5em;}
.lpconinner dd.two {margin-left: 0px ; text-align:center; padding:.5em;}
a.btn{display: inline-block; color:#fff; border:1px solid #fff; font-weight: 700; line-height: 36px; height: 36px; text-decoration: none; padding: 10px 50px; -webkit-border-radius: 40px; border-radius: 40px;}
a.btnt{display: inline-block; color:#fff; font-weight: 700; line-height: 36px; height: 36px; text-decoration: none; padding: 10px 50px;}
table.lp {width: 100%; box-sizing: border-box; display: table; text-align: center; border-spacing: 0;}
table.lp th, table.lp td {padding: 10px; box-sizing: border-box; border-bottom: 1px solid #eee;}


.linelp h2 {font-size:1.5em; color: #404040; text-align:center; font-weight:bold; margin:1em 0 1.5em;}
.linelp h3 {color:#07B53B; font-size:1.3em; font-weight:bold; margin-bottom:1em; text-align:left; margin:20px auto 30px;}
.litop {display:block; width: 100vw; height: 100vh;}
.lilp  {background: #F2F2F2; height:100%; overflow:hidden;}
.lilpt  {background: #FFF; height:100%; overflow:hidden;}
.lipmap  {height:100%; overflow:hidden; padding:50px 0;}
.li {max-width: 800px; margin: 0 auto; padding:50px;}
.lit {max-width: 800px; margin: 0 auto; padding:25px 50px;}
.li,.lit p{line-height:1.6;	margin-bottom:1.5em;}

ul.nml {list-style: disc; padding-left:1rem; margin-bottom: 1rem;}
ul.nml li{margin:10px 0;}

.choice-point{width:200px; font-size: 1.5rem; background: #FF657A; padding: 4px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em; margin: 15px 0; border-radius: 50px; margin-right:auto; margin-left:auto;}

.exp{margin:1em 0;}
.exp dl{background:#F6F6F6; padding: 20px;}
.exp dt{font-weight: bold; border-bottom:1px solid #ddd;}
.exp dd {padding:10px 0 0;}

#pagePath2 {margin-bottom: 0; padding: 7px 0; border-bottom: 1px solid #3F3D70;}
#pagePath2  ul{margin:0 auto; max-width:1000px;}
#pagePath2 li {margin-right: 5px; display: inline; color: #000; font-size: 14px;}

.acd-check{display: none;}
.acd-label{background: #0068b7; color: #fff; display: block; margin-bottom: 0; padding: 10px; position: relative;}
.acd-label:flast-child{margin-bottom: 1.5em;}
.acd-label:after{background: #00479d; box-sizing: border-box; font-family: "Font Awesome 5 Free"; font-weight:900; content: "\f103"; display: block; padding: 10px 20px; position: absolute; right: 0; top: 0px;}
.acd-content{border: 1px solid #333; display: block; height: 0; opacity: 0; padding: 0 10px; transition: .5s; visibility: hidden;}
.acd-check:checked + .acd-label:after{content: '\f068';}
.acd-check:checked + .acd-label + .acd-content{display:block; height:auto; opacity: 1; padding: 10px; visibility: visible; background:#fff;}

#lawyerinfo ul {list-style-type: none; padding-left: 0; text-align: center;}
#lawyerinfo li {width:49%; margin: 10px; display:inline-block;} 

.flowimg ul{list-style:none;}
ul.flowimg li{display:inline;}

.flex {width: 100%; display:flex;  flex-wrap: wrap;}
.flex dl{width: 50%; flex-direction: row;}
.flex dt {margin: 20px 10px;}

@media screen and (max-width: 480px) { 
.flex dl{width: 100%; flex-direction: column; text-align:center;}
.flex dt {margin: 20px 10px;}
.sptext{font-size:16px; line-height:1.5em;}

.alignright {display: block; float: none!important; margin: 2.5rem auto;}

}

@media screen and (max-width: 768px)
.sp {
    display: block !important;
    margin: 10px 0;
}

/*必要なサポートページ*/
.sup1  {background: #FFF; height:100%; overflow:hidden;}
.sup2  {background: #F2F2F2; height:100%; overflow:hidden;}
.supinner {max-width: 950px; margin: 0 auto; padding:50px;}
.supinner p{line-height:1.6; margin-bottom:1.5em;}

.list1,.list2,.list3,.list4,.list5 {position: relative; background: #EAEEF3; padding: 10px 40px; font-size: 20px;}
.list1:before {content: "1";} 
.list2:before {content: "2";}
.list3:before {content: "3";} 
.list4:before {content: "4";} 
.list5:before {content: "5";} 
.list1:before,.list2:before,.list3:before,.list4:before,.list5:before{display: inline-block; line-height: 45px; position: absolute; padding: 0em; color: white; background: #003A81; font-weight: normal; width: 45px; text-align: center; height: 45px; left: -1.35em; top: 50%; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: solid 3px white;  border-radius: 50%;　　margin-bottom:1em;}

.btn-sup {display: inline-block; padding: 0.3em 1em; text-decoration: none; color: #67c5ff; border: solid 2px #67c5ff; border-radius: 3px; transition: .4s;}
.btn-sup:hover {background: #67c5ff; color: white;}

.cp_qa .cp_qanda {position: unset; margin:0; padding:0; border-left:none;}
.cp_qa .quest {font-weight: bold; position: unset; color: #005DB2; border-bottom: 1px solid #ddd; width:100%; margin-bottom: 5px;}	
.cp_qa .answer{padding-bottom: 2em;}

@media screen and (min-width: 480px) {
.cp_qa *, .cp_qa *:after, .cp_qa *:before {-webkit-box-sizing: border-box; box-sizing: border-box; }
.cp_qa .cp_qanda {line-height: 1.5; position: relative; margin: 0 0 2em 15em; padding: 0 0 0 1em; border-left: 1px solid #ddd;}
.cp_qa .quest {font-weight: bold; position: absolute; bottom: 0em; left: -15em; display: inline-block; width: 14em; text-align: left; color:#005DB2;	font-size:1em;}
.cp_qa .cp_qanda::before {font-family: serif; font-size: 4em; position: absolute; top: -0.4em; left: -3.7em; display: inline-block;	width: 9em;	content: 'Q'; opacity: 0.1;}
.cp_qa .answer {min-height: 3em; padding:0;}
}

.timing ul{list-style: none; display:flex; flex-direction: row; flex-wrap: wrap; padding-inline-start: 0;}
.timing li {width: 23%; background: #fff; margin: 20px 1%; text-align: left; list-style:none;}
.timing li img {width:200px; height:200px;}
.timing li .box {padding: 10px 20px; text-align:center;}
.timing li h3.fl {font-weight: bold; font-size: 18px; color: #466bb0; min-height:60px; }
.timing li p {font-size: 13px;}

a.btn-timing {color: #466bb0; border:1px solid #466bb0; font-size: 16px; text-decoration:none; padding:5px 25px;}
a.btn-timing:hover {color: #fff; background: #466bb0;}
a.btn-radius {border-radius: 100vh;}


@media screen and (max-width: 480px) { 
.timing ul{list-style: none; display:flex; flex-direction: column; text-align:center; padding-inline-start: 0; padding:0 10px}
.timing li {display:contents; background: #FFF; margin: 20px 10px; text-align: left; list-style:none;}
}

/*必要なサポートページここまで*/

@media all and (min-width: 0) and (max-width: 767px) {
.lpone  {background:#fff; height:100%; overflow:hidden;}
.lptwo  {background: #F2F5FA; height:100%; overflow:hidden;}
.lpcon  {display:none;}
.lpinner {max-width: 1000px; margin: 0 auto; padding: 30px 15px; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-weight:500;}
.mainimg{display:block;	width:100%;}
.lpinner p{font-size:1rem; line-height:1.6; margin-top:1em; text-align:justify; color:#222;}
.lpinner h2 {padding:.5em 0; font-size:6vmin; color: #004E9C; margin-bottom:.5em; font-weight:bold; line-height:1.5;}
.lpinner h3 {color:#004E9C; font-size:5vmin; margin:40px 0 10px; font-weight:bold; text-align:left; background:#F3F8FC; padding:10px;}
.lpinner h4 {color:#004E9C; font-size:3vmin; margin:30px 0 10px; font-weight:bold; text-align:left; border-bottom:1px solid #ddd; padding-bottom:10px;}
.lpinner  ul{list-style:disc; padding-left:30px;}
.lpinner  ol{list-style:decimal; padding-left:3em; padding-bottom:1em;}

.linelp{font-size:18px; }
.linelp h2 {font-size:1.3em; color: #404040; text-align:center; font-weight:bold; margin-top:10px;  margin-bottom:15px; line-height:1.5;}
.linelp h3 {color:#07B53B; font-size:1.2em; font-weight:bold; margin-bottom:10px; text-align:center;}
.litop {display:block; width: 100vw; height: auto;}
.lilp  {background: #F2F2F2; height:100%; overflow:hidden;}
.lilpt  {background: #FFF; height:100%; overflow:hidden;}
.lipmap  {height:100%; overflow:hidden; padding:px 0;}
.li {max-width: 800px; margin: 0 auto; padding:25px 10px;}
.lit {max-width: 800px; margin: 0 auto; padding:0 10px;}
.li,.lit p{line-height:1.6;	margin-bottom:1.5em;}

.flowimg ul{list-style:none;}
ul.flowimg li{display:block; margin:5px 0;}
}

/*PC,共通*/
a:hover img{opacity: 0.6;}
.aligncenter {display: block; margin: 0 auto; width:100%; height:auto;}
.alignright {float: right;}
.right {float: right;}
.alignleft {float: left;}
.left {float: left;}
.middle{font-size:.8em;}
.migi {float: right; margin: 0 0 1em 1em;}
.clear{clear:both;}
.up{font-size:1.4em; color:#da4b4e;}
.Box{border:1px solid #ddd; font-size:90%; padding:10px 15px; margin:20px 10px 30px; box-sizing:border-box;}
.Box.gray{background-color: #f5f5f5;}
.Box dt {text-align: center; font-weight: bold; margin: 10px 0 15px; padding: 15px 0 10px; background: #003585; color:#fff; line-height: 1.5;}
.Box2{border:1px solid #ddd; font-size:90%; padding:10px 15px; margin:20px 0 30px; }
.Box2 h4 {background: #F0F5F6; text-align: center; padding: 5px 0; margin-bottom: 15px; box-sizing:border-box;}
div#mov{display: flex; justify-content: space-between; margin-bottom: 80px;}
span.mark {font-weight: bold; background: #FFE566; padding: 0 3px;}
.Mt30{margin-top:30px;}
/*ラベル*/
.labelkoen{font-weight:bold; text-align:center; border: solid 1px #27A235; color:#27A235; padding:5px 10px; margin-right:.5em;}
.labelkeisai {font-weight:bold; text-align:center; border: solid 1px #ff657a; color:#ff657a; padding:5px 10px; margin-right:.5em;}
.labelmedia {font-weight:bold; text-align:center; border: solid 1px #EA5414; color:#EA5414; padding:5px 10px; margin-right:.5em;}
.labelanother {font-weight:bold; text-align:center; border: solid 1px #007BCE; color:#007BCE; padding:5px 10px; margin-right:.5em;}
/*ラベルここまで*/

/*セミナー表*/
#semi dl {width:100%; margin-top:1em; margin-bottom:1em;}
#semi dt { float:left; clear:left; width:10%; border-bottom:1px dotted #ddd; padding-top:1em; padding-bottom:1em; padding-left:0.5em; font-size:80%;}
#semi dd {display:block; width:80%; float:left; border-bottom:1px dotted #ddd; padding-top:1em; padding-bottom:1em; padding-left:0.5em; font-size:80%;}
/*セミナー表ここまで*/

/*おすすめメニュー*/
#reco dl{display: block; width: 235px; margin-right:2.5px; margin-left:2.5px; margin-bottom:1em; float : left;}
#reco dt{text-align:center; height:auto; margin-bottom:0;}
#reco dt img{width:auto; height:auto; max-width:100%; max-height:100%;}
#reco dd:before{content:"▶"; margin-right:2px; color:#DDDDDD;}
#reco dd{padding:1em .5em; margin-bottom:0; border:1px dotted #DDDDDD;}
#reco dd:last-child{padding-bottom:10px;}
#reco dd a{text-decoration:none;}
#reco dd :hover{color:#fff; background-color:#808080;}
#recom dl{display: block; width: 49%; margin:0.5%; float : left;}
#recom dt{text-align:center; height:auto; margin-bottom:0;}
#recom dt img{width:100%; height:auto;}
#recom dd :hover{color:#fff; background-color:#808080;}
#recom dd:last-child{padding-bottom:10px;}
/*おすすめメニューここまで*/

#lawyerinfo div{display:flex;}
#lawyerinfo dl{width: 49%; margin:0 .1em 1em;}
#lawyerinfo dt{text-align:center; height:auto; margin-bottom:0;}
#lawyerinfo dt img{width:100%; height:auto;}
#lawyerinfo dd :hover{color:#fff; background-color:#808080;}

img[class*="wp-image-"],img[class*="attachment-"] {height: auto; max-width: 100%;}

/*SP*/
@media all and (min-width: 0) and (max-width: 767px) {
.aligncenter {display: block; margin:1rem 0 0; width:100%; height:auto;}

#lawyerinfo ul {list-style-type: none; padding-left: 0; text-align: center;}
#lawyerinfo li {margin: 10px; display:block;} 
	
.tabBox {overflow: scroll; margin-bottom: 10px; height: 400px;}
.btmBox .lv li {display: flex; margin: 2%; padding: 2px; min-width: 44%; font-size: 15px; flex-wrap: wrap; justify-content: space-around;}
.btmBox .lv li {float: left; font-weight: bold; line-height: 28px; text-align: center; border: 1px solid #ccc; background-color: #fff;}
.btmBox .lvt li {display: flex; margin: 2%; padding: 2px; min-width: 100%; font-size: 15px; flex-wrap: wrap; justify-content: space-around;}
	
/*ラベル*/
.labelkoen,.labelkeisai,.labelmedia,.labelanother {font-weight:bold; text-align:center; padding:5px 10px; margin-right:1em; }
.labelkoen{border: solid 1px #27A235; color:#27A235;}
.labelkeisai {border: solid 1px #ff657a; color:#ff657a;}
.labelmedia {border: solid 1px #EA5414; color:#EA5414;}
.labelanother {border: solid 1px #007BCE; color:#007BCE;}
/*ラベルここまで*/

/*セミナー表*/
#sem{background: #ddeeff; padding: 50px 10px 40px; max-width:100%;}
#semi{padding: 10px; max-width:100%;}
#semi dl {max-width:500px; margin-right:0; margin-left:0; margin-top:1em; margin-bottom:1em;}
#semi dt { display:block; width:100%; background:#F5F5F5; border-bottom:1px dotted #ddd; padding-top:1em; padding-bottom:1em; padding-left:0.5em; font-size:80%;}
#semi dd {display:block; width:100%; border-bottom:1px dotted #ddd; padding-top:1em; padding-bottom:1em;  padding-left:0.5em; font-size:80%;}
#semi .inner {position:relative;}
/*セミナー表ここまで*/

/*おすすめメニュー*/
#reco dl{display: block; width: 100%; margin:0 auto;}
#reco dt{padding:1em; color:#fff; text-align:center; height:auto; margin-bottom:0;}
#reco dd:before{content:"▶"; margin-right:2px; color:#DDD;}
#reco dd{padding:1em .5em; margin-bottom:0; border:1px dotted #DDD;}
#reco dd:last-child{padding-bottom:10px;}
#reco dd a{text-decoration:none;}
#recom dl{display: block; width: 100%; margin:0 auto;}
#recom dt{padding:1em; color:#fff; text-align:center; height:auto; margin-bottom:0;} 
/*おすすめメニューここまで*/

#lawyerinfo dl{display: block; width: 100%; margin:0 auto;}
#lawyerinfo dt{padding:1em; color:#fff; text-align:center; height:auto; margin-bottom:0;} 

.box3 td{display:block;}
img[class*="wp-image-"],img[class*="attachment-"] {height: auto; max-width: 100%;}
.migit {float:right; margin:10px;}
.migi {float: right; margin-left: 1em; margin-bottom:1em;}
.spc{text-align:center;}
}

.eva{margin:0 auto 30px; max-width:1000px; display:flex;}
.grev{width:50%;}
.grevue{height:400px; padding:4%; background:#fff; overflow:auto;}
.second{border-left:1px solid #eee;}

.grevue h3{background:#62BFED; padding: 0.5em; text-align:center; color:#fff; margin-bottom:1em;}
.grev h3{background:#62BFED; padding: 0.5em; text-align:center; color:#fff; margin-bottom:0; border: 5px solid #EBF5FB}

.grevue .title{font-size: 15px; font-weight: bold; color: #e7711c; padding-bottom: 12px; line-height: 1;}
.grevue .come{margin-left: 50px; position: relative; padding-bottom: 18px; margin-bottom:18px; border-bottom:1px solid #eee;}
/*.grevue .come .icon {border-radius: 50%; color: #fff; font-weight: bold; font-size: 17px; text-align: center; background: #D84F7A;}*/
.grevue .come .icontwo {border-radius: 50%; color: #fff; font-weight: bold; font-size: 17px; text-align: center; background: #2ba9d4;}
.grevue .come .iconthree {border-radius: 50%; color: #fff; font-weight: bold; font-size: 17px; text-align: center; background: #A747B8;}
.grevue .come .iconkoe {width: 36px; height: 36px; position: absolute; left: -50px; line-height: 36px;}
.grevue .come .icon {width: 36px; height: 36px; position: absolute; left: -50px; line-height: 36px;}
.grevue .come .icontwo {width: 36px; height: 36px; position: absolute; left: -50px; line-height: 36px;}
.grevue .come .iconthree {width: 36px; height: 36px; position: absolute; left: -50px; line-height: 36px;}
.grevue .come .name {font-size: 14px; line-height: 1; padding-bottom: 5px;}
.grevue .come .name span {font-size: 13px; letter-spacing: 1px; line-height:1.5;}
.grevue .come .txt {font-size: 12px; line-height: 1.6;}

.grevue .come .icon {border-radius: 50%; color: #fff; font-weight: bold; font-size: 17px; text-align: center;}
.i01 {background: #2ba9d4;}
.i02 {background: #8D6E63;}
.i03 {background: #7B1FA2;}
.i04 {background: #BF360C;}
.i05 {background: #00897B;}
.i06 {background: #EF6C00;}
.i07 {background: #EC407A;}
.i08 {background: #5C6BC0;}
.i09 {background: #004D40;}
.i10 {background: #78909C;}
.i11 {background: #689F38;}

.one-column02 h2.ttl3 {
    font-size: 2rem;
    margin: 50px 0 0;
    color: #003883;
}

.star-rating {position: relative; width: 5em; height: 1em; font-size: 25px;}
.star-rating-front {position: absolute; top: 0; left: 0; overflow: hidden; color: #DF7C36;}
.star-rating-back {color: #ccc;}

.Review {padding: 50px 0; background: #F9FAFF;}
.Review h2{text-align: center; margin-bottom: 50px; font-size: 2rem; color:#003883;}

.melit {display: flex; justify-content: space-between; flex-wrap: wrap; max-width:1400px; margin:0 auto; padding:50px 100px;}
.melit dl {width: calc(94%/3); margin: 1%; box-sizing: border-box; background: #fff; border: 1px solid #ddd;}
.melit dt img { width: 100%; height: auto;}
.melit dd {padding: 10px 20px;}
.melit dd.TextArea {min-height: 300px; font-size:.9rem;}
.melit dd h3 {text-align: center; background: #003883; color: #fff; padding: 10px; margin-bottom: 15px;}
.melit dd p {margin-top: 10px;}
.melit a.Btn { display: block; text-align: center; border: 2px solid #003883; padding: 11px; color: #003883;}

@media (min-width: 0) and (max-width: 767px){
.melit {display: flex; justify-content: space-between; flex-wrap: wrap; max-width:1400px; margin:0 auto; padding:50px 20px; flex-direction:column;}
.melit dl {width: 100%; margin:1% 0; box-sizing: border-box; background: #fff; border: 1px solid #ddd;}
}

.Solution {
    gap: 15px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.Solution dl {
    width: calc(96%/3);
}

.chic {width:100%;	height:100%; overflow:hidden; padding:50px 0;}
.chic img{width:100%;	height:100%; overflow:hidden; }
.chicinner {max-width: 1000px; margin: 0 auto;	padding: 0;}
.chicone,.chictwo {height:100%; overflow:hidden; border-top: 1px solid #d7e8f6; padding:50px 0;}
.chicrev {background:#F9FAFF; padding: 0 35px;	height:100%; overflow:hidden; }
.chictoku {background:#F9FAFF; height:100%; overflow:hidden; }
.chiccontact {background:#00397F; height:100%; overflow:hidden; }
.chicinner {max-width: 1000px; margin: 0 auto; padding:50px 0;}
.recominner {max-width: 700px; margin: 0 auto; padding:50px 0;}
.chicinner p{line-height:1.6;	margin-bottom:1em;}
.chicinner a {border-bottom:1px; color:#005DB2;}

.chicinner h2,.chicrev h2 {font-size: 2em; text-align: center; color: #003A81; border: none; line-height: 1.5em; margin: 20px auto 60px; font-weight: bold;}
.chicinner h3 {color:#50B9EC; font-size:24px; border-bottom: dotted 2px #ddd; margin:20px 0 20px 0; padding:0 0 10px 15px;}
.chicmap h2{padding:.5em; font-size:28px; line-height:1.6; margin:15px 0 10px; text-align:center; color:#444;}

.oneclm {max-width: 1000px; margin: 0 auto;	padding: 0;}
.oneclm h1{margin-bottom: 6px; font-size: 2rem; line-height: 1.56; font-weight: 700; letter-spacing: 0.06em; color: #003883; text-align:center;}
.oneclm h2{margin-bottom: 6px; font-size: 1.5rem; line-height: 1.56; font-weight: 700; letter-spacing: 0.06em; color: #FF8500; text-align:center;}

#chic dl{width: 80%; display:block; margin:0 auto; margin-bottom:5px;}
#chic dt{text-align:center; height:auto; margin-bottom:0;}
#chic dt img{width:100%; height:auto;}

#mov div {display: flex; justify-content: center; flex-wrap: wrap;}
#mov div img{width:100%; height:auto;}

.chcon{position:fixed; left:0; bottom:150px;  z-index:3;}

.committed  {padding-bottom:20px; height:100%; overflow:hidden;}
.c-inner {max-width: 1000px; margin: 0 auto; padding: 0;}
.c-inner h2 {position: relative; font-size: 2em; text-align: center; color: #003A81; border: none; background: no-repeat; line-height: 1.5em; margin: 20px auto 60px;
font-weight: bold;}
.c-inner h2:after{content: ""; position: absolute; bottom: -20px; right: 0; left: 0; margin: auto; width: 20vw; height: 1px; background: #003A81;}

.chicinner h3 {color:#50B9EC; font-size:24px; border-bottom: dotted 2px #ddd; margin:20px 0 20px 0; padding:0 0 10px 15px;}
.c-inner p{line-height:1.6;	margin-bottom:.5em;}

.kdmenu {background:#003A81;; padding: 0;	height:100%; overflow:hidden; }
.kdm-inner {max-width: 1400px; margin: 0 auto; padding: 0;}

.table-ul {display: table; table-layout: fixed; text-align: center; width: 100%;}
.table-ul li {display: table-cell; vertical-align: middle; font-size:.8em; font-weight:bold; padding:1em 0; border-left:1px solid #fff; border-right:1px solid #fff;}
.table-ul li + li{border-left:1px solid #fff; }
.table-ul li a{text-decoration:none; color:#fff;}

.kdone {background:#fff; padding: 0 35px; height:100%; overflow:hidden; }
.kdtwo {background:#F1F1F1;  padding: 0 35px; height:100%; overflow:hidden; }
.kdinner {max-width: 1000px; margin: 0 auto; padding:50px;}
.kdinner p{line-height:1.6; margin-bottom:0.5em;}
.kdinner h2 {font-size: 2em; text-align: center; color: #003A81; border: none; line-height:1.5em; margin:0px auto 40px;
font-weight: bold; font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}

@media all and (min-width: 0) and (max-width: 767px) {
.eva{margin:0 auto; width:100%; display:block;}
.grev{width:100%;}
.grevue{height:200px; padding:2% 4%; background:#fff; overflow:auto; margin-bottom:20px; width:auto;}
.second{border-left:1px solid #eee;}
.chicone,.chictwo {height: 100%; overflow: hidden; border-top: 1px solid #d7e8f6; padding: 10px 0; width: fit-content;}
.chicrev {background:#F9FAFF; padding: 0 5px;	height:100%; overflow:hidden; }
.chictoku {background:#F9FAFF; height:100%; overflow:hidden; }
.chiccontact {display:none;}

.chicinner {margin: 0 auto; padding:0 5px;}
.recominner {max-width: 700px; margin: 0 auto; padding:0px 50px;}
.chicinner p{font-size:16px; line-height:1.6; margin-bottom:1em;}
.chicinner a {border-bottom:1px; color:#005DB2;}

.chicinner h2,.chicrev h2 {position: relative; font-size: 1.5em; text-align: center; color: #444; border: none; background: no-repeat; line-height: 1.2em; margin: 20px auto 30px;
font-weight: bold;}
.chicinner h2:after,.chicrev h2:after{content: ""; position: absolute; bottom: -20px; right: 0; left: 0; margin: auto; width: 20vw; height: 5px; background: #57C2E7;}

.chicinner h3 {color:#50B9EC; font-size:1.2em; border-bottom: dotted 2px #ddd; text-align:center;}

.chicmap h2{padding:.5em; font-size:1.5em; line-height:1.6; margin:15px 0 10px; text-align:center; color:#444;}

#chic{width:100%;}
#chic dl{width: 100%; display: block; margin:0 auto; margin-bottom:5px;}

#mov{width:100%;}
#mov dl{width: 48%; display: inline-block; margin: 1% 0 1% 1%;}
.chcon{display:none}
	
.table-ul {text-align: center; width: 100%;}
.table-ul li {display: block; vertical-align: middle; font-size:1em; font-weight:bold; padding:1em 0; border-bottom:1px solid #fff;}
.table-ul li a{text-decoration:none; color:#fff;}

.kdone {width:fit-content;}
.kdtwo {background:#F1F1F1; width:fit-content;}
.kdinner {max-width: 1000px; margin: 0 auto; padding:50px 0;}
.kdinner p{line-height:1.6; margin-bottom:0.5em;}
.kdinner h2 {font-size: 2em; text-align: center; color: #003A81; border: none; line-height:1.5em; margin:0px auto 40px;
font-weight: bold; font-family:游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;}
.c-inner {max-width: 1000px; margin: 0 auto; padding: 0 5px;}
}

#soudanhyou {padding:20px 0;}
#soudanhyou table{width:100%; padding:20px 0;}
#soudanhyou tr{font-size: 0.8em;}
#soudanhyou tr:first-child{border-top:none;}
#soudanhyou tr:nth-child(2n+1){background:#D9E5F4;}
#soudanhyou th,#soudanhyou td{padding:.5em;}
#soudanhyou th{width:25%; text-align:right;}
#soudanhyou .requied {font-size: 0.8em; color: #FFF; display: inline-block; padding: .2em .7em .1em; background: red; border-radius: 2px; margin-right:5px;}

@media all and (min-width: 0) and (max-width: 767px) {
#soudanhyou th,#soudanhyou td{width:100%; display:block;}
#soudanhyou th{padding-bottom:0; text-align:left;}
#soudanhyou td{padding:0;}
#soudanhyou .requied {font-size: 0.8em; color: #FFF; display: inline-block; padding: 0.3em 0.3em 0.2em; background: red; border-radius: 2px;}
}

#soudanhyou input[type="text"], input[type="email"],  input[type="tel"], extarea {
	width:90%;
}
/*入力欄にフォーカスしたら変化*/
#soudanhyou input[type="text"]:focus, textarea:focus {
    background: #EEFFFF;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
}
/*送信ボタンスタイリング*/
#soudanhyou input.wpcf7-submit {
    border: 1px #009DF5 solid;
    padding: 0.5em 4em;
    border-radius: 5px;
    background: #009DF5;
    color: #fff;
    box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);
    font-weight: bold;
}
/*送信ボタン・マウスオーバー時スタイリング*/
#soudanhyou input.wpcf7-submit:hover {
    background: #006599;
    box-shadow: none;
}

form.sent p{display:none;}


#soudanhyou input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {background:#fff;}
#soudanhyou input.wpcf7-form-control.wpcf7-text,#soudanhyou textarea.wpcf7-form-control.wpcf7-textarea {
    width: 90%;
    padding: 8px 2%;
    margin: 10px;
    border: 1px solid #d0d5d8;
    border-radius: 3px;
}

.su-list ul li {
    position: relative;
    list-style-type: none;
    display: block;
    line-height: 1em;
    margin: 0;
	padding: 1em 2em;
    border-bottom: 1px dashed #05DB;
}
.su-list ul li i {
    position: absolute;
    left: 0;
    top: .8em;
    width: 1.3em;
    height: 1.3em;
    line-height: 1.3em;
    text-align: center;
}

.su-list a {color:#005DB2;}

@media all and (min-width: 0) and (max-width: 767px) {
.fsp {width:100%;}
.fsp ul {display: flex; justify-content: center; list-style:none;}
.fsp img{width:100%; height:auto;}
.contactus  {width:33%; display:inline-block; vertical-align:top; box-sizing: border-box;}
.contactweb  {width:34%; display:inline-block; vertical-align:top; box-sizing: border-box; height: 66px;}
.id-9650 .fsp {display: none;}
}

@media (max-width: 767px) and (min-width: 0){
#sideBar .lBox {float: none; width: 100%; text-align: center;}
}

.case_wrapper {margin: 0 auto 20px; width: 100%;}
.case_wrapper a{ text-decoration:none!important;}

.case_wrapper2 {margin: 0 auto 20px; width: 100%; background: #F3F3F6; box-sizing: border-box; padding:5px 5px 10px; position:relative;font-family: "Helvetica Neue",Helvetica,Arial,YuGothic,"Yu Gothic",游ゴシック体,游ゴシック,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"MS ゴシック","MS Gothic",sans-serif; font-weight:600;}
.case_wrapper2 h3 a {color:#003883!important; text-decoration:none!important;}
.case_wrapper2 a {color:#fff!important; text-decoration:none!important;}
.case_box2 {width: 98%; margin:0 auto; padding:15px; box-sizing: border-box; background-color: #fff; border-radius:10px;}
.case_title2 {width: 98%; margin: 0 auto; text-align: justify; font-weight: bold; background: #F3F3F6; box-sizing: border-box; padding: 10px 15px; color: #142474; font-size:1.2rem;}
div.case_list2 {display: flex; align-items:center; margin-top:5px; font-weight:bold; border-top:1px dashed #ddd; padding-top:8px;}

.case_Date {font-size: .8rem; color: #999; margin:5px 0 0;}
.case_Date ul {display: flex; flex-wrap: wrap; padding: 0!important; margin:0!important;}
.case_Date ul li.SECOND{list-style: none!important; padding-left:10px!important; margin:0!important;}
.case_Date ul li {list-style: none; padding: 0!important; margin:0!important;}

.case_box2 .case_date dl {display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; align-items: center;}
.case_box2 .case_date dl dt {width:90px; margin:5px 0; text-align: center; background: #ddd; padding: 5px; font-size:.8rem;}
.case_box2 .case_date dl dd {width:calc(100% - 120px); padding-left: 15px;}

.case_box2 .case_list2 dl {width:100%; display: flex; flex-wrap: wrap; box-sizing: border-box; align-items: center;}
.case_box2 .case_list2 dl dt {width: 90px; padding:5px; font-weight: 700; margin: 3px 0; background:#25252B; color:#fff; text-align:center; font-size:.8rem;}
.case_box2 .case_list2 dl dd {width:calc(100% - 120px); font-weight: bolder; padding-left:15px; margin:3px 0; font-size:1.5rem; color:#142474;}

.case_rev {position: absolute; bottom: 0; right: 0;}
.case_rev a {display: flex; justify-content: space-between; align-items: center; margin: 0 auto; padding: 5px 10px; color: #fff; font-size: .8rem; font-weight: 700; background-color: #F38200; transition: 0.3s;}
.case_rev a::after {content: ''; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg);}
.case_rev a:hover { text-decoration: none; background-color: #bbbbbb;}

.Case {padding:20px; border-top:1px dashed #ddd; margin-top:15px;}
.Case_inner {display: flex; align-items: center;}
.Case_list {width: 50%; display: flex; align-items: center; justify-content: center; font-size:1rem;}
.Before, .After {text-align: center; width:100%;}
.Flow{width:10%; padding:0 20px; font-size:1.5rem; text-align:center;}
.Point {background: #D9E5F4; text-align: center; width: 40%; padding: 15px; border-radius: 9px; color: #003A81;}

@media all and (min-width: 0) and (max-width: 767px) {
.case_title2 {width:100%; font-size:1rem;}
.case_Date ul li.SECOND{list-style: none; padding-left:0!important; margin:0!important;}
.Case_inner {display: flex; align-items: center; flex-direction:column;}
.Case_list,.Point {width:100%;}
.Case_list {margin-bottom:15px;}
.Before, .After {text-align: center; width:auto;}
}

.case_box {width: 100%; height: 10%; margin: 10px auto; padding:15px; box-sizing: border-box; background-color: #fff; border: #409cc5 solid 1px; position:relative;}
div.case_date, div.case_profile {color: #555; font-size: .9rem; padding-left:0;}
.case_term {width: 100%; margin: 0 auto 6px; color: #fff; font-size: 1rem; padding-left:0 !important;}
.case_title {width: 100%; margin: 0 auto; text-align: justify; font-weight:bold; margin-bottom:5px;}

hr.case_hr {width: 100%; margin: 15px 0 !important; border:1px dashed #409cc5;}
div.case_list {display: flex; align-items:center; margin-top:5px; font-weight:bold;}

span.case_label {font-size: .8em; background: #00349A; padding: 4px; text-align: center; color: #FFF; font-weight: bold; letter-spacing: 0.05em; margin-right:10px; display:inline-block; min-width:80px;}
span.date_label {font-size: .9em; background: #EFEFEF; padding: 5px 10px; text-align: center; color: #111; font-weight: bold; letter-spacing: 0.05em; margin:0 10px 0 0;}
span.point_label_one {font-size: .8em; background: #DF6193; padding: 4px; text-align: center; color: #fff; font-weight: bold; letter-spacing: 0.05em; margin:0 10px 0 0; border-radius:3px;}
span.point_label_two {font-size: .8em; background: #409CC5; padding: 4px; text-align: center; color: #000; font-weight: bold; letter-spacing: 0.05em; margin:0 10px 0 0; border-radius:10px;}
span.label_up {font-size: .1em; background: #da4b4e; padding: 4px; text-align: center; color: #fff; font-weight: bold; letter-spacing: 0.05em; margin:0 10px 0 0; border-radius:10px;}


@media (max-width: 767px) and (min-width: 0){
.case_box {display:table; width: 100%; height: 10%; margin: 0 0 10px; padding: 15px 10px 5px; box-sizing: border-box; background-color: #fff; border: #409cc5 solid 1px;}

.col3 {width:100%;}
.col3 ul {display: flex;}
.col3 li {width: calc(100% / 3);}
.col3 img {width:99%; height:auto;}

.oneclm h1{margin-bottom: 6px; font-size: 1.5rem; line-height: 1.56; font-weight: 700; letter-spacing: 0.06em; color: #003883; text-align:center;}
.oneclm h2{margin-bottom: 6px; font-size: 1rem; line-height: 1.56; font-weight: 700; letter-spacing: 0.06em; color: #FF8500; text-align:center;}

	
}

@media screen and (min-width: 768px) {
  .spbr{display: none;}
}

.linkBox h2 { margin-bottom: 0; padding-bottom: 11px; font-size: 31px; color: #003883; text-align: center; line-height: 1.2; border-bottom: 1px solid #fff;}
#case h1 {text-align: center; font-size: 36px; color: #003385; margin: 0 auto 40px;}
#case h1 span {color: #E54627;}

@media (max-width: 767px) and (min-width: 0){
.linkBox h2 {margin-bottom: 0; padding-bottom: 5px; font-size: 18px;}
	#case h1 {font-size: 20px; line-height: 160%; margin-bottom: 10px;}
	#case h1 span {display:block;}
}

.wpcf7 form div.visible-only-if-sent {
  display: none;
}
 
.wpcf7 form.invalid div.visible-only-if-sent {
  display: block;
}

/*弁護士費用*/
.fee-btn table{margin:0 auto; background:#F0F5F6;}
.fee-btn table,.fee-btn tbody,.fee-btn tr{width:100%;}

.fee-btn td{width:50%; padding:20px; text-align:center;}

.banner-koe{display: flex; flex-wrap:wrap; justify-content:center;}
.banner-koe li{padding:5px; box-sizing:border-box;}
.banner-koe img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }


.banner3{display: flex; flex-wrap:wrap;}
ul.banner3 {padding:0!important;}
ul.banner3 li {width: calc(94%/3); margin:0 1%; box-sizing:border-box; list-style:none!important;}
ul.banner3 li img {max-width:100%; height: auto;}

.banner4{display: flex; flex-wrap:wrap;}
.banner4 li {width: calc(100%/4);/*←画像を横に4つ並べる場合*/ padding:0 5px; box-sizing:border-box;}
.banner4 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.bannerLP{display: flex; flex-wrap:wrap;}
.bannerLP li {width: calc(94%/3);/*←画像を横に3つ並べる場合*/ padding:0 5px; box-sizing:border-box;}
.bannerLP li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.bannerLP2{display: flex; flex-wrap:wrap;}
.bannerLP2 li {width: calc(94%/3);/*←画像を横に3つ並べる場合*/ padding:0 5px; box-sizing:border-box;}
.bannerLP2 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

@media (max-width: 767px) and (min-width: 0){
ul.banner3 li {width: 98%;}
ul.banner3 li img {max-width:100%; height: auto;}
.fee-btn table,.fee-btn tr{display:block; width:100%;}
.fee-btn td{padding:20px; display:inline-block;}
}

a.btn-fee01{background: #003585;}
a.btn-fee02{background: #75C4F0;}
a.btn-fee03{background: #6DC3D4;}
a.btn-line{background: #01B901;}
a.btn-fee01,a.btn-fee02,a.btn-fee03,a.btn-line {display: inline-block; padding:1em; text-decoration: none!important; color: #FFF!important; border-bottom: solid 4px #eee; border-radius: 3px; min-width:250px; text-align:center;}
a.btn-fee01:hover,a.btn-fee02:hover,a.btn-fee03:hover,a.btn-line:hover {-webkit-transform: translateY(4px); transform: translateY(4px);/*下に動く*/ border-bottom: none;/*線を消す*/}

.one-column  {background:#F2F5FA; overflow:hidden;}
.one-column01  {background:#fff; overflow:hidden;}
.one-column02  {background:#F8F9FA; overflow:hidden;}
.one-column03  {background:#F9F9F9; overflow:hidden;}
.one-column04  {background:#F7F4ED; overflow:hidden;}
.one-column01,.one-column02,.one-column03,.one-column04 {font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;}
.one-column01 h1 {font-weight:500px; font-size:1.8rem; color: #003A81; letter-spacing:.1em; margin-bottom:.5em; text-align:center; line-height:1.5;}

.one-column01 h2,.one-column02 h2 {text-align: center;}
.one-column01 h2 span,.one-column02 h2  span{font-size:80%; color:#000;}
.one-column01 h2.TTL,.one-column02 h2.TTL {font-size: 1.5em; color: #003383; display: block; margin: 50px auto 10px; text-align: center; letter-spacing:.1em; line-height:1.5;}

.one-column01 h3.TTL1,.one-column02 h3.TTL1 {font-size: 1.5rem; padding-bottom: 15px; display: block; margin-bottom: 10px;}
.one-column01 h3.TTL2,.one-column02 h3.TTL2 {text-align:center; font-size: 1.5rem; display: block; margin:50px 0 20px;}


.kyusyu {background: url(https://www.miyata-kotsujiko.com/wp-content/uploads/2021/09/kyusyu03.png); background-size: contain; background-repeat: no-repeat;
 background-position: 50% 50%;}

.one-columnbentoku  {background:#F2F3F7; overflow:hidden;}

.one-inner > img.aligncenter {display: block; margin: 0 auto; width: 100%; height: auto;}

.one-inner {width:1000px; max-width:100%; margin:0 auto; padding:30px 20px; box-sizing:border-box;}
.one-inner p {line-height: 1.5; margin-bottom: 1em;}
.one-inner h2.ttl1,.one-inner h2.ttl2,.one-inner h2.ttl3 {font-weight:500px; font-size:1.3rem; letter-spacing:.1em; margin-bottom:1.5em; text-align:center; line-height:1.5;}
.one-inner h2.ttl1 {color: #fff;}
.one-inner h2.ttl2 {color: #000;}
.one-inner h2.ttl3 {color: #003883;}
.one-inner h2.Box {font-size: 1.2rem; color: #fff; margin: .5em; text-align: center; line-height: 1.5; background: #003A81; padding: 10px;}

.sodanmenu-inner {width:1000px; max-width:100%; margin: 0 auto; padding:30px 10px; box-sizing:border-box;}
.sodanmenu-inner h2.Box {font-size: 1.2rem; color: #fff; margin:0 auto; text-align: center; line-height: 1.5; background: #003A81; padding: 10px;}

.one-inner h3.ttl1 {font-size:1.4rem; color: #50B9EC; margin:.5em; text-align:center; line-height:1.5;}
.one-inner h3.ttl2 {font-size:1.2rem; color: #003A81; margin:.5em; text-align:center; line-height:1.5;}
.one-inner p:first-child{line-height:1.5; margin-bottom:1em;}
.one-inner p:last-child{margin-bottom:0;}

.sentaku {background: url(/img/works-bg.webp) no-repeat center center/cover;}
.sentaku-inner {padding:50px 20px;}
.sentaku-inner h2.ttl1 {font-size:1.4rem; color: #50B9EC; margin:.5em; text-align:center; line-height:1.5;}

.banner2{display: flex; flex-wrap:wrap; margin-bottom: 30px;}
.banner2 li {width: calc(100%/2);/*←画像を横に2つ並べる場合*/ padding:0 5px; box-sizing:border-box; text-align:center;}
.banner2 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }
.banner2box {text-align:center; border-bottom:none!important;}
.banner2 h3.ttl01 {background:#50B9EC; color:#fff; padding:5px;}
.banner2 h3.ttl02 {background:#01B901; color:#fff; padding:5px;}

.banner3{display: flex; flex-wrap:wrap; margin-bottom: 30px;}
.banner3 li {width: calc(100%/3);/*←画像を横に3つ並べる場合*/ padding:0 5px; box-sizing:border-box; text-align:center;}
.banner3 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.banner4{display: flex; flex-wrap:wrap; margin-bottom: 30px;}
.banner4 li {width: calc(100%/4);/*←画像を横に4つ並べる場合*/ padding:0 5px; box-sizing:border-box; text-align:center;}
.banner4 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

/*弁護士費用関係*/
/*横並びリスト*/
ul.yoko{display: flex;align-items:center; justify-content:center; padding:0; margin:1em 0; list-style:none;}
.yoko li {padding:0; box-sizing:border-box; text-align:center;}
.yoko li.text {position:absolute;}
.yoko li img {width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }
.yoko li.text  {position:relative;}
.yoko li.text p.yoko-text {position:absolute; top:10%; left:30%; padding:20px; text-align:left; margin:0;}
.yoko li.text p.sup-text {position:absolute; top:50%; left:50%; transform:translate(-50%); width:fit-content; margin:0; font-size:.9em; line-height:1; }
.yoko li.text p.sup-text2 {position:absolute; top:60%; left:50%; transform:translate(-50%); width:fit-content; margin:0; font-size:.9em; line-height:1; }
p.sup {font-size:1.2em; text-align:center;}
p.sup span{color:#0587D7;}

@media (max-width: 767px) and (min-width: 0){
.yoko li.text p.yoko-text {position:absolute; top:-5%; left:30%; padding:20px; text-align:left; margin:0; font-size:11px!important;}
}

/* タブ切り替え */
.tab-wrap {display: flex; flex-wrap: wrap; margin:0 auto; width:1100px;}
.tab-wrap:after {content: ''; width: 100%; height: 3px; background: DeepSkyBlue; display: block; order: -1;}
.tab-label {font-size:1.3em; color: White; background: LightGray; font-weight: bold; text-shadow: 0 -1px 0 rgba(0,0,0,.2); white-space: nowrap; text-align: center; padding: 20px .5em; order: -1; position: relative; z-index: 1; cursor: pointer; border-radius: 5px 5px 0 0; flex: 1;}
.tab-label:not(:last-of-type) {margin-right: 5px;}
.tab-content {width: 100%; height: 0; overflow: hidden; opacity: 0;}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {background: DeepSkyBlue;}
.tab-switch:checked+.tab-label+.tab-content {height: auto; overflow: auto; opacity: 1; transition: .5s opacity; box-shadow: 0 0 3px rgba(0,0,0,.2);}
/* ラジオボタン非表示 */
.tab-switch {display: none;}


@media (max-width: 767px) and (min-width: 0){
.banner-koe{display: block;}
.banner-koe li {width:100%; padding:5px; box-sizing:border-box;}
.banner-koe li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.banner3{display: flex; flex-wrap:wrap;}
.banner3 li {width: calc(100%/2); padding:5px; box-sizing:border-box;}
.banner3 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.banner4 li {width: calc(100%/2); padding:5px; box-sizing:border-box;}
.banner4 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.bannerLP li {width: calc(100%/3); padding:5px; box-sizing:border-box;}
.bannerLP li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.bannerLP2 li {width:100%; box-sizing:border-box; margin:10px 0;}
.bannerLP2 li img {max-width:100%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }
	
ul.yoko{display: block; width:100%;}
.yoko li {display: block; width:100%;}
.yoko li.text p.yoko-text {position:absolute; top:2%; left:30%; padding:15px; text-align:left; margin:0; font-size:.8em;}
.yoko li.img img {max-width:80%; /*画像のはみだしを防ぐ*/	height: auto; /*画像の縦横比を維持 */ }

.one-column-top h1 {font-size:1.3rem;}
.one-inner h2.ttl1,.one-inner h2.ttl2,.one-inner h2.ttl3 {font-size:1.1rem;}

.tab-label {font-size:1em;} 	
.tab-wrap {display: flex; flex-wrap: wrap; margin:0 auto; width:100%;}
.one-inner p {font-size:16px!important; line-height: 1.5; margin-bottom: 1em; text-align:justify;}

.cus-koe{background:#EEF4FA; padding:10px; max-width:500px;　margin:5px;}
.cus-koe .text{max-width:400px;}

}

.Lpslide-wrap{display: flex; display:-webkit-box; display:-ms-flexbox; overflow-x: scroll; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; scroll-snap-type: x mandatory; padding:0 0 1em;  margin:0 0 2em 0; scroll-behavior: smooth;}
.Lpslide-wrap .Lpslide-content{flex: 0 0 90%; height:100%;}
@media screen and (max-width: 480px){
.Lpslide-wrap .Lpslide-content {flex: 0 0 88%; margin: 0px 5px; scroll-snap-align:center;}
}

.sodan-menu ul{list-style:none; display:table;}
.sodan-menu li{padding:5px 0; width:100%; border-bottom:1px solid #ddd;}
.sodan-menu li:first-child{border-top:1px solid #ddd;}
.sodan-menu a{display:flex;}
.sodan-menu .pict {width: 80px; height:80px; margin:0 15px;}
.sodan-menu .text {display:flex; vertical-align:middle; color:#000; font-size:18px; font-weight:bold; align-items:center;}

.modal-wrapper {z-index: 999; position: fixed; top: 0; right: 0; bottom: 0; left: 0; padding: 60px 10px; text-align: center;}
.modal-wrapper:not(:target) {opacity: 0; visibility: hidden; transition: opacity .3s, visibility .3s;}
.modal-wrapper:target {opacity: 1; visibility: visible; transition: opacity .4s, visibility .4s;}
.modal-wrapper::after {display: inline-block; height: 100%; margin-left: -.05em; vertical-align: middle; content: ""
}
.modal-wrapper .modal-window {box-sizing: border-box; display: inline-block; z-index: 20; position: relative; width: 70%; max-width: 600px; padding: 30px 30px 15px; border-radius: 2px; background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .6); vertical-align: middle}
.modal-wrapper .modal-window .modal-content {max-height: 80vh; overflow-y: auto;}
.modal-overlay {z-index: 10; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, .8)
}
.modal-wrapper .modal-close {z-index: 20; position: absolute; top: 0; right: 0; width: 35px; color: #95979c!important; font-size: 20px; font-weight: 700;line-height: 35px; text-align: center; text-decoration: none;
  text-indent: 0}
.modal-wrapper .modal-close:hover {color: #2b2e38 !important}

.List a,.supList a{position: relative; display: flex; flex-direction:inherit; align-items:center; margin: 0; padding:10px 30px 10px 10px; background: #FFF; color: #003B81; font-weight: bold; text-decoration: none; min-height:50px;}
.List a:before,.supList a:before{display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 15px; width: 10px; height: 10px; margin-top: -5px;  background: #003B81;}
.List a:after,.supList a:after{display: block; content: ""; position: absolute; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 50%; right: 20px; width: 10px; height: 10px; margin-top: -5px;  background: #F9FAFF;}

img.mr10{margin-right:10px;}

.Designed a{text-decoration:none; color:#000;}

.scroll-Area{height:500px; border:1px solid #eee; padding:10px; overflow:scroll;}

.keisai{background:#EAE8EC; overflow:hidden;margin: 0 calc(50% - 50vw); margin:50px 0;}
.keisai2{background:#FFF; overflow:hidden;margin: 0 calc(50% - 50vw); margin:50px 0;}
.inner1000{max-width:1000px; margin:0 auto;}
.inner1200{max-width:1200px; margin:0 auto;}

.jiho ul{width:100%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.jiho li{width:calc(100%/3.3); margin:15px 0 0; overflow:hidden; position:relative;}
.jiho h3 {text-align:center; color:#fff; font-weight:bold; background:#003385; position:absolute; font-size:.8rem;}
.jiho a {text-decoration:none; display:block;}

.jihojya ul{width:100%; display:flex; flex-wrap:wrap;}
.jihojya li.w30{width:30%;}
.jihojya li.w70{width:70%;}

ul.banner3 li{padding:0!important;}
ul.banner3 li{list-style:none;}
ul.banner3 li:before{content:none!important;}

/*この記事を書いた人*/
.Auther {display: flex; border: 1px solid #eee; padding: 15px; justify-content: space-between; width: 100%; position: relative; box-sizing: border-box; margin:1em 0; background:#F8F9FA;}
.Auther img {flex-basis: 20%; justify-content: space-between; flex-direction: column;}
.Auther_text {display: flex; justify-content: space-between; flex-direction: column; align-items: stretch; flex-basis: 80%; width: 100%; margin: auto 0;}
.Auther_text h3 {color: #003883; border-bottom: 1px solid #ddd; padding-bottom: 5px; line-height:1; display: flex; align-items: center; justify-content: flex-start;}
.Auther_text h3 span{color: #003883; padding: 5px 10px; margin-right:10px; font-size:.8em; border:1px solid #003883; vertical-align:middle; background:#fff;}

.Auther_text p {padding: 0!important; font-size: 13px!important; margin-top:1em; margin-bottom:0!important;}
.AuthorProfile {position: absolute; right: 15px; top:15px; background: #000; padding: 0 10px; text-align: center; font-size: 0.5em; color: #fff;}
.AuthorProfile a{text-decoration:none!important; color: #fff!important;}

@media screen and (max-width: 480px){
.Auther {padding: 15px 10px 30px;}
.Auther_text {padding-left:10px;}
.Auther_text p {margin-top:1em!important; margin-bottom:0!important;}
.AuthorProfile {top:auto; bottom: 0; right:0;}
}

/*引用*/
blockquote {position: relative; padding: 10px 15px 10px 50px; box-sizing: border-box; font-style: italic; border: solid 1px #EFEFEF; color: #464646; margin-bottom:1em;}
blockquote:before{display: inline-block; position: absolute; top: 10px; left: 0; content: "“"; font-family: sans-serif; color: #D9E5F4; font-size: 90px; line-height: 1;}
blockquote p {padding: 0; margin: 10px 0; line-height: 1.7;}
blockquote cite {display: block; text-align: right; color: #888888; font-size: 0.9em;}

#secound #conts ul {counter-reset: item; list-style-type: disc; padding-left: 4em; margin: 1.5em 0;}

/*お客様の声紹介*/
.csv dl {padding: 15px 15px 5px; background: #F7F7F7; margin: 0 0 15px;}
.csv dd {padding-top:15px;}

/*テキスト・画像横並び*/
.section06 .wrap {display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap;}
.section06 .wrap:not(:last-child) {margin-bottom: 80px;}
.section06 .wrap:nth-child(even) {flex-direction: row-reverse;}
.section06 img {display: block;	width:35%;height:fit-content;}
.section06 .box {width: 60%;}

@media screen and (max-width: 480px){
.section06 .wrap {flex-direction:column;}
.section06 .wrap:not(:last-child) {margin-bottom: 50px;}
.section06 .wrap:nth-child(even) {flex-direction: row-reverse;}
.section06 img {display: block;	width:100%; height:auto; margin-bottom:20px;}
.section06 .box {width: 100%;}
}

/*解決実績*/
.box3 th {width:25%; height: 45px; text-align:center; background:#F0F0F1; color:#333; font-size:90%; padding:0 20px;}
.box3 td {padding:0 10px;}

@media screen and (max-width: 480px){
.box3 table {width: 100%; margin: 0 auto;}
.box3 th {width:100%; height:auto; display: block; padding: 5px 0 2px 10px; margin-bottom:10px; text-align:left; box-sizing:border-box;}
.box3 td {margin-bottom:10px;}

/*リスト*/
#secound #conts ul.ul {padding-left: 20px; display: block; box-sizing: border-box; list-style: disc; list-style-position: inside; text-indent: -20px; margin:10px 20px;}
#secound #conts ul.ul li{margin-bottom:15px;}

.mobile {padding: 0 10px;}	
}

.Annotation{background:#efefef; padding:10px; margin:15px 10px; box-sizing:border-box;}
.Annotation > ul.list {list-style: none!important; margin: 0!important; padding: 1em 1em 1em 2em!important;}
.Annotation > ul.list li{text-indent:-1em; margin-bottom:0!important; margin-top:1em;}
.Annotation > ul.list li:first-child{margin-top:0;}
.Annotation > ul.list li:before{display:inline; content:"※";}

.Lp-contact {background: #EBF1F6; padding: 30px 15px;}
.Lp-contact img {display: block; margin: 0 auto;}
.Lp-contact ul {display: flex; justify-content:space-evenly;}
.Lp-contact .mt15 {margin-top:15px;}
.Lp-contact .mt30 {margin-top:30px;}
.Lp-contact p{font-size:10px; line-height:1.2; padding:0 10px;}
.Lp-contact p a{text-decoration:underline;}

.Lpbox {display: flex; width: 100%; justify-content: flex-start; box-sizing: border-box; background:#F9FAFF; padding: 5px 15px; margin:5px 0;}
.Lpbox-Tit {background: #00397D; text-align: center; padding:10px; color: #fff; height: 20px; width: 15%; margin-right: 5px; font-weight: bold; font-size: .8rem;}
ul.Nine {display: flex; justify-content: space-between; width: 90%; align-items: center;}
ul.Nine li {background: #fff; width: calc(100% - calc(100%/9) - 15%); margin: .5%; padding: 5px; text-align: center; border: 1px solid #ddd; font-size:.9rem; color:#000;}
ul.Nine li.red {border:1px solid #da4b4e;}
ul.Nine li.red a{color:#da4b4e!important;}
ul.Nine a{color:#000;}

ul.Four {display: flex; justify-content: space-between; width: 90%; align-items: center;}
ul.Four li {background: #fff; width: calc(100% - calc(100%/4) - 15%); margin: .5%; padding: 5px; text-align: center; border: 1px solid #ddd; color:#000;}
ul.Four a{color:#000;}
ul.Four li.red {border:1px solid #da4b4e;}
ul.Four li.red a {color:#da4b4e!important;}

#case{margin-bottom:0!important;}


.side-contact {position:fixed; right: 0; top: 25%; width: 100px;}
.side-contact img{opacity:0.9;}



/*.modal_trigger {margin: 100px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap:wrap;}
.modal_trigger li {border: 1px solid; border-radius: 5px; cursor: pointer; padding: 10px; color: #003a81; max-width: 100px; text-align: center; position: relative; overflow: hidden; margin:1%!important;}
.modal_trigger li:hover {color: #fff;}
.modal_trigger li:hover::before {-webkit-animation: slideRightBg ease .2s forwards; animation: slideRightBg ease .2s forwards;}*/

.modal_trigger_flex {padding: 20px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; flex-wrap:wrap; background:#fff;}

@-webkit-keyframes slideRightBg {
  0% {opacity: 0; left: -50%;}
  100% {opacity: 1; left: 0;}
}

@keyframes slideRightBg {
  0% {opacity: 0; left: -50%;}
  100% {opacity: 1; left: 0;}
}

.modal_box {display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999;}
.modal_bg {background-color: rgba(30, 30, 30, 0.9); height: 100%; width: 100%;}
.modal_inner {background-color: #fff;left: 50%; padding: 40px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 900px;}
.modal_close {cursor: pointer; position: absolute; right: 10px; top: 0; font-size: 2rem;}
.modal_block {overflow-y: scroll; height: 80vh; display: inline-block;}

@media screen and (max-width: 480px){
.modal_trigger li.Btn {width:calc(92%/3); border: 1px solid; border-radius: 5px; cursor: pointer; padding: 10px 0; color: #003a81; max-width: 100px; text-align: center; position: relative; overflow: hidden; margin:1%!important;}
.modal_inner {background-color: #fff; left: 50%; padding: 20px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90vw; height: 90vh; overflow: hidden; box-sizing:border-box;}
.modal_inner p{margin:10px 0;}
.modal_block {overflow-y: scroll; height: 70vh; display: inline-block;}
}

.jintaizu{width: 100%; height: auto; display: flex; justify-content:center; padding:30px 0; background:#fff; margin:0 auto;}
.jintai-l {display: inline-flex; justify-content: flex-start; width: 59%; height: auto;}
.jintai-l img{object-fit:cover;}
.jintai-btn {width: 41%; display: inline-flex; flex-direction: column; flex-wrap: wrap;}	

ul.BTN {margin: 100px auto; display: -webkit-box; display: -ms-flexbox; display: flex; flex-wrap:wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding:0!important; list-style:none;}
.BTN li {border: 1px solid; border-radius: 5px; cursor: pointer; padding: 10px; color:#003A81; width:100%; text-align: center; position: relative; line-height:1.5; list-style:none!important;}
.BTN li:hover {color: #fff; background:#003A81;}
.BTN li:hover::before { -webkit-animation: slideRightBg ease .2s forwards; animation: slideRightBg ease .2s forwards;}

@-webkit-keyframes slideRightBg {
  0% {opacity: 0; left: -50%;}
  100% {opacity: 1; left: 0;}
}

@keyframes slideRightBg {
  0% {opacity: 0; left: -50%;}
  100% {opacity: 1; left: 0;}
}

.Modal_box {display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 9999;}
.Modal_bg {background-color: rgba(30, 30, 30, 0.9); height: 100%; width: 100%;}
.Modal_inner {background-color: #fff; left: 50%; padding: 40px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 900px;}
.Modal_block {height: 80vh; overflow-y: scroll;}
.Modal_close {cursor: pointer; position: absolute; right: 10px; top: 0; font-size: 2rem;}

@media screen and (max-width: 480px) {
.Modal_trigger {-ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
.Modal_trigger li {margin-top: 20px; max-width: inherit;}
.Modal_trigger li + li {margin-left: 0;}
.Modal_inner {width: 90%; padding: 25px;}
.Modal_close {top: 5px; font-size: 2.2rem;}
}

h3.jiho {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 10px 0; color: #003A81; line-height: 1.5; margin: 15px 0;}
h4.jiho {background: #f4f4f4; padding: 5px 10px; margin-bottom:10px;}

ul.item3 {padding: 0!important; list-style: none!important; display: flex; flex-wrap: wrap; margin:0 0 30px!important;}
ul.item3 li {width: calc(97%/3); margin:0 0.5%!important;}
ul.item3 img {object-fit: contain; width:100%; height:auto;}

@media screen and (max-width: 480px){
ul.item3 {flex-direction:column; list-style:none!important;}
ul.item3 li {width:90%; margin:0 auto 10px!important; list-style:none!important;}
}

.Carousel-Area {position:relative; box-sizing:border-box; padding:0;}
.carousel {display:flex; overflow-x:scroll; scroll-snap-type:x mandatory;}
.carousel-item {display:flex; justify-content:center; align-items:center; height:auto; width:100%; scroll-snap-align:start; flex-shrink:0;}
li.carousel-item img {width:90%; height:auto; display:block; margin:0 auto;}
button.button-next {position:absolute; top:46%; right:1%; background:none; border:none; z-index:10;}
button.button-prev {position:absolute; top:46%; left:1%; background:none; border:none; z-index:10;}

.carousels {display:flex; overflow-x:scroll; scroll-snap-type:x mandatory;}
.carousel-item {display:flex; justify-content:center; align-items:center; height:auto; width:100%; scroll-snap-align:start; flex-shrink:0;}
li.carousel-item img {width:90%; height:auto; display:block; margin:0 auto;}
button.button-next {position:absolute; top:46%; right:1%; background:none; border:none; z-index:10;}
button.button-prev {position:absolute; top:46%; left:1%; background:none; border:none; z-index:10;}

ul.TagList {padding-left: 0!important; list-style: none!important;}

ul.TagList li {display: flex; align-items: center; border-bottom: 1px solid #ddd; padding: 10px; line-height:1;}
ul.TagList li:first-child {border-top:1px solid #ddd;}
ul.TagList li a {text-decoration:none!important;}
.size-thumbnail {width: 100px; height: auto; object-fit: cover; margin-right:15px;}
span.tagtext {border-bottom: 1px solid #ddd; display: block; padding-bottom: 10px;}


.button02 a {display: flex; justify-content: space-evenly; align-items: center; margin:0 0 0 auto; padding:.8em 2em; width: 270px; color: #fff!important; font-size: 15px; font-weight: 700; background-color: #FD8301; border-radius: 1vh; text-decoration:none!important;}
.button02 a::after {content: ''; width: 5px; height: 5px; border-top: 3px solid #fff; border-right: 3px solid #fff; transform: rotate(45deg);}
.button02 a:hover {text-decoration: none; background-color: #CB6901;}

.respon img{width:70%; height:auto; display:block; margin:0 auto;}

@media screen and (max-width: 480px){
.button02 a {margin:0 auto; width:90%; box-sizing:border-box;}
.respon img{width:100%; height:auto;}
}

ul.sp-List {display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box;}
ul.sp-List li {width: calc(94%/3); margin: 1%;}

/*スリックスライダー*/
.Slick li {margin:0 5px;}
.Slick .slick-arrow {width: 60px; height: 60px; border-radius: 0; background-color: #fff; cursor: border: 1px solid #09000d; pointer; border: none; outline: none; font-size: 0; position: absolute; top: 180px; z-index: 1; filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));}
.Slick .slick-arrow::before {content: ''; display: block; width: 12px; height: 12px; border: 1px solid #09000d; border-width: 3px 3px 0 0; position: absolute; top: 24px; transform: rotate(45deg);}
.Slick .slick-next {right: 0;}
.Slick .slick-prev {left: 0;}
.Slick .slick-next::before {left: 20px;}
.Slick .slick-prev::before {border-width: 0 0 3px 3px; right: 22px;}

.slider-2 .slick-slide {width: 600px; height: 400px; margin: 0 40px; position: relative; overflow: hidden;}
.slider-2 .slick-slide img {display: block; width: 100%; height: 100%; object-fit: cover;}
.slider-2 .slick-arrow {width: 60px; height: 60px; border-radius: 50%; background-color: #fff; cursor: pointer; border: none; outline: none; font-size: 0; position: absolute; top: 180px; z-index: 1;　 filter: drop-shadow(0px 3px 6px rgba(0, 0, 0, 0.16));}
.slider-2 .slick-arrow::before {content: ''; display: block; width: 12px; height: 12px; border: 1px solid #09000d; border-width: 3px 3px 0 0; position: absolute; top: 24px; transform: rotate(45deg);}
.slider-2 .slick-next {right: 0;}
.slider-2 .slick-prev {left: 0;}
.slider-2 .slick-next::before {left: 20px;}
.slider-2 .slick-prev::before {border-width: 0 0 3px 3px; right: 22px;}
.dots-2 .slick-dots {text-align: center;}
.dots-2 .slick-dots li {display: inline-block;}
.dots-2 .slick-dots button { display: block; width: 10px; height: 10px; margin: 6px; font-size: 0; padding: 0; border: 0; outline: none; cursor: pointer; background: #bcbcbc; border-radius: 50%;}
.dots-2 .slick-dots .slick-active button {background: #0a467d;}

/* ハンバーガーボタン位置 */
div.nav{position:fixed; top:0; right:0; z-index:9999;}

/* チェックボックスを非表示にする */
.drawer_hidden {display: none;}

/* ハンバーガーアイコンの設置スペース */
.drawer_open {display: flex; height: 60px; width: 60px; justify-content: center; align-items: center; position: relative; z-index: 100;/* 重なり順を一番上にする */ cursor: pointer;}

  
/* メニューのデザイン*/
.nav_content {width: 100%; height: 100%; position: fixed; top: 0; left: 100%; /* メニューを画面の外に飛ばす */ z-index: 99; background: rgba(224,224,224,0.8); transition: .5s; box-sizing:border-box; padding:25px; overflow:scroll;}

/* メニュー黒ポチを消す */
.nav_list {list-style: none;}

/* アイコンがクリックされたらメニューを表示 */
#drawer_input:checked ~ .nav_content {left: 0;/* メニューを画面に入れる */}

.Sp-menubtn a {display: flex; justify-content: space-between; align-items: center; margin:0 auto 15px; padding: 1em; color: #003A81; font-size:1rem; font-weight: 700; border: 2px solid #003A81; background:#fff;}
.Sp-menubtn a::after {content: ''; width: 5px; height: 5px; border-top: 3px solid #003A81; border-right: 3px solid #003A81; transform: rotate(45deg);}

footer.page-id-14611 .footerContents{display:none!important;}

/*ボタン外側※レイアウトによってpositionや形状は適宜変更してください*/
.openbtn4{position: relative;/*ボタン内側の基点となるためrelativeを指定*/ background:#003A81; cursor: pointer; width: 50px; height:50px; border-radius: 5px;}
/*ボタン内側*/
.openbtn4 span{display: inline-block; transition: all .4s;/*アニメーションの設定*/ position: absolute; left: 14px; height: 2px; border-radius: 5px; background: #fff; width: 45%;}
.openbtn4 span:nth-of-type(1) {top:10px;}
.openbtn4 span:nth-of-type(2) {top:16px;}
.openbtn4 span:nth-of-type(3) {top:22px;}
.openbtn4 span:nth-of-type(3)::after {content:"MENU";/*3つ目の要素のafterにMenu表示を指定*/ position: absolute; top:5px; left:50%; transform:translatex(-50%); color: #fff; font-size: 0.6rem;}

/*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
.openbtn4.active span:nth-of-type(1) {top: 14px; left: 18px; transform: translateY(6px) rotate(-45deg); width: 30%;}
.openbtn4.active span:nth-of-type(2) {opacity: 0;}
.openbtn4.active span:nth-of-type(3){ top: 26px; left: 18px; transform: translateY(-6px) rotate(45deg); width: 30%;}
.openbtn4.active span:nth-of-type(3)::after {content:"CLOSE";/*3つ目の要素のafterにClose表示を指定*/ transform: translateY(-50%) rotate(-45deg); top:0.8rem; left:5px;}

.respon {display: flex; flex-direction: column; margin:30px 0;}
.respon li{list-style:none!important;}
.respon img{width:90%; height:auto;}
.respon ul {margin: 0!important; padding: 0!important; list-style: none;}
.respon li {padding: 0; list-style: none; margin: 0!important;}

.Time ul {display: flex; padding: 0!important; list-style: none!important; font-size: .8rem!important; font-weight: bold; margin: 0!important; flex-wrap: wrap; justify-content: flex-start;}
.Time li {display: inline-flex; align-items: center; margin:0!important;}
.Time img{width:10%; height:auto; margin-right:5px;}


.MailFormArea {max-width:660px; margin: 0 auto; padding: 50px 25px; font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif; font-weight: 500; background:#EEF4F8; box-sizing:border-box;}
.MailForm {font-size: 1rem; letter-spacing: 0.8pt;}
.MailForm dl {display: flex; flex-wrap: wrap;}
.MailForm dt {font-weight: bold; display: flex; align-items: center; margin-bottom: 0.5rem;	width:100%;	position:relative;}
.MailForm dd {margin-bottom: 1.5rem; width: 100%;}
.MailForm input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {background: #fff; display: block; margin: 0 auto; width: 100%; padding: 4%; box-sizing: border-box; font-size:1rem;}
.MailForm input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea {width: 100%; padding: 4%; margin-right: 10px; box-sizing: border-box; border: 1px solid #d0d5d8; border-radius: 3px; margin: 0 auto; display: block; font-size:1rem;}
.MailForm span.wpcf7-list-item {display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0!important; font-size:1rem;}
.MailForm span.wpcf7-list-item label {display: inline-flex; align-items: flex-start; margin: 5px 0;}
.MailForm input.wpcf7-form-control,.MailForm input.wpcf7-date,.MailForm input.wpcf7-validates-as-date {display: block!; width: 100%; padding: 4%; box-sizing: border-box; background: #fff; border: 1px solid #ddd; font-size:1rem;}
span.required {border: 1px solid #DF002E; padding: 0 0.5rem; font-size: 0.8rem; display: block; color: #DF002E; background: #fff; position:absolute; right:0; top:0;}
span.optional {border: 1px solid #555; padding: 0 0.5rem; font-size: 0.8rem; display: block; color: #555; background: #fff; position:absolute; right:0; top:0;}
.MailForm textarea.wpcf7-form-control,.MailForm textarea.wpcf7-textarea {display: block; width: 100%; padding: 4%; box-sizing: border-box; min-width: 200px; height: 200px; font-size:1rem;}
.MailForm input.wpcf7-submit {display: block; width: 60%; height: 50px; background: #F1A14B; color: #fff; font-size: 18px; margin: 30px auto; font-weight: 600; border: none; border-radius: 47px; padding:0;}
.Annai {display: block; box-sizing: border-box; padding: 4%; margin: 1.5rem 0; background: #E7EEF6; font-size: .9rem; color: #004E9C;}
.MailForm .up {font-size: .8rem; color: #333;}


@media (min-width: 0) and (min-width: 770px){
.MailForm input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,.MailForm input.wpcf7-form-control.wpcf7-text, textarea.wpcf7-form-control.wpcf7-textarea,.MailForm input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date,.MailForm textarea.wpcf7-form-control.wpcf7-textarea,.Annai {padding:1%;}
}


.Point_box {
margin: 2em auto;
padding:2em;/*内側余白*/
background-color:#F7F7F7;/*背景色*/
position:relative;
font-weight: bold;
}

.Point_box:after{
position: absolute;
content: '';
right: 0px;
top: 0px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #ccc #fff  #ccc;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}

.Point_box span {
    font-size: 1.2rem;
    text-align: center;
    display: block;
    /* border: 1px solid #ddd; */
}

.Point_box ul {
	list-style:none!important;
  list-style-type: none;
}
.Point_box li {
  position: relative;
  line-height: 1.8;
	list-style:none!important;
}
.Point_box li::after {
  content: '';
  display: block;
  position: absolute;
  top: .5em;
  left: -1.5em;
  width: 10px;
  height: 5px;
  border-left: 3px solid #F96584;
  border-bottom: 3px solid #F96584;
  transform: rotate(-45deg);
}

div.FAQ{background:#F8F8F8; padding:1rem;}

dl.Question {padding: 1rem; font-size: 1rem; display: flex; box-sizing: border-box; text-align: justify; margin:1rem 0; background:#fff;}
dl.Question dt {width:20px; height:20px; padding:0 15px; font-weight: bold; font-size: 1.5rem; color: #003564;}
dl.Question dd {width: calc(90% - 50px); padding-left:10px; font-weight:bold;}
dl.Answer {display: flex; flex-wrap: wrap; padding: 1rem; font-size: 1rem; box-sizing: border-box; text-align: justify; background:#fff; margin-bottom:3rem;}
dl.Answer dt.Ablock {width:20px; height:20px; font-size: 1.5rem; background: #003883; text-align: center; color: #fff; padding: 15px;}
dl.Answer dt.Atext {width: calc(90% - 50px); padding-left:10px; color: #003883; font-weight: bold;}
dl.Answer dd{margin-top: 1.5rem;}

@media screen and (min-width: 770px){
dl.Answer dt.Ablock {width: 20px; height: 20px; font-size: 1.5rem; background: #003883; color: #fff; padding: 15px; display: flex; align-items: center; justify-content: center;}
dl.Answer dt.Atext {width: calc(100% - 60px); padding-left: 10px; color: #003883; font-weight: bold; display: flex; align-items: center;}
}

.kuchikomi {border: 1px solid #ECEDEF; padding: 25px; box-sizing: border-box; position:relative;}
.kuchikomi dl {display: flex;}
.kuchikomi dt {width: 15%; padding: 0 15px; text-align: center;}
.kuchikomi dt .Name {background: #D9E5F4; width: 50px; height: 50px; position: relative; color: #fff; border-radius: 100%; margin: 0 auto;}
.kuchikomi dt .Text{color:#072F74; font-weight:bold; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.kuchikomi dd {padding: 0 15px;}
.star01{color:#F8B805;}
.kuchikomi a {background: #003A81; display: block; color: #fff!important; text-align: center; text-decoration: none!important; padding: 10px; margin: 15px auto 0; border-radius: 50px; width:280px;}

@media screen and (max-width: 480px){
.kuchikomi {padding:25px 15px;}
.kuchikomi dt {width: 20%; padding:15px; text-align: center;}
.star01{color:#F8B805; font-size:80%;}

.Scroll-Img  {overflow:scroll;}
.Scroll-Img img {max-width: 100vw!important; display: block; width: 100vw!important; height: 100%;}
}

.sup-Area dl {display: flex; flex-wrap: wrap; width: 100%;}
.sup-Area dl dt {width: 21%; margin-bottom: 1.5rem;}
.sup-Area dl dt img {width: 100%; height: auto;}
.sup-Area dl dd {width: 79%; min-height:150px; box-sizing: border-box; padding: 2%; position: relative; border: 1px solid #ccc; margin-bottom: 1.5rem;}
.sup-Area dl dd a {font-size: .8rem; display: block; position: absolute; bottom: 0; right: 0; padding: 0.5rem 1rem; text-decoration: none!important; background: #F0F5F6; color: #444!important;}
.sup-Area ul {margin: 0!important; font-size:.8rem!important;}

table.Nml {width: 100%; border-collapse: collapse; box-sizing: border-box; font-size:.9rem;}
table.Nml th {background: #efefef; padding: 15px; border: 0.5px solid #ccc; min-width:150px; box-sizing: border-box;}
table.Nml td {border: 0.5px solid #ccc; padding: 15px; box-sizing: border-box;}

@media screen and (max-width: 480px){
.sup-Area dl {flex-direction:column;}
.sup-Area dl dt {width:100%; margin-bottom:0;}
.sup-Area dl dd {width:100%;}
.sup-Area dl dd a {font-size: .8rem; display: block; position: absolute; bottom: 0; right: 0; padding: 0.5rem 1rem; text-decoration: none!important; background: #F0F5F6; color: #444!important;}
.sup-Area ul {margin: 0!important; font-size:.8rem!important;}

table.Nml {width: 100%; border-collapse: collapse; box-sizing: border-box; font-size:.9rem;}
table.Nml th,table.Nml td {display:block; width:100%;}
}

.jsk {border: 1px solid #D9E5F4; padding:0 20px 0 10px; box-sizing: border-box; position:relative; margin-bottom:1rem;}
.jsk::before {content: ""; margin: auto; position: absolute; top: 0; bottom: 0; right: 10px; width: 13px; height: 13px; border-top: 2px solid #ccc; border-right: 2px solid #D9E5F4; transform: rotate(45deg);
}
.jsk a{text-decoration:none!important; display:block;}

.kingakuArea {display: flex;}

dl.Date {display: flex; flex-wrap: wrap; font-size: 0.8rem; font-weight: 600; color:#444!important;}
dl.Date dt {background: #ddd; padding: 5px 10px;}
dl.Date dd {padding: 5px 20px 5px 10px;}
dl.kingaku {display:none;}

@media screen and (max-width: 480px){
dl.Date,dl.kingaku {gap:2px 0;}
dl.Date dt,dl.Date dd {box-sizing:border-box; /*width:50%*/;}
	
dl.kingaku {display: flex; flex-wrap: wrap;width:48%; margin:1rem 1% ; border:1px solid #ccc; text-align:center;}
dl.kingaku dl {background: #0D2C65; color: #fff; font-weight: bold; padding: 5px; flex-direction:column;}
dl.kingaku dt,dl.kingaku dd {box-sizing:border-box; width:100%; padding:5px;}
dl.kingaku dd {padding: 10px 30px 10px 10px; font-weight: 600;}
}

ul.supList {margin: 0 0 30px!important; padding: 0 0!important;}
ul.supList li {list-style: none!important; margin-bottom:0!important; border-bottom:1px solid #D9E5F4;}
ul.supList a {text-decoration: none!important;}


.Jsk {display: flex; flex-wrap: wrap; width: 100%; box-sizing: border-box; padding: 10px; border-bottom: 1px solid #ccc;}
.Jsk span {font-weight: bold; color: #005DB2; margin-left: 10px;}
.Date, .Bui, .Job,.Kouisyougai, .Kakutoku{font-size: 0.7rem;}
.Kouisyougai span, .Kakutoku span{font-size: 1rem;}
.Job , .Bui{width: 50%; padding: 5px 0;}
.Date {width: 50%;}
.Kouisyougai, .Kakutoku {width: 50%; background: #F1F6FC; padding: 10px; box-sizing: border-box;}}

@media screen and (max-width: 480px){
.Kouisyougai, .Kakutoku {font-size: 0.7rem;}
}

/* 事務所紹介 */
dl.office {display: flex; flex-wrap: wrap;}
dl.office dt {width: 20%; margin: 0;padding: 15px 0; box-sizing: border-box; border-top: 1px solid #ccc; color: #222!important; font-weight: 500;}
dl.office dd {width: 80%; border-top: 1px solid #ccc; margin: 0; padding: 15px 0 15px 10px; box-sizing: border-box;}

/* 引用 */
blockquote {position: relative; padding: 10px 15px 10px 35px; box-sizing: border-box; font-style: italic; border: solid 1px #EFEFEF; color: #464646; margin-bottom: 1em;}
blockquote:before {display: inline-block; position: absolute; top: 10px; left: 5px; content: "“"; font-family: sans-serif; color: #D9E5F4; font-size: 60px;　line-height: 1;}

/*LPのhタグ */
h2.lp{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-weight:600;}
h2.lp span{font-size:1.45rem; color:#043A81; }
h3.lp{font-family:'游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif; font-size:1.45rem; font-weight:600; text-align:center; margin:40px 0 30px; color:#74BDE7;}

/*弁特 */
dl.Bentoku {display: flex; flex-wrap: wrap; justify-content: center;}
dl.Bentoku div {font-size:3rem;}
dl.Bentoku div.Nashi {width: calc(50% - 60px); margin: 5px; text-align: center; padding: 20px; border:2px solid #eee;}
dl.Bentoku div.Nashi dt{background:#eee; padding:10px; margin-bottom:20px; font-size:.9rem;}
dl.Bentoku div.Ari {width: calc(50% - 60px); margin: 5px; text-align: center; padding: 20px; border:2px solid #FF8200;}
dl.Bentoku div.Ari dt{background:#FF8200; color:#fff; padding:10px; margin-bottom:20px; font-size:.9rem;}
span.futan{display:block; width:80px; margin:10px auto 25px; padding:2px; background:#555; color:#fff; font-size:.75rem; border-radius:25px;}


@media screen and (max-width: 480px){
dl.Bentoku div.Nashi {width: calc(100% - 60px); margin: 5px; text-align: center; padding: 20px; border:2px solid #eee;}
dl.Bentoku div.Ari {width: calc(100% - 60px); margin: 5px; text-align: center; padding: 20px; border:2px solid #FF8200;}
}