@media (max-width: 1024px) {
body{
	min-width:870px;
}
header .header_inner .company, #top, #third_wrap .case_wrap,
.jidan_wrap, .price_content, #second_wrap, .price_table, #soudan_wrap,
.check_wrap .white_back, .check_wrap .check_sub, #choice_wrap .choice,
#choice_wrap .choice_small, #soudan_wrap02, #junjo_wrap,
footer .footer_inner .footer_ul{
  width:95%;
}

/*----------　見出しタイトル　----------*/
.midasi_title{
  background-size:100% 130%;
}


/*----------　ヘッダー　----------*/

/*----------　×を作る　----------*/
#nav-input:checked ~ #nav-open span {
  background: rgba(51, 51, 51, 0);
}
#nav-input:checked ~ #nav-open span::before,
#nav-input:checked ~ #nav-open span::after {
  content: "";
  display: block;
  left: 50%;
  margin: 30% 0 0 -55%;
  position: absolute;
  top: 50%;
	height:4px;
  width: 33px;
}
#nav-input:checked ~ #nav-open span::before {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
	transition:all 0.3s;
}
#nav-input:checked ~ #nav-open span::after {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
	transition:all 0.3s;
}
/*-------------------------------*/

header .header_inner .company{
  width:85%;
  margin:10px 0 0 20px;
}
#nav-drawer {
  position: relative;
}

/*アイコンのスペース*/
#nav-open {
  background: #E94D8C;
  display: inline-block;
  width: 30px;
  height: 30px;
	padding:12px 10px 7px 10px;
  vertical-align: middle;
  cursor: pointer;
  top:10px;
  right:10px;
  position:fixed;
	z-index:9999;

}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 30px;/*長さ*/
  border-radius: 3px;
  background: #fff;
  display: block;
  content: '';
}
#nav-open span:before {
  bottom: -10px;
}
#nav-open span:after {
  bottom: -20px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}
#nav_content{
}
header nav{
	height:100%;
}
header nav ul{
	display:block;
	width:100%;
  text-align: center;
  font-size:15px;
}
header nav ul .nav_slash{
	display:none;
}
header nav ul li{
  margin-left: 0;
	height:100px;
	line-height: 100px;
	width:100%;
	padding:0;
}
nav ul li a{
	height:100px;
	line-height: 100px;
	width:100%;
	padding:0;
	border-bottom:1px solid #fff;
}

/*----------　second_wrap　----------*/
#second_wrap .second01 .second_explain{
  font-size:35px;
}
#second_wrap .second01 img{
  margin-left:20px;
  margin-right:20px;
}

/*----------　理由その１〜９　----------*/
.reason_wrap .riyu_wrap{
  width:48.5%;
  height:250px;
}
.reason_wrap .riyu03{
  margin-top:3%;
}


/*----------　一切費用はかかりません　----------*/
#third_wrap .case_wrap{
  flex-wrap:wrap;
}
#third_wrap .case_inner{
  padding:15px 0;
  width:49%;
  height:auto;
}
#third_wrap .case{
}


/*----------　裁判より示談　----------*/
.jidan_wrap .m_img{
  width:45%;
}
.jidan_wrap h3{
  font-size:50px;
}
.jidan_wrap h3.h2sub{
  font-size:50px;
}
.jidan_wrap .sp_br{
  display:inline;
}


/*----------　値段　----------*/
.price_content .price_left{
  width:60%;
  margin-left: 0;
}

/*----------　まずは相談　----------*/
#soudan_wrap h2{
  font-size:45px;
}


/*----------　選ばれる理由　----------*/
#choice_wrap .sp_br{
  display:inline-block;
}
#choice_wrap h2{
  font-size:52px;
}


/*----------　こんな方は必見　----------*/
.check_wrap .check .check01{
  font-size:23px;
}
.check_wrap .check .check01 img{
  width:40px;
}


/*----------　迷っている方へ　----------*/
.mayoi_wrap{
  padding:30px 0px;
  background-position:center;
}
.mayoi_wrap .mayoi_kakoi{
  position: relative;
  margin-left:45%;
  margin-right:1%;
}


/*----------　会社概要、特定商取引　----------*/
.company table{
	width:95%;
}
.oto_wrap{
	width:95%;
}


/*----------　お問い合わせ　----------*/
.oto_wrap{
	width:95%;
}
input[name=btn_back],
input[name=btn_submit]{
	width:150px;
}


  }





@media (max-width: 754px) {
body{
  min-width:100%;
  font-size:14px;
}
.sp_br{
	display:inline;
}


/*----------　見出しタイトル　----------*/
.midasi_title{
  background-size:100% 100%;
}
.midasi_title h3{
  font-size:18px;
  line-height: 25px;
  width:90%;
  margin:0 auto;
}
.midasi_title h3 .title_sub{
  font-size:23px;
}
.midasi_title .title_sub02{
  height:60px;
  line-height: 60px;
}


/*----------　ヘッダー　----------*/
header .sp_header{
  display:block;
}
header .header_inner{
  display:none;
}
header .sp_header .logo{
  width:95%;
  margin:10px auto 0 auto;
}
header .sp_header .logo img{
  width:80%;
}
header .sp_header .company{
  display:flex;
  justify-content: space-between;
  width:95%;
  margin:0 auto;
}
header .sp_header .mail_line{
  width:45%;
}
header .sp_header .mail_line img,
header .sp_header .tel img{
  width:100%;
}
header .sp_header .tel{
  width:52%;
}


/*----------　ナビ　----------*/
#nav-input:checked ~ #nav-open span::before,
#nav-input:checked ~ #nav-open span::after {
  margin: 25% 0 0 -65%;
}

#nav-open{
	width: 25px;
  height: 25px;
	padding:11px 9px 6px 9px
}
#nav-open span, #nav-open span:before, #nav-open span:after{
	 width: 25px;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -17px;
}
#nav-content {
	width:85%;
}

header nav ul li{
	height:80px;
	line-height: 80px;
}
nav ul li a{
	height:80px;
	line-height: 80px;
}




/*----------　main_v　----------*/
.main_v_wrap {
  width:100%;
  background-position:right 10px;
  background-size:65%;
  margin-top:-10px;
}
.main_v {
}
.main_v svg{
	margin-top:-20px;
  font-size:19px;
}
.main_v ul h2{
  font-size:16px;
  font-weight:normal;
  text-shadow: 0 1px 1px #fff, 1px 0 1px #fff, 0 -1px 1px #fff, -1px 0 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
}
.main_v ul li .shou{
  font-size:16px;
}
.main_v .saishou{
  font-size:14px;
}



/*----------　second_wrap　----------*/
#second_wrap{
  background-size:15%;
  width:100%;
}
#second_wrap .second01{
  display:block;
  padding-top:10px;
  width:95%;
}
#second_wrap .second01 h2{
  font-size:18px;
}
#second_wrap .second01 h2 .second_title01{
  font-size:28px;
	background-size:contain;
	width:80%;
	margin:0 auto;
}
#second_wrap .yazirusi{
  text-align: center;
}
#second_wrap .yazirusi img{
   transform: rotate( 90deg );
}
#second_wrap .second01 .second_explain{
  font-size:18px;
	text-align:center;
}
#second_wrap .second01 img{
  width:10%;
  margin-top:20px;
  margin-bottom:10px;
}
#second_wrap .second01 .second_explain .liner{
  line-height:18px;
}


/*----------　理由その１〜９　----------*/
.reason_wrap{
  display:block;
  width:100%;
  padding:3% 0;
}
.reason_wrap .riyu_wrap{
  width:90%;
  margin:20px auto;
  height:150px;
}
.reason_wrap .riyu_wrap h3{
  font-size:18px;
}
.reason_wrap .riyu_wrap .riyu_black{
  font-size:16px;
}
.reason_wrap .riyu_wrap .riyu_small{
  width:90%;
  margin:0 auto;
  font-size:14px;
}


/*----------　一切費用はかかりません　----------*/
#third_wrap .sp_br{
  display:block;
}
#third_wrap .title h3{
  font-size:23px;
  line-height:33px;
}
#third_wrap .sita_kigo{
  margin-top:20px;
}
#third_wrap .sita_kigo img{
  width:10%;
}
#third_wrap .case_wrap{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin:10px auto 0 auto;
}
#third_wrap .case_inner{
  padding:5px 0;
  min-width:150px;
  min-height:150px;
}
#third_wrap .case_inner h3{
  font-size:16px;
}
#third_wrap .case{
  width:50%;
  background-size:100%;
}


/*----------　大切な一言　----------*/
.jidan_wrap{
  background-size:auto 65%;
  background-position:right top;
}
.jidan_wrap .jidan_content{
  margin-top:0;
  margin-left:0;
}
.jidan_wrap .hitokoto{
  font-size:18px;
	padding-bottom:5px;
	width:133px;
}
.jidan_wrap h3{
  font-size:16px;
}
.jidan_wrap h2{
  font-size:20px;
}
.jidan_wrap h3.h2sub{
  font-size:18px;
}
.jidan_wrap .jidan_sho{
  font-size:14px;
  margin-top:10px;
}


/*----------　値段　----------*/
.price_content{
background-size:auto 100%;
background-position:right bottom;
margin:30px 0;
}
.price_content .price_left{
  width:60%;
  background:rgb(255,255,255,0.5);
}
.price_content .price_left h3{
  font-size:16px;
}
.price_content .price_left h3.pink{
  font-size:20px;
  margin-top:0;
}
.price_content .border{
  padding:10px 0;
  border-top:3px solid #DACBDB;
  border-bottom:3px solid #DACBDB;
}
.price_content .price_img{
  margin-top:20px;
}
.price_content .price_gps{
  font-size:12px;
	width:90%;
	margin:0 auto;
}

.price_table{
  width:100%;
}
.price_wrap .hikaku{
	font-weight:bold;
  font-size:16px;
}

.since25 h3{
  font-size:18px;
}
.since25 h2{
  font-size:25px;
}
.since25 .small{
  font-size:16px;
  width:95%;
  margin:0 auto;
}


/*----------　まずは相談　----------*/
#soudan_wrap, #soudan_wrap03{
  background-size:60%;
  background-position:top right;
  margin:30px auto 0 auto;
  text-align: left;
}
#soudan_wrap .sp_br,
#soudan_wrap03 .sp_br{
  display:inline;
}
#soudan_wrap .soudan_left,
#soudan_wrap03 .soudan_left{
  width:100%;
}
#soudan_wrap h2,
#soudan_wrap03 h2{
  font-size:16px;
  width:70%;
  text-shadow: 0 1px 1px #fff, 1px 0 1px #fff, 0 -1px 1px #fff, -1px 0 1px #fff, -1px -1px 1px #fff, 1px -1px 1px #fff, -1px 1px 1px #fff, 1px 1px 1px #fff;
}
#soudan_wrap .soudan_small,
#soudan_wrap03 .soudan_small{
  font-size:14px;
  width:55%;
}
#soudan_wrap .soudan_call,
#soudan_wrap03 .soudan_call{
  text-align:center;
}
#soudan_wrap .mail_line,
#soudan_wrap03 .mail_line{
  text-align: center;
  margin-top:5px;
}
#soudan_wrap .mail_line img,
#soudan_wrap03 .mail_line img{
  width:90%;
}



/*----------　こんな方は必見　----------*/
.check_wrap{
  margin-top:30px;
  padding:20px 0;
}
.check_wrap .white_back{
  padding:20px 0;
}
.check_wrap h2{
  font-size:19px;
}
.check_wrap .check{
  display:block;
}
.check_wrap .check .check01{
  width:90%;
  margin:10px auto;
  font-size:14px;
  padding-left:10px;
  height:40px;
  line-height: 40px;
}
.check_wrap .check .check01 img{
  width:6%;
	margin-top:12px;
}
.check_wrap .check_sub{
  font-size:14px;
  margin-top:20px;
}


/*----------　選ばれる理由　----------*/
#choice_wrap{
  padding:10px 0 50px 0;
  margin-top:30px;
}
#choice_wrap .choice{
  display:block;
  margin:50px auto 0 auto;
}
#choice_wrap .choice_img{
  width:50%;
  margin:10px auto;
}
#choice_wrap .choice_content{
  width:100%;
  margin-top:0;
}
#choice_wrap h2{
  font-size:20px;
  line-height:25px;
  border-bottom:1px solid #000;
}
#choice_wrap h3{
  font-size:17px;
}
#choice_wrap .choice_small{
  font-size:14px;
}


/*----------　証拠が重要　----------*/
.yakei_wrap .yakei_kigo{
  width:15%;
}
.yakei_wrap .yakei_content{
  font-size:20px;
  width:95%;
  margin:0 auto;
}
.yakei_wrap .fukidashi{
  width:100%;
}
.yakei_wrap .yakei_small{
  font-size:14px;
	width:95%;
	margin:0 auto;
}


/*----------　お気軽にご相談ください　----------*/
#soudan_wrap02{
  background-size:60%;
  background-position:top right;
  padding-bottom:10px;
}
#soudan_wrap02 h3.title{
  width:60%;
  padding-top:0;
  font-size:16px;
}
#soudan_wrap02 .gold{
  width:100%;
}
#soudan_wrap02 .shuccho{
  width:100%;
}
#soudan_wrap02 .michan_call{
  width:100%;
}
#soudan_wrap02 .mail_line{
  justify-content: space-between;
	width:100%;
}
#soudan_wrap02 .mail_line img{
  width:98%;
  margin-right:0;
}


/*----------　流れ　----------*/
#junjo_wrap{
  margin:30px auto 0 auto;
}
#junjo_wrap .junjo{
  display:block;
  margin-top:30px;
}
#junjo_wrap .junjo_inner{
  background-size:100%;
  width:100%;
}
#junjo_wrap .junjo_content{
  margin-left:7%;
  margin-top:0;
  padding-top:18%;
  font-size:14px;
}
#junjo_wrap .junjo_img{
  width:100%;
  margin-left:0;
  margin-bottom:0;
  text-align: left;
  font-weight:normal;
}


/*----------　迷っている方へ　----------*/
.mayoi_wrap{
  margin-top:20px;
  background-position: bottom left;
  background-size:130%;
  height:630px;
}
.mayoi_wrap .mayoi_kakoi{
  position: relative;
  margin-left:0;
	max-width:none;
}
.mayoi_wrap h2{
  font-size:20px;
  line-height: 30px;
  margin-bottom:10px;
  padding-bottom:10px;
}
.mayoi_wrap h3{
  font-size:16px;
  line-height: 25px;
  width:95%;
  margin:0 auto 10px auto;
}
.mayoi_wrap .content{
  font-size:14px;
}


/*----------　会社概要、特定商取引　----------*/
.company table{
	width:95%;
	margin:30px auto 50px auto;
}
.company table td{
  padding-left:10px;
}


/*----------　お問い合わせ　----------*/
.oto_wrap{
	width:95%;
	margin:20px auto 0 auto;
}
.oto_wrap .mail_br{
	display:block;
}
.oto_wrap .gray_wrap,
.oto_wrap .white_wrap{
  padding:10px;
}
.oto_wrap label.title{
	width:100%;
	margin-bottom:5px;
}
.oto_wrap label span{
	float:none;
	margin-left:10px;
}
.oto_wrap label.sei{
  width:10%;
	margin-bottom:10px;
}
.oto_wrap label.mei{
  width:10%;
	margin-left:0;
}
input[type=text] {
width:88%;
}
input[type=text2] {
	width:100%;
}
textarea[name=contact] {
	width:100%;
}
input[name=btn_back],
input[name=btn_submit]{
	width:130px;
	border-radius:30px;
	margin:40px 0 40px 0;
}
input[name=btn_confirm] {
	margin:40px 0 40px 0;

}


/*----------　フッター　----------*/
footer .footer_inner .footer_ul{
  flex-wrap:wrap;
  width:90%;
  margin:20px auto;
}
footer .footer_inner .footer_ul li{
  width:50%;
}
footer .footer_atto {
  font-size:12px;
}


  }