body {
  font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-weight: normal;
  font-size: 16px;
  color: #333;
  margin: 0 auto;
  min-width: 320px;
  -webkit-text-size-adjust: 100%;
  letter-spacing: 1.2px;
  line-height: 1.3;
  position: relative;
  min-height: 100%;
}
#sp-f {
  display: none;
}
section {
  margin-bottom: 80px;
  text-align: center;
  box-sizing: border-box;
  word-break: break-all;
  word-wrap: break-word;
}
h1 {
  margin: 0 auto;
  padding: 0;
  font-size: 32px;
  font-weight: bold;
}
h2 {
  margin: 0 auto;
  text-align: center;
  font-size: 38px;
  color: #fff;
  letter-spacing: 2px;
  padding: 20px 0px;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
h3 {
  margin: 0 auto;
  text-align: center;
  font-size: 18px;
  font-weight: normal;
  color: #09ABB3;
  letter-spacing: 2px;
  margin-top: 0px;
}
ul {
  list-style: none;
}
img {
  vertical-align: middle;
}
a {
  text-decoration: none;
  color: #fff;
}
a.plink {
  color: #333;
}
p {
  font-size: 18px;
  -webkit-margin-before: 0em;
  -webkit-margin-after: 0em;
  -webkit-margin-start: 0px;
  -webkit-margin-end: 0px;
}
.f-mincho {
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
a:hover {
  opacity: 0.7;
  transition: opacity .2s ease-out;
  -moz-transition: opacity .2s ease-out;
  -webkit-transition: opacity .2s ease-out;
  -o-transition: opacity .2s ease-out;
}
#pc {
  display: block;
}
#sp {
  display: none;
}
#sp-768 {
  display: none;
}
#sp-640 {
  display: none;
}
#sp-560 {
  display: none;
}
#sp-450 {
  display: none;
}
.henkin {
  font-
  color:#ff0000;
  font-weight:bold;
}

.clearfix {
*zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  overflow: hidden;
}
.container {
  width: 1000px;
  margin: 0 auto;
  text-align: center;
  min-height: 100%;
}
.img-full {
  width: 100%;
}
.triangle_down {
  background: none;
  width: 0;
  height: 0;
  border-right: 150px solid transparent;
  border-left: 150px solid transparent;
  border-top: 70px solid #0068b6;
  margin: 0 auto;
  text-align: center;
}
.pc-f-l {
  float: left;
}
.pc-f-r {
  float: right;
}
.sp-f-l {
  float: left;
}
.sp-f-r {
  float: right;
}
.yellow {
  color: #fff000;
	font-family: HGPｺﾞｼｯｸE;
}
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  background-color: #0068b6;
}
#header_02 {
  margin: 0 auto;
  width: 90%;
  max-width: 90%;
}
header h1 {
  margin: 0 auto;
  text-align: center;
  padding: 20px 0px 0px;
}
footer p {
  font-size: 14px;
  color: #fff;
}
#hisection {
  opacity: 0;
  padding: 20px;
}
#pagetop {
  background-color: #fff;
  padding: 5px 0px;
  border-top: 5px solid #0068b6;
  position: fixed; /* 固定 */
  bottom: 0 !important; /* 一番下に表示 */
  width: 100%; /* 中央に表示 */
  z-index: 1000;
}
.m-50 {
  margin: 50px auto;
}
#net {
  position: relative;
  width: 80%;
  margin: 0 auto;
  text-align: center;
}
/*-------------------------*/
.net-box {
  width: 70%;
  position: absolute;
  top : 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}
.net-box-link-btn img {
  width: 90%;
  margin-top: 2%;
}
.contact-free-msg {
  background: #f91e72;
  width: 100%;
  padding: 30px;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  margin: 0 auto;
  text-align: center;
}
.contact-free-msg-box {
  background: #f91e72;
  border : 3px solid #ffc5d8;
  padding-bottom: 30px;
}
.contact-free-msg-box h2 {
  font-size: 75px;
	font-weight: bold;
}
.contact-free-msg-box-txt {
  background: #fff;
  padding: 30px;
  font-size: 30px;
  color: #fc276e;
  font-weight: bold;
  width: 85%;
  margin: 0 auto;
  text-align: center;
  border: 2px solid #e5004f;
  border-radius: 10px;
}
.section-title {
  background: #0068b6;
  padding: 10px;
  overflow: hidden;
}
.sub1 {
  width: 87%;
  margin: 0 auto;
  text-align: center;
}
.sub1 img {
  margin-top: 10px;
}
.sub1 h2 {
  font-size: 51px;
	font-weight: bold;
}
.sub1 h2 span {
  font-size: 66px;
}
.contact-sub-btn img {
  width: 32.5%;
  margin: 50px auto;
  text-align: center;
}
.sub-box1 {
  width: 97%;
  background: #fff;
  border: 2px solid #0068b6;
  margin: 0 auto;
  ;
}
.sub-box1-title {
  background: #0068b6;
  padding: 20px;
  font-size: 30px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 3px;
}
.problem-sub-box {
  padding: 30px;
  box-sizing: border-box;
}
.problem-sub-box-item {
  margin: 10px auto;
}
.problem-sub-box-item-icon {
  display: inline-block;
  vertical-align: top;
  width: 3%;
  text-align: left;
  margin-right: 5px;
}
.problem-sub-box-item-txt {
  display: inline-block;
  vertical-align: top;
  width: 93%;
  text-align: left;
}
.problem-sub-box-item-txt p {
  font-size: 22px;
  margin-top: 0.5%;
  font-weight: bold;
  line-height: 1.6;
  letter-spacing: 4px;
}
.sub2-item {
  display: inline-block;
  vertical-align: top;
  width: 30%;
  padding: 10px;
}
.sub2-item img {
  margin-bottom: 30px;
  width: 100%;
}
.sub2-item p {
  margin-bottom: 30px;
  font-size: 24px;
  font-weight: bold;
}
.sub2-msg {
  background: url(../image/back2.png) no-repeat center;
  padding: 80px 0px;
  background-size: cover;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
.point-box {
  background: #fff;
  border: 2px solid #009ea0;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  width: 90%;
}
.point-box-title {
  background: #009ea0;
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
.point-box-title img {
  width: 12%;
  display: inline-block;
  vertical-align: middle;
}
.point-box-title p {
  width: 86%;
  display: inline-block;
  vertical-align: middle;
  font-size: 27px;
  color: #fff;
  text-align: left;
  font-weight: bold;
  margin-left: 10px;
}
.point-box-body {
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
.point-box-body img {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
.point-box-body p {
  width: 73%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  line-height: 2;
  letter-spacing: 2px;
}
.f-57 {
  font-size: 54px;
}
#voice {
  background : #f3fcff;
  padding-bottom : 30px;
}
.voice-box {
  background: #fff;
  border-top: 5px solid #0068b6;
  width: 90%;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
.voice-box-body {
  padding: 30px;
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
.voice-box-body img {
  width: 25%;
  display: inline-block;
  vertical-align: top;
}
.voice-txt {
  width: 73%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin-left: 10px;
  line-height: 2;
  letter-spacing: 2px;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
.voice-title {
  font-size: 24px;
  border-bottom: 1px solid #0068b6;
  margin-bottom: 15px;
  font-weight: bold;
}
.voice-title span {
  font-size: 18px;
  color: #0068b6;
  margin-left: 15px;
}

.voice-title .red {
  font-size: 24px;
  font-weight: bold;
  color: #ff0000
}

footer .contact-sub-btn img {
  width: 32.5%;
  margin: 12px auto;
  text-align: center;
}

@media (max-width : 1600px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 1600px;
  background-color: #0068b6;
}
#header_02 {
  margin: 0 auto;
  width: 80%!important;
  max-width: 80%!important;
}
#sp-f {
  display: none;
}
.net-box h2 {
  padding: 4px 0px;
}
.net-box h2 img {
  width: 80%;
}
  
}

/*スマートフォンで有効ここから*/
@media screen and (max-width:768px) {
  .red{
      display: block;
  }
}
/*スマートフォンで有効ここまで*/


@media (max-width : 1450px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 1450px;
  background-color: #0068b6;
}
#header_02 {
  margin: 0 auto;
  width: 80%!important;
  max-width: 80%!important;
}
#sp-f {
  display: none;
}
header h1 img {
  width: 80%;
}
}

@media (max-width : 1000px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
  background-color: #0068b6;
}
#header_02 {
  margin: 0 auto;
  width: 80%!important;
  max-width: 80%!important;
}
#sp-f {
  display: none;
}
.container {
  width: 980px;
}
}

@media (max-width : 980px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 980px;
  background-color: #0068b6;
}
#header_02 {
  margin: 0 auto;
  width: 90%!important;
  max-width: 90%!important;
}
#sp-f {
  display: none;
}
#pc {
  display: none;
}
#sp {
  display: block;
}
p {
  font-size: 14px;
}
.container {
  width: 768px;
}
section {
  margin-bottom: 30px;
}
header h1 {
  margin: 0 auto;
  text-align: center;
  padding: 20px 0px 30px;
}
header h1 img {
  width: 90%;
}
#net {
  width: 100%;
}
.net-box {
  width: 100%;
  position: static;
  transform: none;
}
.contact-free-msg-box h2 {
  font-size: 55px;
}
.contact-free-msg-box-txt {
  font-size: 25px;
}
.section-title img {
  width: 34%
}
.sub-box1-title {
  font-size: 23px;
}
.problem-sub-box-item-icon {
  width: 5%;
}
.problem-sub-box-item-txt p {
  font-size: 19px;
}
.problem-sub-box-item-icon img {
  width: 65%;
}
.triangle_down {
  border-right: 103px solid transparent;
  border-left: 103px solid transparent;
  border-top: 40px solid #0068b6;
}
.contact-sub-btn img {
  margin: 30px auto;
}
.m-50 {
  margin: 30px auto;
}
.section-title h2 {
  font-size: 28px;
}

#cta h2 {
  font-size: 55px!important;
	font-weight: bold;
}
#cta h2 .big {
  color: #fff000;
  font-size: 65px!important;
  font-family: HGPｺﾞｼｯｸE;
	font-weight: bold;
}
.sub1 h2 {
  font-size: 37px;
}
.sub1 h2 span {
  font-size: 45px;
}
.sub2-item p {
  margin-bottom: 30px;
  font-size: 19px;
  font-weight: bold;
}
.sub2-msg {
  padding: 55px 0px;
}
.point-box {
  width: 100%;
}
.point-box-title {
  padding: 13px;
}
.point-box-title img {
  width: 11%;
}
.point-box-title p {
  font-size: 24px;
}
.point-box-body {
  padding: 15px;
}
.point-box-body img {
  width: 23%;
}
.f-57 {
  font-size: 42px;
}
.voice-box {
  width: 100%;
}
.voice-box-body {
  padding: 15px;
}
.voice-box-body img {
  width: 22%;
}
#voice {
  padding-bottom : 10px;
}
}

@media (max-width :768px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 768px;
  background-color: #0068b6;
}
#header_01 img {
  width: 80%;
  max-width: 80%;
}
#header_02 {
  margin: 0 auto;
  width: 90%!important;
  max-width: 90%!important;
}
#sp-f {
  display: inline;
}
.container {
  width: 640px;
  padding: 0px 10px;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
}
.contact-free-msg-box h2 {
  font-size: 47px;
}
.contact-free-msg-box-txt {
  font-size: 20px;
}
.contact-free-msg {
  padding: 13px;
}
.section-title {
  padding: 10px;
}
header h1 {
  margin: 0 auto;
  text-align: center;
  padding: 10px 0px 0px;
}
.section-title h2 {
  font-size: 22px;
	font-weight: bold;
}

#cta h2 {
  font-size: 40px!important;
	font-weight: bold;
}
#cta h2 .big {
  color: #fff000;
  font-size: 50px!important;
	font-family: HGPｺﾞｼｯｸE;
	font-weight: bold;
}
.sub1 h2 {
  font-size: 28px;
}
#sp-768 {
  display: block;
}
.sub1 h2 span {
  font-size: 33px;
}
.section-title img {
  width: 30%;
  margin-top: 10px;
}
.sub-box1-title {
  font-size: 17px;
  padding: 10px;
}
.problem-sub-box-item-txt p {
  font-size: 16px;
}
.problem-sub-box-item-txt {
  width: 90%;
}
.contact-sub-btn img {
  width: 32%;
  margin: 30px auto;
}
.sub2-item {
  width: 28%;
}
.point-box-title p {
  font-size: 18px;
}
p.space {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 0px;
}
}

@media (max-width : 640px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 640px;
  background-color: #0068b6;
}
#header_01 img {
  width: 70%;
  max-width: 70%;
}
#header_02 {
  margin: 0 auto;
  width: 90%!important;
  max-width: 90%!important;
}
#sp-f {
  display: inline;
}
.container {
  width: 100%;
}
#sp-640 {
  display: block;
}
h2 {
  padding: 10px 0px;
}
.contact-free-msg-box h2 {
  font-size: 186%;
  padding : 10px 0px;
	font-weight: bold;
}
.contact-free-msg-box {
  padding-bottom: 2%;
}
.contact-free-msg-box-txt {
  font-size: 17px;
  padding: 15px;
}
.pc-f-r {
  float: none;
  display: block;
}
.pc-f-l {
  float: none;
  display: block;
}
.section-title img {
  width: 60%;
  margin: 0 auto;
  text-align: center;
  margin-top: 10px;
}
.contact-sub-btn img {
  width: 100%;
  display: block;
  margin: 10px auto;
}
footer .contact-sub-btn img {
  width: 30%;
  display: inline-block;
  margin: 5px auto;
}
.sub-box1-title {
  font-size: 16px;
}
.sub-box1-title {
  font-size: 130%;
	font-weight: bold;

}
.problem-sub-box {
  padding: 18px;
}
.problem-sub-box-item-icon img {
  width: 98%;
}
.problem-sub-box-item-txt p {
  margin-top: -0.5%;
}
.sub1 {
  width: 98%;
}
#cta h2 {
  font-size: 35px!important;
}
#cta h2 .big {
  color: #fff000;
  font-size: 45px!important;
	font-family: HGPｺﾞｼｯｸE;
}
.triangle_down {
  border-right: 75px solid transparent;
  border-left: 75px solid transparent;
  border-top: 28px solid #0068b6;
}
.point-box-title img {
  width: 25%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.point-box-title p {
  width: 100%;
  display: block;
  text-align: center;
  margin-left: 0px;
  margin-top: 15px;
}
.point-box-body img {
  width: 15%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.point-box-body img {
  width: 100%;
  display: block;
  margin: 0 auto;
  text-align: center;
}
.point-box-body p {
  width: 100%;
  display: block;
  text-align: left;
  margin-left: 0px;
  margin-top: 15px;
}
.f-57 {
  font-size: 27px;
}
p.space {
  margin: 0px 0px 150px 0px;
  padding: 0px 0px 0px 0px;
}
}

@media (max-width : 560px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 560px;
  background-color: #0068b6;
}
#header_01 img {
  width: 70%;
  max-width: 70%;
}
#header_02 {
  margin: 0 auto;
  width: 90%!important;
  max-width: 90%!important;
}
#sp-f {
  display: inline;
}
.net-box img {
  width: 95%;
}
#sp-560 {
  display: block;
}
.sub2-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: break-all;
  margin-bottom: 10px;
}
.sub2-item img {
  width: 80%;
}
.sub2-item p {
  margin-bottom: 0px;
}
.sub2-msg {
  padding: 33px 0px;
}
p.space {
  margin: 0px 0px 150px 0px;
  padding: 0px 0px 0px 0px;
}
}

@media (max-width : 450px) {
#header_01 {
  margin: 0 auto;
  width: 100%;
  max-width: 450px;
  background-color: #0068b6;
}
#header_01 img {
  width: 60%;
  max-width: 60%;
}
#header_02 {
  margin: 0 auto;
  width: 450px!important;
  max-width: 90%!important;
}
#sp-f {
  display: inline;
}
#sp-450 {
  display: block;
}
.contact-free-msg-box h2 {
  font-size: 157%;
}
.contact-free-msg-box-txt {
  font-size: 17px;
}
.section-title h2 {
  font-size: 20px;
}
.section-title {
  padding: 4px;
}
#cta h2 {
  font-size: 24px!important;
}
#cta h2 .big {
  color: #fff000;
  font-size: 28px!important;
	font-family: HGPｺﾞｼｯｸE;
}
.sub1 h2 {
  font-size: 24px;
}
.sub1 h2 span {
  font-size: 28px;
}
.sub-box1-title {
  font-size: 106%;
}
.problem-sub-box-item-txt p {
  font-size: 14px;
}
.voice-box-body img {
  width: 52%;
}
.voice-txt {
  width: 100%;
  margin-top: 15px;
  margin-left: 0px;
}
.voice-title {
  font-size: 18px;
}
.voice-title span {
  font-size: 14px;
}
.point-box-title p {
  font-size: 15px;
}
p.space {
  margin: 0px 0px 150px 0px;
  padding: 0px 0px 0px 0px;
}
}

@media (max-width : 390px) {
#header_01 {
  margin: 0 auto;
  max-width: 100%;
  max-width: 390px;
  background-color: #0068b6;
}
#header_01 img {
  width: 50%;
  max-width: 50%;
}
#header_02 {
  margin: 0 auto;
  width: 90%!important;
  max-width: 90%!important;
}
#sp-f {
  display: inline;
}
.f-57 {
  font-size: 22px;
}
p.space {
  margin: 0px 0px 150px 0px;
  padding: 0px 0px 0px 0px;
}
}
.pp {
  text-align: center;
}
.pp a {
  color: #333;
  text-decoration: underline;

}
.copyright {
  padding: 30px 0 30px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-size: 16px!important;
  background-color: #0068b6;
  list-style: none;
  -webkit-margin-after: 0em;
}

#cta {
  width: 100%;
  max-width: 100%;
  padding: 0 0 40px;
  background-color: #0068b6;
}
#cta h2 {
  font-size: 60px;
	font-weight: bold;
}

#cta h2 .big {
  color: #fff000;
  font-size: 80px;
	font-family: HGPｺﾞｼｯｸE;
}
#cta_bg {
  margin: 0 auto;
  padding: 30px 0 30px;
  width: 900px;
  max-width: 90%;
  background-color: #fff;
  border-radius: 15px;
}
#cta_inner {
  margin: 0 auto;
  width: 778px;
  max-width: 90%;
}
#cta_inner img {
  width: 95%;
}
#cta_inner #btn_t img {
  width: 99%;
  margin-bottom: 1%;
}
#cta_inner #btn_m img {
  width: 99%;
  margin-bottom: 1%;
}
#cta_inner #btn_l img {
  width: 99%;
}
#cta_txt {
}
#cta_txt1 {
  margin-top: 3%;
}
#btn_t a:hover {
  filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#btn_m a:hover {
  filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#btn_l a:hover {
  filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

#cta_btn {
  position: fixed;
  bottom: 0;
  font-weight: bold;
  right: 20px;
  text-align: center;
}
#cta_btn a {
  height: 40px;
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 5px 50px 50px 50px;;
  background-color: #DC0003;
  border: solid 3px #FFFC48;
  border-radius: 15px;
}

#cta_btn a:hover {
  height: 30px;
  background-color: #BD0002;
  border-bottom: none;
  border-radius: 15px 15px 0 0;
  filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

/* 料金表 */
.ryoukin {
  width: 80%;
  margin-left:auto;
  margin-right:auto;
  font-size: 1.5em;
  border-collapse: collapse;
  border-spacing: 0;
  margin-top: 50px;
}
.ryoukin-item1{
  background-color: #efeded;
  text-align: left;

}
.ryoukin-item2 {
  background-color: #f2f2f2;
}

.ryoukin, .ryoukin-item1, .ryoukin-item2 {
  border: 1px #f5f5f5 solid;
}

/@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese");
@import url("https://fonts.googleapis.com/css?family=Sawarabi+Mincho:400,700&subset=japanese");
@import url("https://cdnjs.cloudflare.com/ajax/libs/aos/2.1.1/aos.css");
html, body, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, legend, textarea, pre, iframe, hr, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0
}

html {
  -webkit-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal
}

ul, ol {
  list-style: none
}

button, input, select, textarea {
  margin: 0
}

html, * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

*, ::before, ::after {
  background-repeat: no-repeat;
  box-sizing: inherit
}

img, embed, iframe, object, audio, video {
  height: auto;
  max-width: 100%
}

img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  vertical-align: bottom
}

iframe {
  border: 0
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

td, th {
  padding: 0;
  text-align: left
}

article, aside, figcaption, figure, footer, header, main, nav, section {
  display: block
}

a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

a:active, a:hover {
  outline-width: 0
}

b, strong {
  font-weight: bold
}

.clear {
  clear: both
}

.cf:before, .cf:after {
  content: "";
  display: block
}

.cf:after {
  clear: both
}

.cf {
  zoom: 1;
  overflow: hidden
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100
}

.table_w {
  width: 100%;
  display: table;
  table-layout: fixed
}

.table_c {
  display: table-cell;
  vertical-align: top
}

.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.mt05 {
  margin-top: 5px
}

.mt10 {
  margin-top: 10px
}

.mt20 {
  margin-top: 20px
}

.mt30 {
  margin-top: 30px
}

.mt40 {
  margin-top: 40px
}

.mt50 {
  margin-top: 50px
}

.mt60 {
  margin-top: 60px
}

.txt_c {
  text-align: center
}

button, input, optgroup, select, textarea {
  margin: 0;
  font: inherit;
  color: inherit
}

button {
  overflow: visible
}

button, select {
  text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] {
  cursor: default
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0
}

input {
  line-height: normal
}

input[type="checkbox"], input[type="radio"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
  height: auto
}

input[type="search"] {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none
}

fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0
}

legend {
  padding: 0;
  border: 0
}

textarea {
  overflow: auto
}

optgroup {
  font-weight: bold
}

@media only screen and (min-width: 769px) {
  .sp_only {
    display: none !important
  }
}

@media only screen and (max-width: 768px) {
  .pc_only {
    display: none !important
  }
  .sp_only {
    display: block !important
  }
}

.form_section table {
  border: 1px solid #ddd;
  width: 100%
}

@media only screen and (max-width: 768px) {
  .form_section table {
    border-bottom: none
  }
}

.form_section table th, .form_section table td {
  padding: 20px;
  border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 768px) {
  .form_section table th, .form_section table td {
    display: block;
    width: 100% !important;
    border-right: none
  }
}

.form_section table th {
  width: 280px;
  background: #f5f5f5;
  position: relative
}

.form_section table td {
  background: #fff
}

.form_section span.require, .form_section span.option {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  letter-spacing: 0.07em;
  padding: 3px 10px;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -12px
}

.form_section span.require {
  background: #cb1c1c
}

.form_section span.option {
  background: #1c77cb
}

.form_section [type=check], .form_section [type=radio], .form_section [type=submit] {
  cursor: pointer
}

.form_section [type=check]+label, .form_section [type=radio]+label {
  display: inline-block;
  cursor: pointer
}

.form_section [type=tel], .form_section [type=email], .form_section [type=text], .form_section [type=password], .form_section [type=number], .form_section textarea, .form_section select {
  padding: 1em;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  width: 100%;
  font-size: 14px
}

@media only screen and (max-width: 768px) {
  .form_section [type=tel], .form_section [type=email], .form_section [type=text], .form_section [type=password], .form_section [type=number], .form_section textarea, .form_section select {
    font-size: 16px
  }
}

.form_section textarea {
  height: 200px
}

.form_section input#zip1 {
  display: inline-block;
  width: 80px
}

.form_section input#zip2 {
  display: inline-block;
  width: 150px;
  margin-bottom: 7px
}

.form_section [type=submit] {
  display: block;
  border: 1px solid #9f8c00;
  background: #9f8c00;
  color: #fff;
  width: 500px;
  padding: 20px 0;
  text-align: center;
  font-size: 18px;
  margin: 25px auto 0;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s
}

@media only screen and (min-width: 769px) {
  .form_section [type=submit]:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75
  }
}

@media only screen and (max-width: 768px) {
  .form_section [type=submit] {
    width: 100%;
    padding: 20px 10px
  }
}

.form_section .checkbox input, .form_section .radio input {
  display: none
}

@media only screen and (min-width: 769px) {
  .form_section .checkbox li, .form_section .radio li {
    margin-top: 5px
  }
  .form_section .checkbox li:first-child, .form_section .radio li:first-child {
    margin-top: 0
  }
}

@media only screen and (max-width: 768px) {
  .form_section .checkbox li, .form_section .radio li {
    padding: 10px 0;
    border-bottom: 1px dotted #ddd
  }
  .form_section .checkbox li:first-child, .form_section .radio li:first-child {
    padding-top: 0
  }
  .form_section .checkbox li:last-child, .form_section .radio li:last-child {
    border-bottom: none
  }
  .form_section .checkbox li label, .form_section .radio li label {
    display: block
  }
}

@media only screen and (min-width: 769px) {
  .form_section .checkbox.inline_parts li, .form_section .radio.inline_parts li {
    display: inline-block;
    vertical-align: bottom;
    margin-top: 0;
    margin-right: 20px
  }
  .form_section .checkbox.inline_parts li:last-child, .form_section .radio.inline_parts li:last-child {
    margin-right: 0
  }
}

.form_section .checkbox .parts, .form_section .radio .parts {
  padding-left: 25px;
  position: relative;
  line-height: 1
}

.form_section .checkbox .parts::before, .form_section .radio .parts::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 0;
  border: 1px solid #ccc
}

.form_section .checkbox .parts::before {
  width: 15px;
  height: 15px;
  border-radius: 4px
}

.form_section .radio .parts::before {
  width: 16px;
  height: 16px;
  border-radius: 50%
}

.form_section .radio input:checked+.parts {
  color: #2ea2f3
}

.form_section .radio input:checked+.parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 9px;
  left: 3px;
  width: 10px;
  height: 10px;
  background: #2ea2f3;
  border-radius: 50%
}

.form_section .checkbox input:checked+.parts {
  color: #2ea2f3
}

.form_section .checkbox input:checked+.parts::after {
  content: "";
  display: block;
  position: absolute;
  top: 3px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #2ea2f3;
  border-right: 3px solid #2ea2f3
}

.form_section .selector {
  position: relative
}

.form_section .selector::after {
  content: "";
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 20px;
  z-index: 10;
  pointer-events: none
}

.form_section .selector select {
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  padding: 1em;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 5px;
  display: block;
  z-index: 1;
  cursor: pointer
}

.form_section .ermsg {
  font-size: 11px;
  color: #B50000
}

.form_section .radio .ermsg, .form_section .checkbox .ermsg {
  display: none
}

.form_section .radio li:first-child .ermsg, .form_section .checkbox li:first-child .ermsg {
  display: block
}

.form_section ::-webkit-input-placeholder {
  color: #b9b9b9
}

.form_section ::-moz-placeholder {
  color: #b9b9b9
}

.form_section :-moz-placeholder {
  color: #b9b9b9
}

.form_section :-ms-input-placeholder {
  color: #b9b9b9
}

@media only screen and (max-width: 768px) {
  #sp_menu {
    display: none;
    position: absolute;
    z-index: 100;
    top: 55px;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.9);
    text-align: center;
    height: 100vh;
    padding-bottom: 55px
  }
  #sp_menu ul {
    padding: 30px 20px 0
  }
  #sp_menu ul li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5)
  }
  #sp_menu ul li:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.5)
  }
  #sp_menu ul li a {
    display: block;
    text-decoration: none;
    padding: 15px 0;
    color: #fff
  }
  #sp_menu ul li span {
    display: inline-block;
    font-size: 10px;
    color: #060054;
    margin-left: 10px
  }
  #sp_menu .txt {
    padding: 30px 40px 0
  }
  .header_menu {
    position: absolute;
    width: 55px;
    height: 55px;
    top: 0;
    right: 0;
    padding: 11px 0 0 12px;
    z-index: 20
  }
  .menu-trigger, .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box
  }
  .menu-trigger {
    position: relative;
    width: 34px;
    height: 30px
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    border-radius: 4px
  }
  .menu-trigger span:nth-of-type(1) {
    top: 7px
  }
  .menu-trigger span:nth-of-type(2) {
    top: 15px
  }
  .menu-trigger span:nth-of-type(3) {
    bottom: 5px
  }
  .menu-trigger span:nth-of-type(1) {
    -webkit-animation: menu-bar01 .5s forwards;
    animation: menu-bar01 .5s forwards
  }
  @-webkit-keyframes menu-bar01 {
    0% {
      -webkit-transform: translateY(8px) rotate(-45deg)
    }
    100% {
      -webkit-transform: translateY(0) rotate(0)
    }
  }
  @keyframes menu-bar01 {
    0% {
      transform: translateY(8px) rotate(-45deg)
    }
    100% {
      transform: translateY(0) rotate(0)
    }
  }
  .menu-trigger span:nth-of-type(2) {
    -webkit-animation: menu-bar02 .5s forwards;
    animation: menu-bar02 .5s forwards
  }
  @-webkit-keyframes menu-bar02 {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  @keyframes menu-bar02 {
    0% {
      opacity: 0
    }
    100% {
      opacity: 1
    }
  }
  .menu-trigger span:nth-of-type(3) {
    -webkit-animation: menu-bar03 .5s forwards;
    animation: menu-bar03 .5s forwards
  }
  @-webkit-keyframes menu-bar03 {
    0% {
      -webkit-transform: translateY(-8px) rotate(45deg)
    }
    100% {
      -webkit-transform: translateY(0) rotate(0)
    }
  }
  @keyframes menu-bar03 {
    0% {
      transform: translateY(-8px) rotate(45deg)
    }
    100% {
      transform: translateY(0) rotate(0)
    }
  }
  .menu-trigger::after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
    border-radius: 50%;
    border: 1px solid rgba(204, 183, 86, 0.3);
    transition: all .1s;
    opacity: 0
  }
  .menu-trigger.close::after {
    -webkit-animation: circle .5s;
    animation: circle .5s
  }
  @-webkit-keyframes circle {
    0% {
      -webkit-transform: scale(0.1);
      opacity: 0
    }
    50% {
      opacity: 1
    }
    100% {
      -webkit-transform: scale(3.5);
      opacity: 0
    }
  }
  @keyframes circle {
    0% {
      transform: scale(0.1);
      opacity: 0
    }
    50% {
      opacity: 1
    }
    100% {
      transform: scale(3.5);
      opacity: 0
    }
  }
  .menu-trigger.close span:nth-of-type(1) {
    -webkit-animation: active-menu-bar01 .5s .5s forwards;
    animation: active-menu-bar01 .5s .5s forwards
  }
  @-webkit-keyframes active-menu-bar01 {
    0% {
      -webkit-transform: translateY(0) rotate(0)
    }
    100% {
      -webkit-transform: translateY(8px) rotate(-45deg)
    }
  }
  @keyframes active-menu-bar01 {
    0% {
      transform: translateY(0) rotate(0)
    }
    100% {
      transform: translateY(8px) rotate(-45deg)
    }
  }
  .menu-trigger.close span:nth-of-type(2) {
    -webkit-animation: active-menu-bar02 .5s .5s forwards;
    animation: active-menu-bar02 .5s .5s forwards
  }
  @-webkit-keyframes active-menu-bar02 {
    0% {
      opacity: 1
    }
    100% {
      opacity: 0
    }
  }
  @keyframes active-menu-bar02 {
    0% {
      opacity: 1
    }
    100% {
      opacity: 0
    }
  }
  .menu-trigger.close span:nth-of-type(3) {
    -webkit-animation: active-menu-bar03 .5s .5s forwards;
    animation: active-menu-bar03 .5s .5s forwards
  }
  @-webkit-keyframes active-menu-bar03 {
    0% {
      -webkit-transform: translateY(0) rotate(0)
    }
    100% {
      -webkit-transform: translateY(-8px) rotate(45deg)
    }
  }
  @keyframes active-menu-bar03 {
    0% {
      transform: translateY(0) rotate(0)
    }
    100% {
      transform: translateY(-8px) rotate(45deg)
    }
  }
}



a {
  color: #333
}

@media only screen and (min-width: 769px) {
  a:hover {
    color: #333;
    text-decoration: none
  }
  a, a img {
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    -ms-transition: .3s;
    transition: .3s
  }
  a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75
  }
}

.page_top {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 10;
  width: 60px;
  height: 60px;
  background: rgba(159, 140, 0, 0.75);
  text-align: center;
  color: #fff;
  font-size: 30px;
  text-decoration: none;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -moz-transition: 0s;
  -webkit-transition: 0s;
  -o-transition: 0s;
  -ms-transition: 0s;
  transition: 0s
}

.page_top:hover {
  background: #9f8c00;
  color: #fff
}

.page_top::after {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -4px;
  margin-right: -6px
}

@media only screen and (max-width: 768px) {
  .page_top {
    bottom: 10px;
    right: 10px;
    width: 40px;
    height: 40px;
    font-size: 22px
  }
  .page_top::after {
    width: 10px;
    height: 10px;
    margin-top: -3px;
    margin-right: -5px
  }
}

.mincho {
  font-family: 'Sawarabi Mincho', sans-serif
}

.main_ttl {
  text-align: center
}

.main_ttl h2 {
  color: #262626;
  font-size: 15px
}

@media only screen and (max-width: 768px) {
  .main_ttl h2 {
    font-size: 14px
  }
}

.main_ttl h2 span {
  display: block;
  color: #9f8c00;
  font-size: 27px;
  position: relative;
  margin-bottom: 6px
}

@media only screen and (max-width: 768px) {
  .main_ttl h2 span {
    font-size: 24px
  }
}

.main_ttl h2 span::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
  width: 115px;
  height: 1px;
  background: #9f8c00
}

.btn_01 a {
  display: block;
  text-decoration: none;
  border: 2px solid #9f8c00;
  background: #9f8c00;
  color: #fff;
  text-align: center;
  padding: 15px 0;
  font-size: 18px;
  font-weight: 700
}

@media only screen and (min-width: 769px) {
  .btn_01 a:hover {
    background: #fff;
    color: #9f8c00
  }
}

.btn_02 a {
  display: block;
  text-decoration: none;
  border: 1px solid #9f8c00;
  background: transparent;
  color: #9f8c00;
  text-align: center;
  padding: 15px 0;
  font-size: 18px
}

@media only screen and (min-width: 769px) {
  .btn_02 a:hover {
    background: #9f8c00;
    color: #fff !important
  }
}

.header {
width: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 1000;
background: #0068b6;

}

.header .inner {
  width: 1100px;
  margin: 0 auto;
  height: 77px;
  position: relative;
  padding-top: 10px
}

@media only screen and (max-width: 768px) {
  .header .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .header .inner {
    padding: 10px 0 0 10px;
    height: 55px
  }
  .header .inner .site_logo {
    width: 100px
  }
}

.header .header_open, .header .g_nav, .header .header_tel {
  position: absolute
}

.header .header_open {
  left: 200px;
  top: 20px
}

@media only screen and (max-width: 768px) {
  .header .header_open {
    top: 16px;
    left: 125px;
    width: 140px
  }
}

.header .header_tel {
  top: 22px;
  right: 0;
  width: 193px;
}

.header .g_nav {
  right: -50px;
  top: 27px
}

.header .g_nav ul {
  font-size: 0;
  text-align: right
}

.header .g_nav ul li {
  display: inline-block;
  vertical-align: top;
  font-size: 15px;
  margin-left: 30px
}

.header .g_nav ul li:first-child {
  margin-left: 0
}

.header .g_nav a {
  display: block;
  text-decoration: none;
  color: #fff;
  position: relative
}

.header .g_nav a:hover {
  color: #f5efdb
}

.header .g_nav a::after {
  position: absolute;
  bottom: -12px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background-color: #f5efdb;
  opacity: 0;
  transition: .3s
}

.header .g_nav a:hover::after {
  bottom: -5px;
  opacity: 1
}

@media only screen and (max-width: 768px) {
  .header .header_tel, .header .g_nav {
    display: none
  }
  .header .sp_header_btn {
    margin-top: 15px;
    padding: 0 55px
  }
  .header .sp_header_btn .item {
    margin-top: 15px
  }
  .header .sp_header_btn .item:first-child {
    margin-top: 0
  }
  .header .sp_header_btn .item a {
    display: block;
    border: 1px solid #9f8c00
  }
}

.top .fv {
  background-color: #000;
  background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/fv_slide1.jpg);
  background-repeat: no-repeat;
  background-position: center center
}

.top .fv .inner {
  width: 1100px;
  margin: 0 auto;
  height: 675px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .top .fv .inner {
    width: 100%
  }
}

.top .fv .inner .fv_txt {
  position: absolute;
  bottom: 5px;
  left: 0
}

@media only screen and (max-width: 768px) {
  .top .fv {
    padding-top: 55px;
    background: #000
  }
}

.top .section01 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section01_bg.png) repeat center top
}

.top .section01 .inner {
  padding: 50px 20px 40px
}

.top .section01 .main_ttl h2 {
  color: #fff
}

.top .section01 ul {
  margin-top: 40px;
  font-size: 0;
  text-align: center
}

.top .section01 ul li {
  display: inline-block;
  vertical-align: top;
  width: 32.4%;
  margin-left: 1.4%
}

.top .section01 ul li:first-child {
  margin-left: 0
}

@media only screen and (max-width: 768px) {
  .top .section01 ul li {
    display: block;
    width: 100%;
    margin: 15px 0 0
  }
  .top .section01 ul li:first-child {
    margin-top: 0
  }
}

.top .section02 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section02_bg.jpg) no-repeat 75% top;
  background-size: cover
}

.top .section02 .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 40px 20px 80px
}

@media only screen and (max-width: 768px) {
  .top .section02 .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .top .section02 .inner {
    padding: 40px 15px 60px
  }
}

.top .section02 .main_ttl h2 {
  color: #fff
}

.top .section02 .content {
  background: rgba(0, 0, 0, 0.7);
  padding: 40px
}

@media only screen and (max-width: 768px) {
  .top .section02 .content {
    padding: 40px 20px
  }
}

.top .section02 .read {
  margin-top: 30px;
  font-size: 18px;
  color: #fff;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .top .section02 .read {
    font-size: 3.5vw
  }
}

.top .section02 .btn_section {
  margin-top: 30px
}

.top .section02 .btn_section ul {
  font-size: 0
}

.top .section02 .btn_section ul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-left: 2%
}

.top .section02 .btn_section ul li:first-child {
  margin-left: 0
}

@media only screen and (max-width: 768px) {
  .top .section02 .btn_section ul li a {
    font-size: 4vw
  }
}

.top .section02 .option {
  margin-top: 30px
}

.top .section02 .option .heading {
  text-align: center
}

.top .section02 .option .heading span {
  display: inline-block;
  border-bottom: 1px solid #000;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 3px
}

@media only screen and (max-width: 768px) {
  .top .section02 .option .heading span {
    font-size: 4.5vw
  }
}

.top .section02 .option ul {
  margin-top: 30px;
  font-size: 0;
  text-align: center
}

.top .section02 .option ul li {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  font-size: 17px;
  background: #d2d2d2;
  padding: 12px;
  margin-left: 2%;
  margin-top: 20px;
  text-align: left
}

@media only screen and (max-width: 768px) {
  .top .section02 .option ul li {
    display: block;
    width: 100%;
    font-size: 3.5vw;
    padding: 10px;
    margin-left: 0;
    margin-top: 14px
  }
}

.top .section02 .option ul li:nth-child(odd) {
  margin-left: 0
}

.top .section02 .option ul li:nth-child(1), .top .section02 .option ul li:nth-child(2) {
  margin-top: 0
}

@media only screen and (max-width: 768px) {
  .top .section02 .option ul li:nth-child(1), .top .section02 .option ul li:nth-child(2) {
    margin-top: 14px
  }
}

@media only screen and (max-width: 768px) {
  .top .section02 .option ul li:nth-child(1) {
    margin-top: 0
  }
}

.top .section02 .option ul li .wrap {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: #fff
}

.top .section02 .option ul li .image, .top .section02 .option ul li .txt {
  display: table-cell;
  vertical-align: middle
}

.top .section02 .option ul li .image {
  width: 96px
}

@media only screen and (max-width: 768px) {
  .top .section02 .option ul li .image {
    width: 80px
  }
}

.top .section02 .option ul li .txt {
  padding-left: 12px
}

@media only screen and (max-width: 768px) {
  .top .section02 .option ul li .txt {
    padding: 12px;
    font-weight: bold
  }
}

.top .section02 .option .supplement {
  margin-top: 5px;
  font-size: 12px
}

@media only screen and (max-width: 768px) {
  .top .section02 .option .supplement {
    font-size: 10px
  }
}

.top .section02 .option .initial {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold
}

@media only screen and (max-width: 768px) {
  .top .section02 .option .initial {
    font-size: 5vw
  }
}

.top .section02 .course {
  margin-top: 30px
}

.top .section02 .course ul {
  font-size: 0
}

.top .section02 .course ul li {
  display: inline-block;
  vertical-align: top;
  width: 49%;
  margin-left: 2%
}

.top .section02 .course ul li:first-child {
  margin-left: 0
}

@media only screen and (max-width: 768px) {
  .top .section02 .course ul li {
    display: block;
    width: 100%;
    margin: 15px 0 0
  }
  .top .section02 .course ul li:first-child {
    margin-top: 0
  }
}

.top .section03 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section03_bg.png) repeat center top;
  padding: 50px 0
}

@media only screen and (max-width: 768px) {
  .top .section03 {
    padding: 0;
    padding-top: 40px
  }
}

.top .section03 .wrap {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section03_bg2.png) no-repeat center top;
  height: 537px;
  margin-top: 40px
}

@media only screen and (max-width: 768px) {
  .top .section03 .wrap {
    background: none;
    height: auto;
    margin-top: 30px;
    padding: 0 20px 40px
  }
}

.top .section03 .inner {
  width: 1100px;
  margin: 0 auto;
  padding-top: 50px
}

@media only screen and (max-width: 768px) {
  .top .section03 .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .top .section03 .inner {
    padding-top: 0
  }
}

.top .section03 .heading {
  position: relative;
  font-size: 35px;
  color: #3a3a3a
}

@media only screen and (max-width: 768px) {
  .top .section03 .heading {
    font-size: 4.5vw;
    text-align: center;
    font-weight: bold
  }
}

.top .section03 .heading::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 0;
  width: 640px;
  height: 1px;
  background: #9f8c00
}

@media only screen and (max-width: 768px) {
  .top .section03 .heading::after {
    width: 250px;
    right: 0;
    margin: 0 auto
  }
}

.top .section03 .slide {
  margin-top: 60px;
  width: 583px
}

@media only screen and (max-width: 768px) {
  .top .section03 .slide {
    margin-top: 40px;
    width: 100%
  }
}

.top .section04 .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 50px 0
}

@media only screen and (max-width: 768px) {
  .top .section04 .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .top .section04 .inner {
    padding: 40px 20px
  }
}

.top .section04 ul {
  margin-top: 40px
}

.top .section04 ul li {
  margin-top: 30px;
  background: #282828
}

.top .section04 ul li:first-child {
  margin-top: 0
}

.top .section04 .wrap {
  width: 100%;
  display: table;
  table-layout: fixed
}

.top .section04 .wrap .image, .top .section04 .wrap .txt {
  display: table-cell;
  vertical-align: top
}

@media only screen and (max-width: 768px) {
  .top .section04 .wrap .image, .top .section04 .wrap .txt {
    display: block
  }
}

.top .section04 .wrap .image {
  width: 310px;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover
}

@media only screen and (max-width: 768px) {
  .top .section04 .wrap .image {
    width: 100%;
    padding: 20px 20px 0;
    background: none !important
  }
}

.top .section04 .wrap .txt {
  padding: 20px;
  color: #fff;
  font-size: 14px
}

@media only screen and (max-width: 768px) {
  .top .section04 .wrap .txt {
    font-size: 3.2vw
  }
}

.top .section04 .position {
  font-size: 14px
}

@media only screen and (max-width: 768px) {
  .top .section04 .position {
    font-size: 3vw
  }
}

.top .section04 .name {
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 10px
}

@media only screen and (max-width: 768px) {
  .top .section04 .name {
    font-size: 6vw
  }
}

.top .section04 .name span {
  font-size: 20px
}

.top .section04 table {
  margin-top: 10px
}

.top .section04 table th, .top .section04 table td {
  vertical-align: top
}

@media only screen and (max-width: 768px) {
  .top .section04 table th, .top .section04 table td {
    display: block;
    width: 100% !important
  }
}

.top .section04 table th {
  font-weight: normal;
  width: 140px
}

@media only screen and (max-width: 768px) {
  .top .section04 table th {
    padding-top: 10px
  }
}

.top .section04 ul li.shima .wrap .image {
  background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section04_shima.png)
}

.top .section04 ul li.shima .wrap .txt {
  font-size: 15px
}

@media only screen and (max-width: 768px) {
  .top .section04 ul li.shima .wrap .txt {
    font-size: 3.2vw
  }
}

.top .section04 ul li.yamashita .wrap .image {
  background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section04_yamashita.png)
}

.top .section04 ul li.sakaguchi .wrap {
  min-height: 300px
}

@media only screen and (max-width: 768px) {
  .top .section04 ul li.sakaguchi .wrap {
    min-height: auto
  }
}

.top .section04 ul li.sakaguchi .wrap .txt {
  vertical-align: middle
}

.top .section04 ul li.sakaguchi .wrap .image {
  background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section04_sakaguchi.png)
}

.top .section05 {
  background: #282828
}

.top .section05 .main_ttl h2 {
  color: #fff
}

.top .section05 .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 80px 60px
}

@media only screen and (max-width: 768px) {
  .top .section05 .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .top .section05 .inner {
    padding: 40px 20px
  }
}

.top .section05 .content {
  background: rgba(255, 255, 255, 0.9);
  padding: 10px 50px 30px;
  margin-top: 40px
}

@media only screen and (max-width: 768px) {
  .top .section05 .content {
    margin-top: 30px;
    padding: 15px
  }
}

.top .section05 ul li {
  border-bottom: 1px solid #c7c7c7;
  position: relative
}

.top .section05 ul li:first-child .ttl {
  padding-right: 50px
}

@media only screen and (max-width: 768px) {
  .top .section05 ul li:first-child .ttl {
    padding-right: 0
  }
}

.top .section05 ul li:first-child::after {
  content: 'NEW';
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -7px;
  background: #9f8c00;
  font-style: italic;
  color: #fff;
  font-size: 12px;
  padding: 2px 10px;
  pointer-events: none
}

@media only screen and (max-width: 768px) {
  .top .section05 ul li:first-child::after {
    font-size: 10px;
    top: 14px;
    left: 0;
    right: auto
  }
}

.top .section05 ul li a {
  text-decoration: none;
  width: 100%;
  display: table;
  table-layout: fixed;
  padding: 15px
}

@media only screen and (max-width: 768px) {
  .top .section05 ul li a {
    padding: 15px 0
  }
}

.top .section05 ul li a .date, .top .section05 ul li a .image, .top .section05 ul li a .ttl {
  display: table-cell;
  vertical-align: middle
}

@media only screen and (max-width: 768px) {
  .top .section05 ul li a .date, .top .section05 ul li a .image, .top .section05 ul li a .ttl {
    vertical-align: top
  }
}

.top .section05 .date {
  width: 130px;
  font-weight: bold
}

@media only screen and (max-width: 768px) {
  .top .section05 .date {
    display: none !important
  }
}

.top .section05 .image {
  width: 90px
}

.top .section05 .ttl {
  padding-left: 20px
}

@media only screen and (max-width: 768px) {
  .top .section05 .ttl {
    padding-left: 15px;
    font-size: 3.5vw
  }
  .top .section05 .ttl .sp_date {
    font-size: 3vw
  }
}

@media only screen and (min-width: 769px) {
  .top .section05 img:hover {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1
  }
  .top .section05 a:hover {
    color: #9f8c00
  }
  .top .section05 a:hover img {
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75
  }
}

.top .section05 .btn_02 {
  margin: 0 auto;
  margin-top: 25px;
  width: 400px
}

@media only screen and (max-width: 768px) {
  .top .section05 .btn_02 {
    width: 100%
  }
}

.top .section06 {
  background: #ededed
}

.top .section06 .wrap {
  width: 100%;
  display: table;
  table-layout: fixed;
  height: 410px
}

@media only screen and (max-width: 768px) {
  .top .section06 .wrap {
    height: auto;
    padding-top: 20px
  }
}

.top .section06 .wrap .txt, .top .section06 .wrap .map {
  display: table-cell;
  vertical-align: middle
}

@media only screen and (max-width: 768px) {
  .top .section06 .wrap .txt, .top .section06 .wrap .map {
    display: block
  }
}

.top .section06 .wrap .txt {
  width: 45%;
  padding: 20px
}

@media only screen and (max-width: 768px) {
  .top .section06 .wrap .txt {
    width: 100%
  }
}

.top .section06 .wrap .txt .read {
  margin-top: 30px;
  font-size: 17px;
  text-align: center
}

@media only screen and (max-width: 768px) {
  .top .section06 .wrap .txt .read {
    font-size: 4vw;
    margin-top: 20px
  }
}

.top .section06 .wrap .txt .read span {
  display: block;
  font-size: 24px
}

@media only screen and (max-width: 768px) {
  .top .section06 .wrap .txt .read span {
    font-size: 5vw
  }
}

.top .section06 .wrap .map {
  width: 55%
}

@media only screen and (max-width: 768px) {
  .top .section06 .wrap .map {
    width: 100%
  }
}

.top .section06 .wrap .map iframe {
  width: 100%;
  height: 410px;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%)
}

@media only screen and (max-width: 768px) {
  .top .section06 .wrap .map iframe {
    height: 250px
  }
}

.instagram .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 70px 0 30px
}

@media only screen and (max-width: 768px) {
  .instagram .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .instagram .inner {
    padding: 50px 20px 30px
  }
}

.instagram ul {
  margin-top: 40px;
  font-size: 0
}

.instagram ul li {
  display: inline-block;
  vertical-align: top;
  width: 15%
}

@media only screen and (min-width: 769px) {
  .instagram ul li {
    margin-left: 2%;
    margin-top: 20px
  }
  .instagram ul li:nth-child(6n+1) {
    margin-left: 0
  }
  .instagram ul li:nth-child(1), .instagram ul li:nth-child(2), .instagram ul li:nth-child(3), .instagram ul li:nth-child(4), .instagram ul li:nth-child(5), .instagram ul li:nth-child(6) {
    margin-top: 0
  }
}

@media only screen and (max-width: 768px) {
  .instagram ul li {
    width: 32%;
    margin-left: 2%;
    margin-top: 8px
  }
  .instagram ul li:nth-child(1), .instagram ul li:nth-child(2), .instagram ul li:nth-child(3) {
    margin-top: 0
  }
  .instagram ul li:nth-child(3n+1) {
    margin-left: 0
  }
}

@media only screen and (min-width: 769px) {
  .instagram #sb_instagram {
    margin-top: 30px
  }
}

@media only screen and (max-width: 768px) {
  .instagram #sbi_images {
    font-size: 0;
    margin-top: 20px
  }
  .instagram #sbi_images .sbi_item {
    display: inline-block !important;
    vertical-align: top;
    width: 33% !important;
    padding: 1px !important
  }
}

.side_counseling_wrap {
  width: 66px;
  position: fixed;
  right: -82px;
  top: 180px;
  z-index: 1000
}

.footer {
  background: #2f2d2d
}

.footer .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 60px 0 40px
}

@media only screen and (max-width: 768px) {
  .footer .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .footer .inner {
    padding: 40px 20px
  }
}

.footer .footer_btn ul {
  font-size: 0;
  text-align: center
}

.footer .footer_btn ul li {
  display: inline-block;
  vertical-align: top;
  width: 257px;
  margin-left: 20px
}

@media only screen and (max-width: 768px) {
  .footer .footer_btn ul li {
    margin-left: 0;
    margin-top: 10px
  }
}

.footer .footer_btn ul li:first-child {
  margin-left: 0
}

@media only screen and (max-width: 768px) {
  .footer .footer_btn ul li:first-child {
    margin-top: 0
  }
}

.footer .footer_btn ul li a {
  display: block;
  border: 1px solid #9f8c00;
  height: 53px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 257px auto
}

@media only screen and (min-width: 769px) {
  .footer .footer_btn ul li a:hover {
    background-color: #9f8c00
  }
}

.footer .footer_btn ul li a.footer_tel {
  background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/common/footer_tel.png)
}

@media only screen and (min-width: 769px) {
  .footer .footer_btn ul li a.footer_tel:hover {
    background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/common/footer_tel_active.png)
  }
}

.footer .footer_btn ul li a.footer_contact {
  background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/common/footer_contact.png)
}

@media only screen and (min-width: 769px) {
  .footer .footer_btn ul li a.footer_contact:hover {
    background-image: url(https://henkin-soudan.lawyer/lp-blue/css/img/common/footer_contact_active.png)
  }
}

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

.footer .footer_link a {
  color: #fff;
  font-size: 13px;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .footer .footer_link a {
    font-size: 3vw
  }
}

.footer .footer_link a:hover {
  text-decoration: underline
}

.footer .copyright {
  margin-top: 30px;
  font-size: 12px;
  text-align: center;
  color: #fff
}

.container {
  width: 1100px;
  margin: 0 auto;
  padding: 60px 0
}

@media only screen and (max-width: 768px) {
  .container {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .container {
    padding: 30px 15px
  }
}

.page_fv .inner {
  width: 1100px;
  margin: 0 auto;
  height: 322px;
  position: relative;
  padding-top: 154px
}

@media only screen and (max-width: 768px) {
  .page_fv .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .page_fv .inner {
    padding-right: 12px;
    padding-top: 100px;
    height: 220px
  }
}

.page_fv .page_ttl {
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: right
}

@media only screen and (max-width: 768px) {
  .page_fv .page_ttl {
    font-size: 22px
  }
}

.page_fv .page_ttl span {
  display: block;
  font-weight: normal;
  font-size: 18px;
  color: #ccb26c
}

@media only screen and (max-width: 768px) {
  .page_fv .page_ttl span {
    font-size: 14px
  }
}

.breadcrumb {
  background: #f5f5f5
}

.breadcrumb ol {
  width: 1100px;
  margin: 0 auto;
  padding-bottom: 5px
}

@media only screen and (max-width: 768px) {
  .breadcrumb ol {
    width: 100%;
    padding-left: 10px
  }
}

.breadcrumb ol li {
  display: inline;
  font-size: 10px;
  margin-right: 5px
}

.breadcrumb ol li::before {
  content: "/";
  margin-right: 5px
}

.breadcrumb ol li:first-child::before {
  display: none
}

.breadcrumb ol li a {
  text-decoration: none
}

.breadcrumb ol li a:hover {
  text-decoration: underline
}

.page_about .page_fv {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/fv.png) no-repeat center bottom
}

@media only screen and (max-width: 768px) {
  .page_about .page_fv {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/fv_sp.png) no-repeat center bottom;
    background-size: cover
  }
}

.page_about .section01 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section05_bg.png) repeat center top;
  background-size: cover;
  background: red
}

@media only screen and (max-width: 768px) {
  .page_about .section01 {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section05_bg_sp.png) no-repeat center top;
    background-size: cover
  }
}

.page_about .section01 .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 40px 550px 20px 0
}

@media only screen and (max-width: 768px) {
  .page_about .section01 .inner {
    width: 100%;
    height: auto;
    padding: 50px 20px
  }
  .page_about .section01 .inner .sp_image {
    margin-bottom: 15px
  }
}

.page_about .section01 .txt {
  margin-top: 20px;
  border: 1px solid #9f8c00;
  padding: 30px
}

@media only screen and (max-width: 768px) {
  .page_about .section01 .txt {
    font-size: 4vw
  }
}

.page_about .section01 .txt .ceo {
  margin-top: 10px;
  text-align: right
}

.page_about .section01 .txt .ceo span {
  display: inline-block;
  margin-right: 10px;
  font-size: 13px;
  color: #9f8c00
}

.page_about .section01 .image {
  margin-top: 15px;
  text-align: center
}

.page_about .section02 {
  margin-top: 50px
}

@media only screen and (max-width: 768px) {
  .page_about .section02 {
    margin-top: 40px
  }
}

.page_about .section02 .item {
  margin-top: 40px;
  background: #fff
}

@media only screen and (max-width: 768px) {
  .page_about .section02 .item {
    margin-top: 30px
  }
}

.page_about .section02 .item:first-child {
  margin-top: 0
}

.page_about .section02 h2 {
  background: #000;
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  padding: 12px 10px 12px 25px
}

@media only screen and (max-width: 768px) {
  .page_about .section02 h2 {
    font-size: 4.5vw;
    padding: 12px
  }
  .page_about .section02 h2 span {
    display: block;
    font-size: 3vw
  }
}

.page_about .section02 .inner {
  padding: 30px
}

@media only screen and (max-width: 768px) {
  .page_about .section02 .inner {
    padding: 15px 5px
  }
}

.page_about .section02 table {
  width: 100%;
  border: 1px solid #ddd
}

@media only screen and (max-width: 768px) {
  .page_about .section02 table {
    font-size: 3vw
  }
}

.page_about .section02 table thead th {
  background: #969696;
  color: #fff;
  text-align: center;
  border-left: 1px solid #fff;
  padding: 10px;
  width: 20%
}

@media only screen and (max-width: 768px) {
  .page_about .section02 table thead th {
    padding: 10px 5px
  }
  .page_about .section02 table thead th.name {
    width: 25%
  }
  .page_about .section02 table thead th.number {
    width: 15%
  }
}

.page_about .section02 table tbody td {
  text-align: center;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px
}

@media only screen and (max-width: 768px) {
  .page_about .section02 table tbody td {
    padding: 5px
  }
}

.page_about .section03 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/top/section03_bg.png) repeat center bottom
}

.page_about .section03 .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 50px 0
}

@media only screen and (max-width: 768px) {
  .page_about .section03 .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .page_about .section03 .inner {
    padding: 50px 15px
  }
}

.page_about .section03 .image {
  margin-top: 40px;
  text-align: center
}

.page_about .section04 {
  margin-top: 50px
}

.page_about .section04 ul {
  margin-top: 50px
}

.page_about .section04 ul li {
  padding: 180px 0
}

@media only screen and (max-width: 768px) {
  .page_about .section04 ul li {
    padding: 100px 20px
  }
}

.page_about .section04 ul li .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 0 50px
}

@media only screen and (max-width: 768px) {
  .page_about .section04 ul li .inner {
    width: 100%;
    padding: 0
  }
}

.page_about .section04 h3 {
  font-size: 28px
}

@media only screen and (max-width: 768px) {
  .page_about .section04 h3 {
    font-size: 6vw;
    text-align: center
  }
}

.page_about .section04 .txt {
  margin-top: 30px
}

@media only screen and (max-width: 768px) {
  .page_about .section04 .txt {
    font-size: 14px
  }
}

.page_about .section04 .concept01 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/section04_concept01.png) no-repeat center top;
  background-size: cover;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .page_about .section04 .concept01 {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/section04_concept01_sp.png) no-repeat center top;
    background-size: cover
  }
}

.page_about .section04 .concept02 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/section04_concept02.png) no-repeat center top;
  background-size: cover
}

@media only screen and (max-width: 768px) {
  .page_about .section04 .concept02 {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/section04_concept02_sp.png) no-repeat center top;
    background-size: cover
  }
}

.page_about .section04 .concept03 {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/section04_concept03.png) no-repeat center top;
  background-size: cover;
  color: #fff
}

@media only screen and (max-width: 768px) {
  .page_about .section04 .concept03 {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/about/section04_concept03_sp.png) no-repeat center top;
    background-size: cover
  }
}

.page_about .section04 .concept03 .btn {
  margin-top: 30px;
  width: 363px
}

@media only screen and (max-width: 768px) {
  .page_about .section04 .concept03 .btn {
    width: 100%
  }
}

.page_about .section04 .concept03 .btn a {
  display: block;
  border: 1px solid #9f8c00;
  color: #9f8c00;
  text-align: center;
  padding: 15px 0;
  font-size: 18px;
  text-decoration: none
}

@media only screen and (max-width: 768px) {
  .page_about .section04 .concept03 .btn a {
    font-size: 18px;
    padding: 10px 0
  }
}

.page_about .section04 .concept03 .btn a:hover {
  background: #9f8c00;
  color: #fff
}

.page_about .section06 {
  background: #bfb79d;
  margin-top: 2px
}

.page_about .section06 .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 50px 0 50px 70px;
  position: relative
}

@media only screen and (max-width: 768px) {
  .page_about .section06 .inner {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .page_about .section06 .inner {
    padding: 40px 20px
  }
}

.page_about .section06 .btn {
  position: absolute;
  right: 120px;
  top: 70px
}

@media only screen and (max-width: 768px) {
  .page_about .section06 .btn {
    position: static;
    margin-top: 15px
  }
}

.page_about .section05 .inner {
  width: 1100px;
  margin: 0 auto;
  padding: 40px 0 40px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .inner {
    width: 100%
  }
}

.page_about .section05 .option {
  margin-top: 30px;
  padding: 0 130px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option {
    margin-top: 10px;
    padding: 30px 20px
  }
}

.page_about .section05 .option .heading {
  text-align: center
}

.page_about .section05 .option .heading span {
  display: inline-block;
  border-bottom: 1px solid #000;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 3px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option .heading span {
    font-size: 4.5vw
  }
}

.page_about .section05 .option ul {
  margin-top: 30px;
  font-size: 0
}

.page_about .section05 .option ul li {
  width: 410px;
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  background: #d2d2d2;
  padding: 12px;
  margin-left: 20px;
  margin-top: 20px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option ul li {
    display: block;
    width: 100%;
    font-size: 3.5vw;
    padding: 10px;
    margin-left: 0;
    margin-top: 14px
  }
}

.page_about .section05 .option ul li:nth-child(odd) {
  margin-left: 0
}

.page_about .section05 .option ul li:nth-child(1), .page_about .section05 .option ul li:nth-child(2) {
  margin-top: 0
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option ul li:nth-child(1), .page_about .section05 .option ul li:nth-child(2) {
    margin-top: 14px
  }
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option ul li:nth-child(1) {
    margin-top: 0
  }
}

.page_about .section05 .option ul li .wrap {
  width: 100%;
  display: table;
  table-layout: fixed;
  background: #fff
}

.page_about .section05 .option ul li .image, .page_about .section05 .option ul li .txt {
  display: table-cell;
  vertical-align: middle
}

.page_about .section05 .option ul li .image {
  width: 96px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option ul li .image {
    width: 80px
  }
}

.page_about .section05 .option ul li .txt {
  padding-left: 12px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option ul li .txt {
    padding: 12px;
    font-weight: bold
  }
}

.page_about .section05 .option .supplement {
  margin-top: 5px;
  font-size: 12px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option .supplement {
    font-size: 10px
  }
}

.page_about .section05 .option .initial {
  margin-top: 20px;
  font-size: 20px;
  font-weight: bold
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .option .initial {
    font-size: 5vw
  }
}

.page_about .section05 .plan ul {
  font-size: 0;
  text-align: center;
  margin-top: 30px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .plan ul {
    margin-top: 0;
    padding: 0 15px
  }
}

.page_about .section05 .plan ul li {
  display: inline-block;
  vertical-align: top;
  width: 500px
}

@media only screen and (max-width: 768px) {
  .page_about .section05 .plan ul li {
    width: 100%
  }
  .page_about .section05 .plan ul li:nth-child(2) {
    margin-top: 15px
  }
}

@media only screen and (min-width: 769px) {
  .page_about .section05 .plan ul li:nth-child(1) {
    padding-right: 10px
  }
  .page_about .section05 .plan ul li:nth-child(2) {
    padding-left: 10px
  }
}

.page_flow .page_fv {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/flow/fv.png) no-repeat center bottom
}

@media only screen and (max-width: 768px) {
  .page_flow .page_fv {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/flow/fv_sp.png) no-repeat center bottom;
    background-size: cover
  }
}

.page_flow .section01 ul li {
  padding: 50px 30px;
  width: 100%;
  display: table;
  table-layout: fixed;
  border-bottom: 1px solid #ddd
}

@media only screen and (max-width: 768px) {
  .page_flow .section01 ul li {
    display: block;
    padding: 30px 0
  }
}

.page_flow .section01 ul li .step, .page_flow .section01 ul li .txt, .page_flow .section01 ul li .image {
  display: table-cell;
  vertical-align: middle
}

@media only screen and (max-width: 768px) {
  .page_flow .section01 ul li .step, .page_flow .section01 ul li .txt, .page_flow .section01 ul li .image {
    display: block
  }
}

.page_flow .step {
  width: 135px
}

@media only screen and (max-width: 768px) {
  .page_flow .step {
    width: 60px;
    margin: 0 auto
  }
}

.page_flow .image {
  width: 340px
}

@media only screen and (max-width: 768px) {
  .page_flow .image {
    width: 100%
  }
}

@media only screen and (max-width: 768px) {
  .page_flow .sp_image {
    margin-top: 10px
  }
}

.page_flow .txt {
  padding: 0 30px
}

@media only screen and (max-width: 768px) {
  .page_flow .txt {
    padding: 0;
    margin-top: 10px
  }
}

.page_flow .txt h3 {
  color: #9f8c00;
  font-size: 26px
}

@media only screen and (max-width: 768px) {
  .page_flow .txt h3 {
    text-align: center;
    font-size: 6vw
  }
}

.page_flow .txt p {
  margin-top: 5px
}

.page_flow .txt .btn {
  margin-top: 20px
}

@media only screen and (max-width: 768px) {
  .page_flow .txt .btn a {
    display: block;
    border: 1px solid #9f8c00;
    text-align: center;
    padding: 12px 70px
  }
}

.page_flow .btn2 {
  margin-top: 50px;
  text-align: center
}

.page_flow .btn2 a {
  display: inline-block;
  font-size: 20px;
  padding: 20px 110px;
  border: 1px solid #9f8c00;
  background: #fff;
  color: #9f8c00;
  text-decoration: none
}

@media only screen and (min-width: 769px) {
  .page_flow .btn2 a:hover {
    background: #9f8c00;
    color: #fff
  }
}

@media only screen and (max-width: 768px) {
  .page_flow .btn2 a {
    display: block;
    width: 100%;
    font-size: 4.5vw;
    padding: 15px 0
  }
}

.page_information .page_fv {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/information/fv.png) no-repeat center bottom
}

@media only screen and (max-width: 768px) {
  .page_information .page_fv {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/information/fv_sp.png) no-repeat center bottom;
    background-size: cover
  }
}

.page_information .container {
  background: #fff;
  padding: 50px 0
}

@media only screen and (max-width: 768px) {
  .page_information .container {
    padding: 30px 15px;
    width: 100%
  }
}

.page_information .main {
  float: left;
  width: 780px
}

@media only screen and (max-width: 768px) {
  .page_information .main {
    float: none;
    width: 100%
  }
}

.page_information .side {
  float: right;
  width: 270px
}

@media only screen and (max-width: 768px) {
  .page_information .side {
    float: none;
    width: 100%;
    margin-top: 50px
  }
}

.page_information .side .side_ttl {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.34);
  border-bottom: 1px solid rgba(0, 0, 0, 0.34);
  padding: 15px 10px
}

.page_information .side .side_ttl::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.34)
}

.page_information .side .side_archive ul li {
  border-bottom: 1px solid #ddd
}

.page_information .side .side_archive ul li a {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-decoration: none;
  padding: 20px 10px
}

@media only screen and (max-width: 768px) {
  .page_information .side .side_archive ul li a {
    padding: 20px 0
  }
}

.page_information .side .side_archive ul li a .image, .page_information .side .side_archive ul li a .txt {
  display: table-cell;
  vertical-align: middle
}

.page_information .side .side_archive ul li a .image {
  width: 70px
}

@media only screen and (max-width: 768px) {
  .page_information .side .side_archive ul li a .image {
    width: 80px
  }
}

.page_information .side .side_archive ul li a .image img {
  border: 2px solid #ddd
}

.page_information .side .side_archive ul li a .txt {
  padding-left: 10px
}

@media only screen and (max-width: 768px) {
  .page_information .side .side_archive ul li a .txt {
    padding-left: 15px
  }
}

.page_information .side .side_archive .name {
  font-size: 13px;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s
}

.page_information .side .side_archive a:hover .name {
  color: #9f8c00
}

.page_information .article_archive ul li a {
  display: table;
  table-layout: fixed;
  width: 100%;
  text-decoration: none;
  padding: 20px
}

@media only screen and (max-width: 768px) {
  .page_information .article_archive ul li a {
    padding: 20px 0
  }
}

.page_information .article_archive ul li a .image, .page_information .article_archive ul li a .txt {
  display: table-cell;
  vertical-align: middle
}

.page_information .article_archive ul li a .image {
  width: 120px
}

@media only screen and (max-width: 768px) {
  .page_information .article_archive ul li a .image {
    width: 80px
  }
}

.page_information .article_archive ul li a .image img {
  border: 2px solid #ddd
}

.page_information .article_archive ul li a .txt {
  padding-left: 20px
}

@media only screen and (max-width: 768px) {
  .page_information .article_archive ul li a .txt {
    padding-left: 15px
  }
}

.page_information .article_archive ul li:first-child a {
  padding-top: 0
}

.page_information .article_archive .name {
  font-size: 18px;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
  padding-bottom: 8px;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s
}

@media only screen and (max-width: 768px) {
  .page_information .article_archive .name {
    font-size: 4vw
  }
}

.page_information .article_archive .date {
  margin-top: 5px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54)
}

@media only screen and (max-width: 768px) {
  .page_information .article_archive .date {
    font-size: 10px
  }
}

@media only screen and (min-width: 769px) {
  .page_information .article_archive a:hover .name {
    color: #9f8c00
  }
}

.page_information .article_title {
  font-size: 20px;
  font-weight: bold;
  position: relative;
  border-top: 1px solid rgba(0, 0, 0, 0.34);
  border-bottom: 1px solid rgba(0, 0, 0, 0.34);
  padding: 15px 10px
}

@media only screen and (max-width: 768px) {
  .page_information .article_title {
    font-size: 5vw
  }
}

.page_information .article_title::before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.34)
}

.page_information .single .date {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
  text-align: right
}

@media only screen and (max-width: 768px) {
  .page_information .single .date {
    font-size: 10px
  }
}

.page_information .single .eyecatch {
  margin-top: 20px
}

.page_information .article_body p {
  margin-top: 30px;
  font-size: 16.5px
}

@media only screen and (max-width: 768px) {
  .page_information .article_body p {
    font-size: 15px
  }
}

.page_information .article_body h2 {
  font-size: 20px;
  font-weight: bold;
  margin-top: 40px
}

.page_information .article_body h3 {
  font-size: 18px;
  font-weight: bold;
  margin-top: 40px
}

.wp-pagenavi {
  clear: both;
  margin-top: 20px
}

.wp-pagenavi a, .wp-pagenavi span {
  text-decoration: none;
  border: 1px solid #ddd;
  padding: 3px 10px;
  margin: 2px
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
  border-color: #9f8c00;
  background: #9f8c00;
  color: #fff
}

.wp-pagenavi span.current {
  font-weight: bold
}

.wp-pagenavi span.pages {
  display: none
}

.page_couseling .page_fv {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/couseling/fv.png) no-repeat center bottom
}

@media only screen and (max-width: 768px) {
  .page_couseling .page_fv {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/couseling/fv_sp.png) no-repeat center bottom;
    background-size: cover
  }
}

.page_couseling .content {
  width: 960px;
  margin: 0 auto;
  margin-top: 40px;
  background: #fff;
  padding: 40px 60px
}

@media only screen and (max-width: 768px) {
  .page_couseling .content {
    width: 100%;
    padding: 0;
    background: transparent
  }
}

.page_couseling .content .read {
  text-align: center
}

@media only screen and (max-width: 768px) {
  .page_couseling .content .read {
    font-size: 13px
  }
}

.page_couseling table {
  margin-top: 20px
}

.page_couseling .date .item {
  margin-top: 10px
}

.page_couseling .date .item:first-child {
  margin-top: 0
}

.page_couseling .date .item .parts {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px
}

.page_couseling .date .item .parts.txt span {
  display: inline-block;
  font-size: 12px;
  color: #fff;
  padding: 3px 20px;
  background: #333
}

@media only screen and (max-width: 768px) {
  .page_couseling .date .item .parts .sp_require {
    background: #cb1c1c !important;
    display: inline-block !important;
    margin-left: 5px;
    padding: 3px 14px !important
  }
}

@media only screen and (min-width: 769px) {
  .page_couseling .date .item .form1 input {
    width: 180px
  }
}

@media only screen and (max-width: 768px) {
  .page_couseling .date .item .form1 {
    width: 85%
  }
  .page_couseling .date .item .parts {
    margin-right: 0;
    margin-top: 5px
  }
  .page_couseling .date .item .txt {
    display: block
  }
  .page_couseling .date .item .txt .form1, .page_couseling .date .item .txt .form2 {
    display: block
  }
  .page_couseling .date .item .image {
    width: 15px;
    vertical-align: top;
    padding-top: 3px
  }
}

.page_couseling .wpcf7-radio .wpcf7-list-item {
  display: inline-block;
  margin-left: 14px
}

.page_couseling .wpcf7-radio .wpcf7-list-item.first {
  margin-left: 0
}

.page_couseling .wpcf7-radio .wpcf7-list-item-label {
  display: inline-block;
  padding-left: 10px
}

.page_couseling .thanks {
  text-align: center
}

.page_couseling .thanks a {
  text-decoration: none;
  display: block;
  border: 1px solid #9f8c00;
  color: #9f8c00;
  padding: 20px 100px;
  text-align: center;
  font-size: 18px;
  width: 400px;
  margin: 25px auto;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s
}

@media only screen and (min-width: 769px) {
  .page_couseling .thanks a:hover {
    background: #9f8c00;
    color: #fff
  }
}

@media only screen and (max-width: 768px) {
  .page_couseling .thanks a {
    background: #9f8c00;
    color: #fff;
    width: 100%;
    padding: 20px 10px
  }
}

.page_tokusho .page_fv {
  background: url(https://henkin-soudan.lawyer/lp-blue/css/img/tokusho/fv.png) no-repeat center bottom
}

@media only screen and (max-width: 768px) {
  .page_tokusho .page_fv {
    background: url(https://henkin-soudan.lawyer/lp-blue/css/img/tokusho/fv_sp.png) no-repeat center bottom;
    background-size: cover
  }
}

.page_tokusho .content {
  width: 960px;
  margin: 0 auto;
  background: #fff;
  padding: 0 60px 20px
}

@media only screen and (max-width: 768px) {
  .page_tokusho .content {
    width: 100%;
    padding: 0;
    background: transparent
  }
}

.page_tokusho table {
  width: 100%;
  border: 1px solid #ddd
}

.page_tokusho table th, .page_tokusho table td {
  padding: 15px;
  border-left: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}
.font25{
	font-size: 40px;
	font-weight: bold;
}



@media only screen and (max-width: 768px) {
  .page_tokusho table th, .page_tokusho table td {
    display: block;
    width: 100% !important
  }
}

.page_tokusho table th {
  background: #ece7e7;
  width: 300px;
  font-weight: normal
}