@charset "UTF-8";
/*------------------------------
GNav
------------------------------*/

div.gNav *{ box-sizing:border-box;}
div.gNav .spCont{display:none;}

.clr{clear:both!important;}
.pageLinkSukima{margin-top:-80px;padding-top:80px;}
.pageLinkSukima2{margin-top:-150px;padding-top:150px;}

.spSlide{ display:none;}

div.gNav h5{ margin:15px 0; font-size:18px;}
div.gNav h3 small{ margin-left:10px; font-weight:normal;}

div.gNav .weightNormal,
div.gNav .weightNormal li{ font-weight: normal;}

div.gNav .font95,
div.gNav .font95 li{ font-size:95%;}

div.gNav .font120{ font-size:120%;}
div.gNav .font130{ font-size:130%;}

div.gNav iframe{margin-bottom: 40px;}

div.gNav .lowerButton{}

	/*ページ内リンク用ボタン*/
	div.gNav ul.pageInLinkB{ overflow:hidden; padding:0 0 60px 0;display: flex;justify-content: center;}
		div.gNav ul.pageInLinkB li { width:33.3%; height: 80px; padding:0 15px 0 0; float:left; background:none;}
			div.gNav ul.pageInLinkB li:after { display:none;}
			div.gNav ul.pageInLinkB li:nth-child(3) { padding:0;}
			div.gNav ul.pageInLinkB li.sideSpace {margin-left: 16.5%;}	
			div.gNav ul.pageInLinkB li a{ height: 100%;width: 100%; border-radius: 40px; display:block; border:2px solid #182f77;align-items: center;color:#182f77; font-size: 22px;justify-content: center;flex-wrap: wrap;line-height: 1.1em;text-align: center;align-content: center; text-decoration:none; position:relative;}	
			div.gNav ul.pageInLinkB li a.pt24{ padding-top:24px;}
				div.gNav ul.pageInLinkB li a:hover{ border-color:#3bc5ff;	color:#3bc5ff;}
			
				div.gNav ul.pageInLinkB.single li a{ padding-top:24px;}
				div.gNav ul.pageInLinkB li a:before {width:8px;height:15px;display: block;content: '';position: absolute;bottom:0;right: 50%;z-index: 70;margin-top: -2px; background:url(../img/arrow.png) no-repeat left top 0px /8px auto; transform:rotate(90deg);}

	/* 弁護士・事務所紹介 */
	div.gNav div.lawyerImgBox{ float:right; width:450px; height:380px; margin:0 0 10px 40px; position:relative; overflow:hidden;}
		div.gNav div.lawyerImgBox img{ position:absolute; top:0; right:0;}
		div.gNav div.lawyerImgBox p{ margin-bottom:0; padding:10px 15px; position:absolute; bottom:0px; right:0; background:#182f77; font-size:16px; color:#fff; line-height:1.8em;}
			div.gNav div.lawyerImgBox p span{ margin-right:10px; font-size:24px; font-weight:bold;}


	/*画像付きページ内リンク用ボタン*/
	div.gNav ul.gnavPageUpperLink{ overflow:hidden; margin-bottom:50px; padding:0 0 0 0;display: flex;
justify-content: center;}
		div.gNav ul.gnavPageUpperLink li { width:450px; margin:0 60px 0 0; padding:0; float:left; border-bottom:none; background:none;}
			div.gNav ul.gnavPageUpperLink li:last-child{ margin:0;}
			div.gNav ul.gnavPageUpperLink li:after { display:none;}
			
			div.gNav ul.gnavPageUpperLink li a{ height:180px; padding:0; display:block; text-decoration:none; text-align:center; position:relative; color:#182f77;}
				div.gNav ul.gnavPageUpperLink li a img.bgImg{ opacity:0.3; z-index:-10;}
				div.gNav ul.gnavPageUpperLink li a img.hane{ width:36px; height:36px; margin:25px 0 0 0; position:absolute; top:0; left: calc(50% - 18px);}
	
			div.gNav ul.gnavPageUpperLink li a:after  {width:8px;height:15px;display: block;content: '';position: absolute;bottom:40px;right: 50%;z-index: 70;margin-top: -2px; background:url(../img/arrow.png) no-repeat left top 0px /8px auto; transform:rotate(90deg);}
			div.gNav ul.gnavPageUpperLink li a:hover { color:#3bc5ff;}
			div.gNav ul.gnavPageUpperLink li a:hover img.bgImg{ opacity:0.2;}
			div.gNav ul.gnavPageUpperLink li a span{ width:100%; display:block; padding:5px 0 0 0 ; font-size:24px; position:absolute; top:60px; left:0;}

	/*本文中 リンクボタン*/
	div.gNav .lowerButton {display:block;width: 300px;height: 65px;padding:12px 0 0 0;text-align: center;border: 2px solid #182f77;position: relative;border-radius: 40px;font-weight:bold;color:#182f77;text-decoration:none;}
		div.gNav .lowerButton:after {display: block;content: '';width: 10px;height: 15px;background: #182f77;position: absolute;top: calc(50% - 7px);right: 10px;z-index: 70;background:url(../img/link-arrow.png) no-repeat center right /10px auto; }
		div.gNav .lowerButton a {color: #12397b;font-weight: bold;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%; }
	
	
	/*本文中 電話ボタン*/
	div.gNav .lowerTelButton {display:block;width: 300px;height: 65px;padding:2px 0 0 0;text-align: center;border: 2px solid #00a73c;position: relative;border-radius: 40px;color:#00a73c;text-decoration:none; letter-spacing:0; font-size:26px;}
		div.gNav .lowerTelButton a {color: #12397b;font-weight: bold;display: flex;align-items: center;justify-content: center;height: 100%;width: 100%; }
		div.gNav .lowerTelButton img {float:none;margin: 0 0 17px 0; width:40px; height:auto;}
		div.gNav .lowerTelButton span{ display:none;}

	
	/*お客様の声設定*/
	div.gNav div.voiceBox {margin:70px 0 50px 0; padding:15px;position:relative; background:#fffef2; overflow:hidden;}
	div.gNav p.voiceMsg{margin-bottom:50px;}
		div.gNav div.voiceMain p.info{font-weight:bold;}

			div.gNav div.voiceBox h3{margin:0;padding:15px 10px 0px 55px; display: inline-block; border-left:none; background:url(../img/human.png) no-repeat 15px 15px / 30px 30px ;}

			div.gNav div.voiceBox div.voiceMain{margin:0;padding:15px;}
				div.gNav div.voiceBox div.voiceMain p{margin:0 0 10px 0;}
					div.gNav div.voiceBox div.voiceMain p img.voiceImg{margin:0 0 10px 10px; float:right;}

	/*お問い合わせCSS設定*/
	div.gNav div#contactForm { width:100%; overflow:hidden;background:#F5F6F8;box-sizing: border-box;}
		div.gNav div#contactForm h4{ width:30%; margin:0; padding:15px; border:none; border-top:2px solid #fff; vertical-align: top; font-size:17px; float:left;}
			div.gNav div#contactForm h4 span.error{background:#c03; color:#fff; border-radius:3px; padding:0px 2px; font-size:12px;}
		div.gNav div#contactForm p{ width:70%; min-height:58px; display:block; margin:0; padding:15px;border-top:2px solid #fff; font-size:15px; background:#fff; float:left;}
			div.gNav div#contactForm p span.kibou{background:#574670; color:#fff; padding:2px 4px;}
		div.gNav div#contactForm p.noMark{width:100%; text-align:center;display: block;box-sizing: border-box; text-align:center;}
			div.gNav div#contactForm p:before{ content:"";}
			div.gNav div#contactForm p input{ font-size:15px; padding:10px; margin:5px 0; border:1px solid #182f77; background:#f2f7fb;}
			div.gNav div#contactForm p input.button, .confButton input{ font-size:15px; padding:15px; margin:15px 0; border-radius:0px; border:0px; background:#182f77; color:#fff;cursor:pointer; position:relative; display:inline-block; border-radius:35px;}
			
				.confButton input{ padding:10px 32px;}
				.confButton input.gray{ background:#999;}
				.confButton { width:50%; margin:20px auto; text-align:center; overflow:hidden;}
				.confButton form{ width:50%; padding: 0 10px; float:left; display:inline;}
			div.gNav div#contactForm p.lineWide { line-height:2.2em;}
			div.gNav div#contactForm p textarea{ font-size:15px; padding:10px; margin:5px 0; border:1px solid #182f77; background:#f2f7fb;}
		div.gNav div#confButton {border-top:1px solid #ccc;}
		div.gNav div#confButton input{ font-size:15px; padding:20px; margin:15px auto; border:0px; background:#650000; color:#fff;}
	div.gNav div#contactForm p input[type=radio]{ margin-right: 5px;}
	div.gNav div#contactForm p label { font-weight: bold; }		
	div.gNav .underLine{border-bottom: 1px solid #ccc;}	

	#formTop{margin-top:-150px;padding-top:150px;}

	
	/*よくある質問*/
	.faqLink{margin-top:-80px;padding-top:80px;}
	
@media screen and (max-width: 1080px) {
	div.gNav div.gnavImgBox{ width:50%;height:250px;}
		div.gNav div.gnavImgBox img.lowerImg{width: 100%; height:auto;}
		div.gNav div.gnavImgBox p{ padding:5px 10px; margin-bottom:0;line-height: 1.5em;}
	
	div.gNav div.lawyerImgBox{ width:50%; height:250px;}
		div.gNav div.lawyerImgBox img{ width:100%;}
	
	div.gNav div.voiceBox div.voiceMain p img.voiceImg{ width:50%;}
	
	/*ページ内リンク用ボタン*/
	div.gNav ul.pageInLinkB{ margin-bottom:15px;padding: 0 0 10px 0; display:block;}
		div.gNav ul.pageInLinkB li { width:100%; height:60px; float:none; padding:0px; margin:0 auto 10px auto;}
			div.gNav ul.pageInLinkB li a{ line-height: 1.0em; font-size:18px;}
			div.gNav ul.pageInLinkB li a.pt24{ padding-top:18px;}
			div.gNav ul.pageInLinkB.single li a{ padding-top:15px;}
			div.gNav ul.pageInLinkB li:last-child{ padding:0;}
			div.gNav ul.pageInLinkB li.sideSpace {margin:0 auto 25px auto;}
	
	/*画像付きページ内リンク用ボタン*/
	div.gNav ul.gnavPageUpperLink{ margin-bottom:10px; display:block; overflow:hidden;}
		div.gNav ul.gnavPageUpperLink li { width:49%; height:125px; margin:0 0 5px 0; overflow:hidden;}
		div.gNav ul.gnavPageUpperLink li:nth-child(even) { float:right;}
		div.gNav ul.gnavPageUpperLink li:nth-child(odd) { float:left;}
			div.gNav ul.gnavPageUpperLink li a{ height:130px;}
				div.gNav ul.gnavPageUpperLink li a:before {bottom: 11px;}
				div.gNav ul.gnavPageUpperLink li a:after {bottom:33px;height: 15px;right:49%;}
				div.gNav ul.gnavPageUpperLink li a div.bgImgBox{ text-align:center; height:100px; width:auto; overflow:hidden; border:1px solid #243a7e; border-radius:4px;}
				div.gNav ul.gnavPageUpperLink li a img.bgImg{ width:100%; height:auto;}
				div.gNav ul.gnavPageUpperLink li a img.hane{ width:30px; height:30px; margin:10px 0 0 0;}
				div.gNav ul.gnavPageUpperLink li a span{top:35px;}
}
	

@media screen and (max-width: 768px) {
.spSlide{ margin-bottom: 10px!important; padding:2px 10px; border-radius:20px; background:#eee; display:inline-block;}
div.gNav .spCont{display:inline;}
div.gNav iframe{margin-bottom: 15px;}

div.gNav div.gnavImgBox{ height:inherit; width:100%;}
			
	/*画像付きページ内リンク用ボタン*/
		div.gNav ul.gnavPageUpperLink li { width:100%;}
		div.gNav ul.gnavPageUpperLink li:nth-child(even) { float:none;}
		div.gNav ul.gnavPageUpperLink li:nth-child(odd) { float:none;}
		div.gNav ul.gnavPageUpperLink li a div.bgImgBox{ height:110px;}
	
	/* 弁護士・事務所紹介 */
	div.gNav div.lawyerImgBox{ margin:0 0 50px 0; float:none; width:100%; height:auto;position:relative;    overflow: visible;}
		div.gNav div.lawyerImgBox img{ width:100%; height:auto; position:relative;}
		div.gNav div.lawyerImgBox p{ padding:5px; margin:0; bottom:-20px; font-size:14px;}
			div.gNav div.lawyerImgBox p span{ margin-right:10px; font-size:18px;}


	/*お客様の声設定*/
	div.gNav div.voiceBox{ margin-top:35px;}
		div.gNav div.voiceBox div.voiceMain p img.voiceImg{width:100%;}

	/*本文中 リンクボタン*/
	div.gNav .lowerButton { width:250px; height:55px; float:none; padding:10px 0 0 0; margin:0 auto 15px; overflow: visible;}
		div.gNav .lowerButton:before {top: 50%;right: -15px; }
		div.gNav .lowerButton:after {width: 30px;height: 15px;right: 10px; }
	
	
	/*本文中 電話ボタン*/
	div.gNav .lowerTelButton { width:250px; height:55px; float:none; padding:8px 0 0 0; margin:0 auto 15px; font-size:20px;overflow: visible; line-height:0.9em; text-align:center;}
		div.gNav .lowerTelButton img { width:30px;margin: 0 0 0 0; height:auto;}
		div.gNav .lowerTelButton span{ display:inline; font-size:14px; text-align:center; color:#999; font-family: Verdana, Roboto, "Droid Sans", "游ゴシック体", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight:bold;}
	
	/* お問い合わせCSS設定 */
	div.gNav div#contactForm div.tableRow{display:block;}
	div.gNav div#contactForm h4{width:100%;padding: 15px 5%;display:block;}
	div.gNav div#contactForm p{width:100%;padding: 15px 5%;display:block;}
	div.gNav div#contactForm p.noMark input{padding: 15px 20px;}
	
	div.gNav div#contactForm p input[type=text], div.gNav div#contactForm p textarea{width:100%;box-sizing: border-box;display:block;}
	div.gNav div#contactForm br{ display:none;}
	div.gNav div#contactForm br.spHyouji{ display:inline;}
	
	div.gNav .confButton {width:100%;}
	
	

}