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

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
              ヘッダー
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
*{
	box-sizing: border-box;
}

#header{
	background-color:#FFFFFF ;
}

.header_area{
	width: 100%;
	height: 55px;
	position: relative;
}

.header_area h1{
	position: absolute;
	top:6%;
}

.header_area h1 img{
	width: 55%;
}

.right_text{
	color: rgba(19,37,103,1.00);
	position: absolute;
	font-size:10px;
	right: 2%;
	top: 26%;
	text-align: right;
	font-weight: bold;
	line-height: 13px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
              メイン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.main{
	position: relative;
}

.main img{
	width:100%;
}

.small_logo{
	position: absolute;
	top:74%;
	left: 2%;
}

.small_logo img{
	width:50%;
}

.small_text{
	font-size: 9px;
	color:#FFFFFF;
	position: absolute;
	top: 88%;
	left: 2%;
	line-height: 11px;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
     お子様連れでもご安心ください
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.child{
	background-color: #fdefed;
	padding-bottom: 9%;
}

.child_bk{
	width: 100%;
	padding-top: 5%;
	position: relative;
}

.child_bk img{
	width: 95%;
}

.child_ph{
	width: 100%;
	text-align: center;
}

.child_title{
	position: absolute;
	top:88%;
	left: 5%;
}

.child_title img{
	width:78%;
}

.child_point_text1{
	width: 90%;
	margin: 0 auto;
	font-size: 16px;
	line-height: 24px;
	color: #555555;
	margin-top:10px;
	padding-left: 15px;
	text-indent: -15px;
}

img.child_point1{
	display: inline-block;
	margin-bottom: 7px;
	margin-right: 5px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    　　お子様連れ下のボタン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.btn{
	width:100%;
	margin-top: 20px;
	text-align: center;
}

.btn_24hr img{
	width: 98%;
}

.btn_24hr{
	margin-bottom:10px; 
}

.btn_tel img{
	width: 98%;
}

.attention{
	font-size: 11px;
	line-height: 15px;
	text-align: left;
	font-weight: bold;
	margin-left: 5px;
	padding-top: 5px;
	color: #0b2c95;
}




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    　　あなたの心配事に応えます
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.worry{
	width: 100%;
	background-color: #faf9f6;
	padding-bottom: 9%;
}

.worry_sen{
	text-align: center;
	margin-top: 20px;
}

.worry_sen img{
	width: 95%;
}

.worry_bk{
	margin-top: 20px;
	position: relative;
	
}

.worry_bk img{
	width: 100%;
}

.worry_bk h3{
	color:#fe6a41;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top:5%;
	left:13%;
}

.h3_text{
	width: 45%;
	color: #555555;
	font-size: 11px;
	line-height: 15px;
	position: absolute;
	top:7%;
	left: 10%;
}

.worry_bk h4{
	color:#fe6a41;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	top:24%;
	left:48%;
}

.h4_text{
	width: 45%;
	color: #555555;
	font-size: 11px;
	line-height: 15px;
	position: absolute;
	top:26%;
	left: 46%;
}

.worry_bk h5{
	width:40%;
	text-align: center;
	color:#fe6a41;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	line-height: 17px;
	top:44%;
	left:19%;
}

.h5_text{
	width: 44%;
	color: #555555;
	font-size: 11px;
	line-height: 15px;
	position: absolute;
	top:48%;
	left: 17%;
}

.worry_bk h6{
	color:#fe6a41;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	line-height: 17px;
	top:66%;
	left:46%;
}

.h6_text{
	width: 45%;
	color: #555555;
	font-size: 11px;
	line-height: 15px;
	position: absolute;
	top:68%;
	left: 44%;
}

.worry_bk h7{
	color:#fe6a41;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
	line-height: 17px;
	top:80%;
	left:15%;
}

.h7_text{
	width: 44%;
	color: #555555;
	font-size: 11px;
	line-height: 15px;
	position: absolute;
	top:82%;
	left: 13%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    　　こんなときご相談ください
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.chat{
	width: 100%;
	background-color: #ffffff;
	padding-bottom: 9%;
}

.chat_sen{
	text-align: center;	
}

.chat_sen img{
	margin-top: 20px;
	width: 95%;
}

.chat_bk{
	width: 100%;
	text-align: center;
	margin-top: 20px;
	position: relative;
}

.chat_bk img{
	width: 95%;
}

.chat_bk h8 ,.chat_bk h9 ,.chat_bk h10 ,.chat_bk h11 ,.chat_bk h12 ,.chat_bk h13{
	color:#fe6a41;
	font-size: 15px;
	font-weight: bold;
	position: absolute;
}

.h8_text ,.h9_text ,.h10_text ,.h11_text ,.h12_text ,.h13_text{
	color: #555555;
	font-size: 11px;
	line-height: 16px;
	position: absolute;
}

.chat_bk h8{
	top:6%;
	left: 19%;
}

.h8_text{
	top:10%;
	left: 8%;
	text-align: left;
}

.chat_bk h9{
	top:6%;
	left: 68%;
}

.h9_text{
	top:10%;
	left: 56%;
	text-align: left;
}

.chat_bk h10{
	top:41%;
	left: 22%;
}

.h10_text{
	top:45%;
	left: 6%;
	text-align: left;
}

.chat_bk h11{
	top:41%;
	left: 65%;
}

.h11_text{
	top:45%;
	left: 52%;
	text-align: left;
}

.chat_bk h12{
	top:74%;
	left: 12%;
}

.h12_text{
	top:78%;
	left: 6%;
	text-align: left;
}

.chat_bk h13{
	top:74%;
	left: 59%;
}

.h13_text{
	top:78%;
	left: 53%;
	text-align: left;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
　　　　　　　　共通
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.text_bold{
	font-weight: bold;
}

.point{
	font-weight: bold;
	color: #fe6a41;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
飯田綜合法律事務所の女性向け相談は、
私たちが担当します
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.lawyer{
	width: 100%;
	background-color: #fdefed;
	padding-bottom: 9%;
}

.lawyer_sen{
	text-align: center;	
}

.lawyer_sen img{
	margin-top: 25px;
	width: 95%;
}

.lawyer_name{
	font-size: 16px;
	color:#fe6a41;
	font-weight: bold;
}

.laywer_text1{
	padding-left:3%;
	padding-top: 4%;
}

.lawyer_katakana{
	font-size: 12px;
	color:#555555;
}

.laywer_area1{
	width: 100%;
}

.lawyer_photo{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	padding-top: 3%;
	padding-left: 2%;
}

.lawyer_photo img{
	width: 55%;
}

.laywer_content1{
	width:89%;
	font-size: 14px;
	line-height:24px;
	color: #555555;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

.laywer_bk1{
	width:90%;
	padding:20px;
	margin: 0 auto;
	/*position: relative;*/
	box-shadow:0px 0px 20px;
	color: #faf9f6;
    background-color:#faf9f6;
}

.waku_text{
	font-size: 14px;
	line-height:24px;
	color: #555555;
}

.laywer_area2{
	width: 100%;
	margin-top: 30px;
}

.laywer_text2{
	padding-left:3%;
}

.lawyer_photo2{
	width: 95%;
	margin: 0 auto;
	text-align: center;
	padding-top: 3%;
	padding-left: 2%;
}

.lawyer_photo2 img{
	width: 55%;
}

.laywer_content2{
	width:87%;
	font-size: 14px;
	line-height:24px;
	color: #555555;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 15px;
}

.laywer_bk2{
	width:90%;
	padding:20px;
	margin: 0 auto;
	box-shadow:0px 0px 20px;
	color: #faf9f6;
    background-color:#faf9f6;
}

.waku_text2{
	font-size: 14px;
	line-height:24px;
	color: #555555;
}



/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
                    相談の流れ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.soudan{
	width: 100%;
	padding-bottom: 9%;
	background-color: #faf9f6;
}

.soudan_sen{
	text-align: center;	
}

.soudan_sen img{
	margin-top: 25px;
	width: 95%;
}

.soudan_area{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.step1_ph img ,.step2_ph img ,.step3_ph img{
	width: 80%;
}

.step1_text{
	width: 95%;
	margin: 0 auto;
	padding-top: 10px;
	font-size:14px;
	line-height: 22px;
	color:#555555;
}

.step1 img{
	width: 50%;
}

.step2 img{
	width: 40%;
}

.step2_ph{
	padding-top: 35px;
}

.step2_text{
	width: 95%;
	margin: 0 auto;
	padding-top: 10px;
	font-size:14px;
	line-height: 22px;
	color:#555555;
}

.step3 img{
	width: 40%;
}

.step3_ph{
	padding-top: 35px;
}

.step3_text{
	width: 95%;
	margin: 0 auto;
	padding-top: 10px;
	font-size:14px;
	line-height: 22px;
	color:#555555;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
           気軽に利用できるの？
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.kiraku{
	width: 100%;
	padding-bottom: 9%;
	background-color: #ffffff;
}

.kiraku_sen{
	text-align: center;	
}

.kiraku_sen img{
	margin-top: 25px;
	width: 95%;
}

.kiraku_photo{
	width: 100%;
	text-align: center;
	padding-top: 10px;
}

.kiraku_text{
	width: 90%;
	margin: 0 auto;
	padding-top: 10px;
	font-size:14px;
	line-height: 22px;
	color:#555555;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
                   解決事例
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.sisetu{
	width: 100%;
	padding-bottom: 9%;
	background-color: #faf9f6;
}

.sisetu_sen{
	text-align: center;	
}

.sisetu_sen img{
	margin-top: 25px;
	width: 95%;
}

.sisetu_bk1{
	width: 90%;
	background-image: url(../images/sisetu_bk.png);
	padding: 20px;
	margin: 0 auto;
	margin-top: 25px;
	text-align: center;
}

.sisetu_bk1 h14 ,.sisetu_bk1 h15 ,.sisetu_bk1 h16 ,.sisetu_bk1 h17 ,.sisetu_bk1 h18{
	color:#fe6a41;
	font-size: 18px;
	font-weight: bold;
	
}

.h14_text ,.h15_text ,.h16_text ,.h17_text ,.h18_text{
	width: 85%;
	margin: 0 auto;
	text-align: left;
	color: #555555;
	font-size: 14px;
	line-height: 24px;
	padding-top: 8px;
}

.point_ph{
	text-align: left;
	margin-top: 20px;
}

.point_ph img{
	width: 50%;
}

.h14_point ,.h15_point ,.h16_point ,.h17_point ,.h18_point{
	width: 85%;
	margin: 0 auto;
	text-align: left;
	color: #555555;
	font-size: 14px;
	line-height: 24px;
	padding-top: 8px;
}

.sisetu_kazari{
	width: 100%;
	padding-top: 10px;
	text-align: center;
	text-align: center;
}

.sisetu_kazari img{
	width: 60%;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
           法律相談関連施設を
           比較してみました
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/


.hikaku{
	width: 100%;
	padding-bottom: 9%;
	background-color: #fdefed;
}

.hikaku_sen{
	text-align: center;	
}

.hikaku_sen img{
	margin-top: 25px;
	width: 95%;
}

.hi_ph{
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.fee_area{
	width: 100%;
	width: 100%;
}

.hi_ph img{
	width: 85%;
}

.hi_text{
	width: 85%;
	padding-top: 15px;
	margin: 0 auto;
	font-size:14px;
	line-height: 22px;
	color:#555555;
}

.fee_bk{
	width:90%;
	padding:20px;
	margin: 0 auto;
	box-shadow:0px 0px 20px;
	color: #faf9f6;
    background-color:#faf9f6;
	margin-top: 40px;
}

.hikaku_irai {
	width: 100%;
	text-align: center;
	margin-top:-40px;
}

.hikaku_irai img{
	width:100%;
}

.fee_komoku{
	margin-top: 10px;
}

.fee_komoku img ,.fee_komoku2 img ,.fee_komoku3 img{
	width: 48%;
}

.komoku_title{
	color:#132567;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 10px;
}

.komoku_text {
	color:#555555;
	font-size: 16px;
	line-height: 26px;
}

.plus{
	width: 100%;
	text-align: center;
	margin-top: -15px;
}

.fee_komoku  {
	color:#132567;
	font-size: 15px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 10px;
}

.komoku_line_1{
	margin-top: -10px;
}

.komoku_line_1 img{
	width: 95%;
}

.komoku_text_r1 ,.komoku_text_r2 ,.komoku_text_r3{
	color:#555555;
	font-size: 16px;
	line-height: 26px;
}

.kensan{
	width: 100%;
	margin-top: 10px;
	text-align: right;
}

.kensan img{
	width: 25%;
}


.kaigetu{
	width: 100%;
	background-color: #FFFFFF;
	padding-bottom: 9%;
	position: relative;

}

.kaigetu_sen{
	text-align: center;	
}

.kaigetu_sen img{
	margin-top: 25px;
	width: 95%;
}


.case1 ,.case2 ,.case3{
	width: 100%;
	margin-top: 5%;
}

.case1_bk ,.case2_bk ,.case3_bk{
	text-align: center;
	margin: 0 auto;
	
}

.case1_bk img ,.case2_bk img ,.case3_bk img{
	width: 95%;
}

.case1_text{
	width: 85%;
	color: #555555;
	font-size: 13px;
	line-height: 16px;
	position: absolute;
	top:19%;
	left:8%;
}

.case2_text{
	width: 85%;
	color: #555555;
	font-size: 13px;
	line-height: 16px;
	position: absolute;
	top:50%;
	left:8%;
}

.case3_text{
	width: 85%;
	color: #555555;
	font-size: 13px;
	line-height: 16px;
	position: absolute;
	top:82%;
	left:8%;
}
	

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
           相談者の声
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.voice{
	width: 100%;
	padding-bottom: 20%;
	background-color: #faf9f6;
}

.voice_sen{
	text-align: center;	
}

.voice_sen img{
	margin-top: 25px;
	width: 95%;
}

.voice_bk{
	margin-top: 5%;
	position: relative;
}

.voice_bk img{
	width: 100%;
}

.voice_text1{
	width: 48%;
	color: #132567;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 8%;
	left: 13%
}

.voice_text2{
	width: 40%;
	color: #555555;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 30%;
	left: 60%
}

.voice_text3{
	width: 36%;
	color: #555555;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 41%;
	left: 10%
}

.voice_text4{
	width: 55%;
	color: #132567;
	font-size: 12px;
	line-height: 16px;
	position: absolute;
	top: 70%;
	left: 42%
}

.btn_wh{
	width: 100%;
	height: 210px;
	background-color: #ffffff;
	margin: 0 auto;
	padding-top: 10px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
           事務所の概要
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.about{
	width: 100%;
	padding-bottom: 20%;
background-color: #fdefed;
}

.about_sen{
	text-align: center;	
}

.about_sen img{
	margin-top: 25px;
	width: 95%;
}

.photo{
	margin-top: -15px;
}

.about_text{
	width: 100%;
	font-size: 14px;
	margin: 0 auto;
	color: #555555;
	line-height: 22px;
	padding-top: 15px;
}


dl.about_text_left dt{
	width:95%;
	font-weight: bold;
	margin: 0 auto;
}

dl.about_text_left dd{
	width:95%;
	margin: 0 auto;
}

.about_line{
	margin-bottom: 15px;
	text-align: center;
}

.about_line img{
	width: 95%;
}

.btn_hf{
	width: 285px;
	margin-top: 25px;
	margin: 0 auto;
}

.hp{
	margin-top: 35px;
	text-align: center;
}

.hp img{
	width: 70%;
}

.facebook{
	margin-top: 25px;
	text-align: center;
}

.facebook img{
	width: 70%;
}

.google_map{
	width: 100%;
	margin-top: 50px;
	text-align: center;
}

.mg{
	float: right;
}

.map{
	margin-top: 15px;
}

.map_text{
	width: 95%;
	padding-top: 10px;
	margin: 0 auto;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}

.densya{
	float: right;
	padding-top: 10px;
	margin-right: 20px;
}




/*@media screen and (min-width:320px) and ( max-width:375px) {
		div.content {height: 2600px; }
		.worry_bk h3 { font-size: 13px;font-weight: bold;position: absolute;top:7%;left:8%; }
		.h3_text { font-size: 11px;line-height: 15px;position: absolute;top:11%;left: 6%; }
		.worry_bk h4 { font-size: 13px;font-weight: bold;position: absolute;top:14%;left:57%; }
		.worry_bk img { width: 110%; }
	}*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
           フッター
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.footer{
	width: 100%;
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 10px;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
           共通
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

.font_12{
	font-size: 12px;
}

.font_14{
	font-size: 14px;
}

.male_9{
	margin-left: -9px;
}

.font_13{
	font-size: 13px;
}

.mg_20{
	margin-top: 20px;
	font-weight: bold;
	
}


@media screen and (max-width:320px) {
    /*　画面サイズが320px以下はここを読み込む　*/
	.header_area h1{position:absolute;top:12%;}
	.header_area h1 img{width: 48%;}
	.right_text{position: absolute;font-size:10px;}
	.kesu{display: none;}
	.small_text{top: 91%;left: 2%;line-height: 11px;}
	.worry_bk{background-image: url(../images/worry_bk_320.png);background-size: contain;background-repeat: no-repeat; height: 864px; margin-top: 20px;}
	.worry_bk img{display: none;}
	.worry_bk h3{font-size: 14px;top:4%;left:25%;}
	.h3_text{width:54%;top:6%;left: 20%;}
	.worry_bk h4{width:55%;font-size: 14px;top:29%;left:34%;}
	.h4_text{width:54%;top:31%;left: 29%;}
	.worry_bk h5{width:48%;font-size: 14px;top:48%;left:17%;}
	.h5_text{width:49%;top:52%;left:19%;}
	.worry_bk h6{width:46%;font-size: 14px;top:67%;left:36%;text-align:center;}
	.h6_text{width:46%;top:69%;left: 38%;}
	.worry_bk h7{font-size: 14px;top:81%;left:17%;}
	.h7_text{width:51%;top:83%;left: 15%;}
	.chat_bk h8 ,.chat_bk h9 ,.chat_bk h10 ,.chat_bk h11 ,.chat_bk h12,.chat_bk h13{font-size: 13px;}
	.h8_text ,.h9_text ,.h10_text ,.h11_text ,.h12_text ,.h13_text{
	font-size: 10px;line-height: 14px;}
	.h8_text,.h10_text,.h12_text  {left:6%;}
	.h9_text ,.h11_text,.h13_text {left:53%;}
	.case1_bk img{display: none;}
	.case2_bk img{display: none;}
	.case3_bk img{display: none;}
	.case1_bk {background-image:url(../images/case1_320.png);height:282px;  background-size: contain;background-repeat: no-repeat; background-position: center;}
	.case1_text{width: 87%;top:17%;}
	.case2_bk {background-image:url(../images/case2_320.png);height:309px; background-size: contain;background-repeat: no-repeat;background-position: center; }
	.case2_text{width: 87%;top:48%;}
	.case3_bk {background-image:url(../images/case3_320.png);height:234px; background-size: contain;background-repeat: no-repeat;background-position: center; }
	.case3_text{width: 87%;top:82%;}
	.voice_bk img{display: none;}
	.voice_bk{background-image:url(../images/voice_bk320.png);height:743px;  background-size: contain;background-repeat: no-repeat; background-position: center;}
	.voice_text1{width:55%;left:22%;top:6%;}
	.voice_text2{width:48%;left:43%;top:30%;}
	.voice_text3{width:50%;left:35%;top:82%;}
	.voice_text4{width:62%;left:24%;top:55%;}
}