@charset "utf-8";
a:hover, span.tel-link {
  text-decoration:underline
}
body {
  line-height:1.6;
  -webkit-text-size-adjust:100%
}
span.tel-link {
  color:#09f
}
div#header {
  min-width:100%
}
div#header div.header-wrapper {
  width:auto;
  padding:0
}
body#home div#header div.header-wrapper {
  border-bottom:none
}
div#header div.header-inner {
  padding: 15px 10px;
}
div#header div.site-title {
  float: none;
  padding: 0;
}
div#header div.site-title h1 {
}
div#header div.site-title h1 br, div#header div.site-title h1 a {
  width: 100%;
  height: 0;
  padding-top: 8%;
  background-position: center;
  background-size: contain;
}
div#header div.inquiry {
  padding:0;
  width:40px;
  height:40px;
  margin:0 40px 0 0;
  background:url(../img/sp/header-tel.png) no-repeat;
  background-size:100% auto
}
div#header div.inquiry img, div#header div.inquiry ul.sns {
  display:none
}
div#header div.global-nav-icon {
  position:fixed;
  top:0;
  right:0;
  z-index: 1000;
  cursor:pointer;
  background:rgba(255, 255, 255, .9);
  -webkit-border-radius:0 0 0 6px;
  -moz-border-radius:0 0 0 6px;
  border-radius:0 0 0 6px;
}
div#header div.global-nav-icon.open {
  position: absolute;
  background:0 0;
}
div#header div.global-nav-icon div.nav-icon {
  position:relative;
  width:50px;
  height:50px;
  margin-top:8px
}
div#header div.global-nav-icon div.nav-icon div.line1, div#header div.global-nav-icon div.nav-icon div.line2, div#header div.global-nav-icon div.nav-icon div.line3 {
  position:absolute;
  left:8px;
  width:30px;
  height:4px;
  background:#666;
  border-radius:5px;
transition:.25s
}
div#header div.global-nav-icon div.nav-icon div.line1 {
  top:11px
}
div#header div.global-nav-icon div.nav-icon div.line2 {
  top:20px
}
div#header div.global-nav-icon div.nav-icon div.line3 {
  top:29px
}
div#header div.global-nav-icon.open div.nav-icon div.line1 {
  top: 20px;/* background:#FFF; */
  transform:rotate(135deg);
}
div#header div.global-nav-icon.open div.nav-icon div.line2 {/* left:50%; *//* width:0; *//* background:#FFF; */
  opacity: 0;
}
div#header div.global-nav-icon.open div.nav-icon div.line3 {
  top: 20px;/* background:#FFF; */
  transform:rotate(-135deg);
}
div#header div#global-nav, div#header div#global-nav.close {
  box-sizing: border-box;
  position: absolute;
  position:fixed;
  top: 65px;
  left:0;
  width:100%;
  height: 0;
  margin: 0;/* background:rgba(0,0,0,0); */
  padding: 0;
  background: #0180C7;/* overflow:auto; */
  opacity: 0;
  z-index: 999;
transition: .3s;
}
div#header div#global-nav.open {
  position: absolute;
  height: 780px;
  opacity: 1;/* background:rgba(0,0,0,.6); */
}
div#header div#global-nav ul, div#header div#global-nav.close ul {/* box-sizing: border-box; *//* position:absolute; *//* top: -100%; *//* left: 0; */
  width: 100%;/* min-height:100%; *//* padding: 64px 0 150px; *//* background:#0180C7; *//* box-shadow:1px 0 5px rgba(0,0,0,.25); */
transition:.3s;
}
div#header div#global-nav.open ul {
  top: 0;
}
div#header div#global-nav ul li {
  float:none;
  font-size:.9em;
  text-align:left;
  border-bottom:1px solid rgba(255, 255, 255, .25)
}
div#header div#global-nav ul li:after, div#header div#global-nav ul li:first-child:before {
  display:none;
}
div#header div#global-nav ul li.reserve {
  background:#f38107;
  background:-moz-linear-gradient(top, #f38107 0, #e33903 100%);
  background:-webkit-linear-gradient(top, #f38107 0, #e33903 100%);
  background:linear-gradient(to bottom, #f38107 0, #e33903 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f38107', endColorstr='#e33903', GradientType=0 )
}
div#header div#global-nav ul li.seminar {
  background:#81d143;
  background:-moz-linear-gradient(top, #81d143 0, #39971d 100%);
  background:-webkit-linear-gradient(top, #81d143 0, #39971d 100%);
  background:linear-gradient(to bottom, #81d143 0, #39971d 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#81d143', endColorstr='#39971d', GradientType=0 );
  letter-spacing:-.5px;
  text-indent:-.5em
}
div#header div#global-nav ul li a, div#header div#global-nav ul li.current a {
  position:relative;
  display:block;
  width:auto!important;
  height:auto!important;
  padding:10px 30px 10px 45px;
  color:#FFF!important;
  font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  text-align:left;
  text-decoration:none;
  line-height:1.4em;
  cursor:pointer
}
div#header div#global-nav ul li a:after {
  content:'';
  position:absolute;
  top:50%;
  right:10px;
  display:block;
  width:6px;
  height:6px;
  margin:-5px 0 0;
  border-top:1px solid #FFF;
  border-right:1px solid #FFF;
  transform:rotate(45deg)
}
div#header div#global-nav ul li.open a:after {
  margin:-2px 0 0;
  transform:rotate(-45deg)
}
div#header div#global-nav ul li span.small {
  font-size:75%
}
div#header div#global-nav ul li a br {
  display:none
}
div#header div#global-nav ul li.about a br, div#header div#global-nav ul li.flow a br {/* display:block */
}
div#header div#global-nav ul li.top a {
  height:auto!important;
  padding:10px 30px 10px 45px;
  background:url(../img/sp/icon/home.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.merit a {
  background:url(../img/sp/icon/merit.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.about a {
  background:url(../img/sp/icon/about.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.comic a {
  background:url(../img/sp/icon/comic.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.flow a {
  background:url(../img/sp/icon/flow.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.voice a {
  background:url(../img/sp/icon/voice.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.faq a {
  background:url(../img/sp/icon/faq.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.access a {
  background:url(../img/sp/icon/access.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.case a {
  background:url(../img/sp/icon/case.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.reserve a {
  display:block;
  background:url(../img/sp/icon/human.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.inquiry a {
  display:block;
  background:url(../img/sp/icon/inquiry.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.mail a {
  display:block;
  background:url(../img/sp/icon/mail.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.loan a {
  display:block;
  background:url(../img/sp/icon/loan.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.comic a {
  display:block;
  background:url(../img/sp/icon/comic.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.column a {
  display:block;
  background:url(../img/sp/icon/column.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.company a {
  display:block;
  background:url(../img/sp/icon/company.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
div#header div#global-nav ul li.seminar a {
  display:block;
  background:url(../img/sp/icon/seminar.png) 5px center no-repeat!important;
  background-size:32px auto!important
}
#home div#header div#global-nav ul li.top a:before, #merit div#header div#global-nav ul li.merit a:before, #about div#header div#global-nav ul li.about a:before, #case div#header div#global-nav ul li.case a:before, #flow div#header div#global-nav ul li.flow a:before, #voice div#header div#global-nav ul li.voice a:before, #faq div#header div#global-nav ul li.faq a:before {
  display:none !important;
}
div#header div#eye-catch span, div#header div#global-nav ul li ul li a:after {
  display:none
}
div#header div#global-nav ul li ul li a:before {
  content:'';
  position:absolute;
  top:50%;
  left:14px;
  display:block;
  width:6px;
  height:1px;
  margin:-1px 0 0;
  background:#FFF
}
div#header div#eye-catch #eye-catch-inner {
  width:100%;
  height:auto;
  margin:0 auto;
  padding-top:81.25%;
  position:relative
}
div#header div#eye-catch img {
  width:100%;
  height:auto;
  opacity:0;
}
ul.sns {
  display:block;
  clear:both;
  margin:-5px 0 10px;
  padding:0 10px;
  text-align:right;
  letter-spacing:-.4em;
  overflow:hidden
}
body#home ul.sns {
  margin:10px 0
}
ul.sns li {
  display:inline-block;
  padding-left:5px;
  vertical-align:top;
  letter-spacing:normal
}
ul.sns li a {
  display:block;
  width:26px;
  height:0;
  padding-top:26px;
  overflow:hidden
}
div#content {
  padding:0 0 20px;
}
body#home div#content {
  padding:0;
}
ul.sns li.fb-page a {
  background:url(../img/icon/facebook.png) center no-repeat;
  background-size:100%;
  border-radius:5px
}
ul.sns li.instagram a {
  background:url(../img/icon/instagram.png) center no-repeat;
  background-size:100%;
  border-radius:5px
}
div#content {
  width:auto
}
div#content div#main, div#content div#sub {
  float:none;
  clear:both;
  width:auto;
  padding:0;
  overflow:hidden
}
div#content div#main div#topic-path {
  display:none
}
div#content div#main div.node {
	padding: 10px 0 30px;
}
div#content div#main div.node.bg-gray {
  margin:0 10px 20px
}
div#content div#main div.node-wrapper {
  margin:0 10px
}
div#content div#main h2.page-title {
  padding:12px 10px 10px;
  font-size:18px;
  letter-spacing:normal;
}
div#content div#main h3.title {
  margin:-10px 0 20px;
  padding:15px 10px;
	font-size: 20px;
	line-height: 1.4;
}
div#content div#main h3.title.comic2 {
	padding-right: 20%;
}
div#content div#main h3.title.comic2:after {
	right: 0;
	display: block;
	width: 18%;
	height: 0;
	padding-top: 28%;
	margin-left: 0;
}
div#content div.inquiry {
  clear: both;
  margin: 20px 10px;
  padding: 10px;
  background: #d4d4d4;
  overflow: hidden;
}
div#content div.inquiry.top {
  display:block!important;
  margin-top:0
}
div#content div.inquiry a.mail, div#content div.inquiry a.reserve, div#content div.inquiry a.comic {
  position:static;
  display:block;
  height:0;
  text-decoration:none;
  text-indent:-9999px
}
div#content div.inquiry a.reserve {
  padding-top: 23%;
  margin: 0 0 10px;
  background: url(../img/button/reserve_w590.png) no-repeat;
  background-size: 100% auto;
}
div#content div.inquiry a.mail {
  padding-top: 26.5%;
  background: url(../img/button/mail_w590.gif) no-repeat;
  background-size: 100% auto;
}
div#content div.inquiry a.comic {
  padding-top: 26.5%;
  background: url(../img/button/comic_w590.gif) no-repeat;
  background-size: 100% auto;
}
div#content div.inquiry.top a.mail {
  margin:0
}
div#content div.inquiry a.inquiry, div#content div.inquiry a.loan {
  position: static;
  display: block;
  height: 0;
  padding-top: 23%;
  margin: 0 auto 10px;
  text-decoration: none;
  text-indent: -9999px;
}
div#content div.inquiry a.inquiry {
  background:url(../img/button/inquiry_w590.png) no-repeat;
  background-size:100% auto
}
div#content div.inquiry a.loan {
  background:url(../img/button/loan_w590.png) no-repeat;
  background-size:100% auto
}
div#content div#sub div.access, div#content div#sub div.column, div#content div#sub div.expert, div#content div#sub div.faq, div#content div#sub div.glossary, div#content div#sub div.inquiry, div#content div#sub div.loan, div#content div#sub div.mail, div#content div#sub div.reserve, div#content div#sub div.seminar, div#content div#sub div.comic, div#content div#sub p.link {
  display:none
}
div#content div#sub p.title {
  clear:both;
  margin:0 10px 18px;
  padding:0 0 6px 2px;
  background: none;
  border-bottom:1px solid #bfbfbf;
  overflow:hidden
}
div#content div#sub p.title span {
  display:block;
  float:left;
  clear:left;
  padding:2px 0 0 6px;
  color:#000;
  font-size:15px;
  font-weight:400;
  border-left:4px solid #0f72ab;
  line-height:1.2;
  letter-spacing:normal
}
body#home div#content div#sub div.access, body#home div#content div#sub div.column, body#home div#content div#sub div.expert {
  display:block;
  margin:0 0 30px
}
div#content div#sub div.access p.map, div#content div#sub div.expert p.body, div#content div#sub div.voice p.body {
  margin:0 10px;
  overflow:hidden
}
div#content div#sub div.access p.text, div#content div#sub div.voice {
  display:none
}
div#content div#sub div.voice p.body {
  margin:0 10px 10px;
  font-weight:700
}
div#content div#sub div.voice p.body img.image-right {
  padding:0 0 0 15px
}
div#content div#sub div.voice p.body span.sub-text {
  display:block;
  padding:5px 0 0;
  font-size:12px;
  font-weight:400
}
div#content div#sub div.voice p.link {
  display:block;
  margin:0 10px 2em
}
div#content div#sub div.voice p.link a {
  font-size:13px;
  text-decoration:underline
}
div#content div#sub div.voice p.link a:visited {
  color:#306
}
body#home div#content div#sub div.column p.title {
  margin:0 0 18px
}
body#home div#content div#sub div.column {
  padding:0 10px
}
body#home div#content div#sub div.column ol {
  box-sizing:border-box;
  width:100%;
  margin-bottom: 15px;
}
div#content div#sub div.access p.map {
  margin-bottom:1em;
  text-align:center
}
div#content div#sub div.access p.gmap, div#content div#sub div.access p.guide {
  display:block
}
div#content div#sub div.access .gmap-link {
  margin:0 auto
}
div#content div#sub div.expert p.body img {
  margin:0 0 10px
}
div#footer {
}
div#footer div.pagetop {
  width:auto;
  margin:0;
  padding:2px 0 10px;
  background:#fff;
  background:-moz-linear-gradient(top, #fff 0, #efefef 100%);
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(100%, #efefef));
  background:-webkit-linear-gradient(top, #fff 0, #efefef 100%);
  background:-o-linear-gradient(top, #fff 0, #efefef 100%);
  background:-ms-linear-gradient(top, #fff 0, #efefef 100%);
  background:linear-gradient(to bottom, #fff 0, #efefef 100%)
}
div#footer div.pagetop a {
  display:block;
  float:none;
  width:70px;
  height:70px;
  margin:0 auto;
  background:url(../img/button/pagetop.gif) center 19px no-repeat #FFF;
  background-size:65% auto;
  -webkit-border-radius:50px;
  -moz-border-radius:50px;
  border-radius:50px;
  box-shadow:rgba(0, 0, 0, .15) 1px 1px 2px 1px;
  -webkit-box-shadow:rgba(0, 0, 0, .15) 1px 1px 2px 1px;
  -moz-box-shadow:rgba(0, 0, 0, .15) 1px 1px 2px 1px;
  text-decoration:none;
  text-indent:-9999px
}
div#footer div.footer-wrapper {
  min-width:100%;
  border-top:1px solid #d1d1d1
}
div#footer div.footer-inner {
  padding:15px 10px;
  background:#E0E0E0;
  border:none
}
div#footer ul.supplement-nav {
  padding:0;
  background:#FFF;
  -webkit-border-radius:0 0 5px 5px;
  -moz-border-radius:0 0 5px 5px;
  border-top:1px solid #CCC;
  border-radius:0 0 5px 5px;
  text-align:left;
  letter-spacing:normal
}
div#footer ul.supplement-nav:first-child {
  border-top:none;
  -webkit-border-radius:5px 5px 0 0;
  -moz-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0
}
div#footer ul.supplement-nav li {
  display:block
}
div#footer ul.supplement-nav li a {
  position:relative;
  display:block;
  min-height:15px;
  padding:14px 30px 10px 10px;
  border-right:none!important;
  border-top:1px solid #CCC;
  line-height:18px
}
div#footer ul.supplement-nav li a:after, div#footer ul.supplement-nav li a:before {
  position:absolute;
  top:50%;
  width:0;
  height:0;
  margin:-6px 0 0;
  border-right:none;
  content:''
}
div#footer ul.supplement-nav li a:hover {
  text-decoration:none
}
div#footer ul.supplement-nav li:first-child a {
  border-top:none;
  border-left:none!important
}
div#footer ul.supplement-nav li a:before {
  right:10px;
  border-top:6px solid #FFF;
  border-bottom:6px solid #FFF;
  border-left:6px solid #777
}
div#footer ul.supplement-nav li a:after {
  right:11px;
  border-top:6px solid transparent;
  border-bottom:6px solid transparent;
  border-left:6px solid #FFF
}
div#footer address {
  padding:0 0 10px
}
div#footer address span.tel {
  box-sizing:border-box;
  position:fixed;
  bottom:0;
  left:0;
  display:block;
  width:100%;
  padding:10px;
  background:#FFF;
  text-align:left;
  text-indent:-9999px;
  overflow:hidden;
  z-index:1000
}
div#footer address span.tel img {
  display:block;
  float:left;
  width:50%;
  height:auto
}
div#footer div.footer-inner-block p {
  clear:both;
  float:none;
  width:auto
}
div#footer div.copyright {
  font-size:10px
}
div#reserve-banner {
  display:none
}
div#content div.seminar {
  padding:0 10px!important
}
div#content div#main div.node.trouble-resolution {
  padding: 10px 10px 0;
}
div#content div.trouble-resolution-inner:before {
    transform: rotate(
-0.7deg);
}
div#content div.trouble-resolution-inner > div {
    padding: 20px 20px 10px;
}
div#content div.trouble-resolution p.lead {
  position:static;
  margin: 0 0 15px;
  font-size: 20px;
  line-height:1.6;
}
div#content div.trouble-resolution p.lead span {
  font-size: 85%!important;
}
div#content div.trouble-resolution div.anxiety-block {
  /* position:static; */
  /* display:block; */
  /* clear:both; */
  /* margin:0 0 10px; */
  /* padding:7px; */
  font-size: 18px;
  /* background:#e6e6e6; */
  /* overflow:hidden; */
  /* letter-spacing:normal */
}
div#content div.trouble-resolution div.anxiety-block ul {
  /* clear:both; */
  /* padding:5px 10px 0; */
  /* background:#FFF; */
  /* -webkit-box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .15); */
  /* box-shadow:1px 1px 3px 0 rgba(0, 0, 0, .15) */
}
div#content div.trouble-resolution div.anxiety-block ul li {
  /* display:block; */
  padding: 12px 0 10px 39px;
  background: url(../img/sp/icon/checkbox.png) -2px 5px no-repeat;
  background-size:30px auto;
  /* border-top:1px dotted #999; */
  /* line-height:1.4 */
}
div#content div.trouble-resolution div.anxiety-block ul li:first-child {
  /* border:none */
}
div#content div.trouble-resolution div.anxiety-block ul li strong {
  font-size: 18px;
}
div#content div.trouble-resolution p.arrow {
  position:static;
  display:block;
  height:auto;
  /* padding:4px 0 12px; */
  font-size:17px;
  line-height:1.5;
  background:0 0;
}
div#content div.trouble-resolution p.arrow br {
  display:block
}
div#content div.buyers-consultation-house {
	margin: 0 -10px;
  padding: 45% 15px 0;
  background-size: 80%;
}
div#content div.buyers-consultation-house .lead-text-1, div#content div.buyers-consultation-house .lead-text-2 {
  font-size:16px
}
div#content div.buyers-consultation-house .lead-text-1 br, div#content div.buyers-consultation-house .lead-text-2 br {
  display:none
}
div#content div.buyers-consultation-house div.buyers-consultation-house-wrapper {
  margin:0;
  border:none
}
div#content ol.mini-flow-block {
  margin:0 10px 10px
}
div#content ol.mini-flow-block li {
  height:auto!important;
  margin:0 0 10px;
  background:0 0!important
}
div#content ol.mini-flow-block li div.title {
  float:none;
  clear:none;
  margin:0 0 5px;
  padding:6px 6px 4px;
  color:#FFF;
  font-size:14px;
  background:#999;
  text-indent:0;
  line-height:1.2;
  letter-spacing:normal
}
div#content ol.mini-flow-block li.step-1:after, div#content ol.mini-flow-block li.step-2:after, div#content ol.mini-flow-block li.step-3:after {
  content:'';
  display:block;
  clear:both;
  width:0;
  height:0;
  margin:0 auto;
  border-top:6px solid #66B3DD;
  border-right:10px solid transparent;
  border-bottom:none;
  border-left:10px solid transparent
}
div#content ol.mini-flow-block li div.title span.num {
  display:inline
}
div#content ol.mini-flow-block li.step-1 div.title {
  background:#66B3DD
}
div#content ol.mini-flow-block li.step-2 div.title {
  background:#3399D2
}
div#content ol.mini-flow-block li.step-3 div.title {
  background:#0080C7
}
div#content ol.mini-flow-block li.step-4 div.title {
  background:#00659D
}
div#content ol.mini-flow-block li p.body {
  margin:0;
  line-height:1.6
}
div#content dl.faq-block {
  margin:0 0 10px
}
div#content dl.faq-block dt {
  margin:0 0 5px;
  padding:3px 0 6px 20px;
  font-size:14px;
  background:url(../img/icon/question.png) 0 1px no-repeat;
  background-size:16px
}
div#content dl.faq-block dd {
  padding:0 0 0 20px;
  background:url(../img/icon/answer.png) 0 1px no-repeat;
  background-size:16px
}
div#content div.check-list-block p.title {
  margin:0 0 2px;
  padding:3px 0
}
div#content div.check-list-block p.title img {
  width:90%;
  height:auto
}
div#content div.check-list-block h4 {
  overflow:hidden;
  height:auto;
  font-size:14px;
  white-space:normal;
  line-height:1.4
}
div#content div.check-list-block h4 span {
  float:left;
  clear:left
}
div#content div.counselor-information p.none, div#content div.voice-profile a.detail {
  clear:both
}
div#content div.check-list-block p {
  font-size:12px;
  line-height:1.6
}
div#content div.check-list-block ul {
  padding:0
}
div#content div.check-list-block ul li {
  position:relative;
  background:0 0!important;
  padding:13px 10px 5px;
  line-height:1.6
}
div#content div.check-list-block ul li:before {
  position:absolute;
  top:0;
  left:6px;
  color:#0f72ab;
  font-size:22px;
  font-family:myFont;
  font-style:italic;
  font-weight:700;
  line-height:42px;
  letter-spacing:-1px
}
div#content div.check-list-block ul li.feature-1:before {
  content:'1.'
}
div#content div.check-list-block ul li.feature-2:before {
  content:'2.'
}
div#content div.check-list-block ul li.feature-3:before {
  content:'3.'
}
div#content div.counselor-information {
  padding:10px
}
div#content div.counselor-information img.image-left {
  width:90px;
  height:auto
}
div#content div.counselor-information p.name {
  margin-left:100px;
  font-size:12px
}
div#content div.service-fee p.title {
  font-size: 20px;
}
div#content div.service-fee ol.step li {
  display: flex;
  align-items: center;
  float: none;
  width: auto;
  min-height: 0;
  padding: 10px;
}
div#content div.service-fee ol.step li:not(:first-child) {
margin: 35px 0 0 0;
}
div#content div.service-fee ol.step li:not(:first-child):before {
top: -22px;
left: 50%;
border-top: 0;
border-bottom: 3px solid #bbb;
}
div#content div.service-fee ol.step li p.no {
  margin: 0;
  padding: 0 13px 0 3px;
  border: 0;
  border-right: 1px solid #bfbfbf;
}
div#content div.service-fee ol.step li p.img {
  margin: 0;
  width: 22%;
}
div#content div.service-fee ol.step li p.img img {
  width: auto;
  height: 40px;
}
div#content div.service-fee ol.step li p.txt {
  flex: 1;
  margin: 0;
  text-align: left;
}
div#content div.service-fee p.last-txt {
  font-size: 16px;
}
div#content ol.flow-block li div.body .certificate-img img {
  display: block;
  margin: 10px auto 0 !important;
}
div#content img.service-and-fee {
  width:100%;
  height:auto
}
div#content p.guarantee {
  margin:0 0 30px;
  padding:15px 0 0
}
div#content p.guarantee img {
  display:block;
  float:none!important;
  margin:0 auto 15px!important;
  padding:0!important
}
div#content p.guarantee span.sp-lead-text {
  display:block;
  width:95%;
  margin:0 auto 5px;
  font-size:110%;
  text-align:center
}
div#content p.guarantee span.sp-lead-text .large {
  font-size:110%
}
div#content ol.flow-block > li {
  position:relative;
  margin:0 0 8px
}
div#content ol.flow-block > li:last-child {
  padding:0
}
div#content ol.flow-block li div.sub-title {
  box-sizing:border-box;
  position:absolute;
  top:0;
  left:0;
  width:34px;
  height:100%!important;
  font-size:14px
}
div#content ol.flow-block li div.sub-title span.arrow {
  position:absolute;
  bottom:0;
  left:0;
  border-right:17px solid #FFF;
  border-left:17px solid #FFF
}
div#content ol.flow-block li div.body, div#content ol.flow-block li div.title {
  margin:0 0 0 45px
}
div#content ol.flow-block li div.title {
  margin-bottom:10px;
  padding:0 0 5px 1em;
  line-height:1.4;
  text-indent:-1em;
  font-size:14px
}
div#content ol.flow-block li div.title span.num {
  font-size:14px;
  font-weight:700;
  font-style:normal;
  vertical-align:baseline
}
div#content ol.flow-block li div.body img.image-right {
  width:50%;
  height:auto
}
div#content ol.flow-block li div.body img.image-left {
  width:25%;
  height:auto
}
div#content div.voice-profile {
  padding:10px
}
div#content div.voice-profile h3 {
  width:auto;
  float:none;
  margin:0 0 10px;
  color:#333;
  font-size:16px;
  font-family:myfont;
  font-weight:700;
  text-shadow:0 1px 0 #fff, 1px 0 0 #fff, 0 -1px 0 #fff, -1px 0 0 #fff, -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff, 1px 1px 0 #fff;
  text-indent:-.3em
}
div#content div.voice-profile h3 img {
  display:block;
  width:100%;
  height:auto
}
div#content span.interviewer {
  padding-left:1.35em;
  font-size:14px;
  line-height:1.6;
  text-indent:-1.35em;
  display:inline-block
}
div#content div.voice-profile img.image-right {
  width:30%;
  height:auto;
  padding:0 0 10px 10px
}
div#content div.voice-profile p.none {
  font-size:13px
}
div#content p.map-image img.map {
  box-sizing:border-box;
  display:block;
  width:100%;
  height:auto
}
div#content p.map-image a {
  display:none
}
div#content ol.route-information li {
  float:left;
  width:50%;
  padding:0 0 20px
}
div#content ol.route-information li span.description {
  white-space:normal!important
}
div#content div#main div.node-wrapper.glossary .glossary-in h3 {
  display:block;
  float:none
}
div#content div#main div.node-wrapper.glossary .glossary-in ul {
  margin:0
}
div#content div#main div.node-wrapper.glossary .glossary-in ul li {
  width:50%
}
div#content div#main div.node-wrapper.glossary .glossary-in ul li.long {
  width:100%
}
div#content div#main div.node-wrapper.glossary .glossary-in ul li a {
  background:url(../img/icon/gray-right-arrow.png) 0 6px no-repeat
}
div#content div#main .case {
  margin:0 0 40px;
	padding: 0 15px 10px;
}
div#content div#main .case h3.case-title.line-h2 span:not(.exam) {
line-height:1.4em;
}
div#content div#main .case h3.case-title {
display: block;
margin: 0 -15px 15px;
}
div#content div#main .case h3.case-title span, div#content div#main .case h3.case-title span.exam {
  display:block;
  /* float:none; */
  width:auto;
  /* margin:0; */
  padding: 10px !important;
  /* font-size:16px; */
  /* text-align:center; */
}
div#content div#main .case .case-img, div#content div#main .case .case-img_custom, div#content div#main .case .case-img_woman {
  padding:0;
  margin:0;
  text-indent:0;
  background:0 0;
  height:auto;
  float:none
}
div#content div#main .case .case-img {
  width:auto
}
div#content div#main .case .case-img img {
  display:block;
  width:80%;
  height:auto
}
div#content div#main .case .case-img_woman {
  width:auto
}
div#content div#main .case .case-img_woman img {
  display:block;
  width:80%;
  height:auto;
  margin:0 auto
}
div#content div#main .case .case-img_custom {
  width:auto
}
div#content div#main .case .case-img_custom img {
  display:block;
  width:80%;
  height:auto;
  margin:0 auto
}
div#content div#main .case img.case05 {
  float: none;
  display:block;
  width:80%;
  height:auto;
  margin:0 auto
}
div#content div#main .case .detail-box {
  float:none;
  width:100%;
  margin:20px 0
}
div#content div#main .case .detail-box h4 {
  font-size:17px;
  font-weight:700
}
div#content div#main .case .recheck .after, div#content div#main .case .recheck .before {
  float:none;
  width:auto
}
div#content div#main .case .recheck .in {
  min-height:0 !important
}
div#content div#main .case .recheck {
    display: block;
    padding: 15px;
}
div#content div#main .case .recheck .before {
  margin-bottom:10px;
  padding:0 0 50px;
  background:url(../img/sp/icon/brown_arrow.png) bottom center no-repeat;
  background-size:40px
}
table.company td, table.company th {
  display:block;
  width:auto
}
div#content div#main .sp-image-fit {
  display:block;
  width:100%;
  height:auto
}
div#content div#main .sp-image-40per {
  width:40%;
  height:auto;
}
div#content div#main div.tel-btn {
  text-align:center;
  margin-bottom:5px
}
div#content div#main div.tel-btn span {
  display:block;
  padding:0;
  letter-spacing:0;
}
div#content div#main div.tel-btn a {
  display:block;
  width:80%;
  margin:0 auto;
  padding:5px 0 5px 10%;
  background:url(../img/sp/reserve-tel.png) 5% center no-repeat #0080c7;
  background-size:40px;
  color:#FFF;
  text-decoration:none;
  letter-spacing:0;
  line-height:40px
}
div#content div.method-block dl.method-even, div#content div.method-block dl.method-odd {
  box-sizing:border-box;
}
div#content div.method-block dl.method-even dt, div#content div.method-block dl.method-even dd, div#content div.method-block dl.method-odd dt, div#content div.method-block dl.method-odd dd {
  display: block;
  width:100%;
}
div#content div.method-block dl.method-even dt, div#content div.method-block dl.method-odd dt {
  margin-bottom:10px;
  font-size: 21px;
}
div#content div.method-block dl.method-odd.video dt span {
  font-size: 31px;
  letter-spacing:0;
}
div#content div.method-block dl.method-even dd, div#content div.method-block dl.method-odd dd {
  min-height:auto
}
div#content div.booklet-information {
  font-size:14px
}
div#content div.booklet-information p.present {
  width:160px;
  height:41px;
  background:url(../img/present.png) no-repeat;
  background-size:100% auto
}
div#content div.booklet-information img.image-right {
  width:40%;
  height:auto;
  padding:0 0 0 10px
}
div#content div.booklet-information p.text {
  margin:0;
  padding:38px 0 0
}
div#content div.booklet-information br.sp-none {
  display:none
}
div#content div#form dl dt {
  float:none;
  clear:both;
  padding:0 10px 5px
}
div#content div#form dl dd {
  margin:0;
  padding:0 10px
}
div#content div#form .space-left {
  display: inline-block;
  margin: 0.5em 0 0;
}
div#content div#form .space-left-10 {
  margin-left:0.5em
}
div#content div#form dl dd span.sub-title {
  display:block
}
div#content div#form input {
  appearance:none;
  -webkit-appearance:none
}
div#content div#form input[type=text], div#content div#form select, div#content div#form textarea {
  padding:8px 4px;
  background:#FFF;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px
}
div#content div#form input.long, div#content div#form input.middle, div#content div#form select.middle {
  box-sizing:border-box;
  width:100%
}
div#content div#form input[type=radio] {
  position:relative;
  display:inline-block;
  appearance:none;
  -webkit-appearance:none;
  width:22px;
  height:22px;
  margin:0 5px 4px 0;
  background:#E6E6E6;
  border:1px solid #999;
  -webkit-border-radius:22px;
  -moz-border-radius:22px;
  border-radius:22px;
  -webkit-box-shadow:inset 1px 2px 3px 0 rgba(0, 0, 0, .1);
  box-shadow:inset 1px 2px 3px 0 rgba(0, 0, 0, .1);
  vertical-align:middle
}
div#content div#form input[type=radio]:before {
  content:'';
  position:absolute;
  top:4px;
  left:4px;
  display:block;
  width:12px;
  height:12px;
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  border-radius:10px;
  background:#CCC
}
div#content div#form input[type=radio]:checked:before {
  background:#0180C7
}
div#content div#form p {
  margin:0;
  padding:0
}
div#content div#form select.space-left {
  margin-left:.4em
}
div#content div#form .space-bottom {
  margin-bottom:10px
}
div#content div#form p.align-center {
  padding:15px 0 0
}
div#content div#form input.btn, div#content input.btn {
  width:80%;
  margin:1em 0 0
}
#main.column img {
  width:33%;
  height:auto
}
#main.column p.signature {
  margin:40px 10px
}
#main.column div.end-part {
  margin:0 10px 15px
}
div#content div#main div.terms table.company th {
  width:auto
}
div#content div#main div.terms table.company td .cmt {
  display:block;
  float:none;
  width:auto;
  margin:10px 0 0
}
div#content div#main div#loan-result dl dd input[type=text], div#content div#main div.terms input.short {
  width:80%
}
div#content div#main div#loan-result dl {
  float:none;
  width:auto;
  margin:0;
  text-align:center;
  border:1px solid #bfbfbf;
  border-top:none
}
div#content div#main div#loan-result dl:first-child {
  margin:1em 0 0;
  border-top:1px solid #bfbfbf
}
div#content div#main div#loan-result dl dt {
  float:none;
  padding:5px 0;
  border-right:none
}
div#content div#main div#loan-result dl dd {
  margin:0;
  padding:10px 0;
  border-right:none
}
div#content div#main div#loan-result dl:first-child dd, div#content div#main div#loan-result dl:first-child dt {
  border-left:none
}
div#content div#main div.mail-course dl {
  margin:0;
  line-height:30px
}
div#content div#main div.mail-course dl dt {
  float:none;
  width:100%
}
div#content div#main div.mail-course dl dd {
  float:none;
  width:auto;
  height:auto;
  padding:10px 15px;
  line-height:1.4em
}
.sp-space-right {
  margin-right:10px!important
}
.sp-lead-text {
  color:#666;
  font-family:myFont;
  font-weight:700
}
h3.sp-lead-text {
  margin:0 0 15px!important;
  font-size:16px
}
p.sp-lead-text {
  padding:0!important
}
p.sp-lead-text span span {
  color:#eb4a00;
  font-size:15px
}
img.img-fit {
  display:block;
  width:100%;
  height:auto
}
div.block-left, img.image-left {
  padding:0 10px 10px 0
}
div.block-right, img.image-right {
  padding:0 0 10px 10px
}
div.block-right {
  padding:0 0 0 10px
}
.sp-small {
  font-size:85%
}
.medium {
  font-size:100%
}
.sp-hide {
  display:none
}
.pc-hide {
  display:block
}
table.pc-hide {
  display:table
}
div#content div#main div.seminar-profile p.name {
  float:none
}
div#content div#main div.seminar-profile p.comment {
  margin:0;
  padding:1em 0 0;
  border:none;
  border-top:1px solid #c3b07a
}
div.block-left.adjust-sp {
  float: none;
  padding: 0;
  margin-bottom: 15px;
}
div.block-left.adjust-sp img {
  width: 50% !important;
}
div#content div#main .case .case-2 {
  margin-bottom: 30px;
}
div#content div#main .case .case-2 .point {
  position: relative;
  float: none;
  width: 100%;
}
div#content div#main .case .case-2 .point:not(:first-child) {
margin: 35px 0 0;
}
div#content div#main .case .case-2 .img img {
  margin: 0 auto;
}
div#content div#main .case .case-2 .txt {
  position: static;
  height: auto !important;
}
div#content div#main .case .case-2 .point:not(:first-child) p.txt:before {
top: -25px;
left: 50%;
width: 32px;
height: 32px;
}
div#content div#main .case .case-2 .point:not(:first-child) p.txt:after {
top: -27px;
left: 50%;
width: 8px;
height: 8px;
border-top: 0;
border-bottom: 2px solid #FFF;
}
div#content div#main .case .case6-design {
  position: relative;
  margin-bottom: 55px;
}
div#content div#main .case .case6-design:after {
  content: '';
  position: absolute;
  bottom: -45px;
  left: 50%;
  width: 50px;
  height: 35px;
  margin-left: -25px;
  background: url(../img/case06_arrow.jpg) no-repeat center;
  background-size: 100% 100%;
}
div#content div#main .case .case6-design .image-left {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;
  height: auto;
}
div#content div#main .case .case6-design .title {
  margin-bottom: 10px;
}
div#content div#main .case .case6-design .balloon {
  margin: 0 0 0 90px;
}
div#content div#main .case .case6-design .balloon:before {
  top: 65%;
}
div#content div#main .case .case6-design .balloon:after {
  display: none;
}
div#content div#sub div.column p.link {
  text-align: center;
}
a.btn, div#content div#sub div.column p.link a {
  position: relative;
  display: inline-block;
  float: none;
  padding: 8px 10px 6px 25px;
  color: #FFF;
  font-weight: bold;
  background: #57b51e;
  border-bottom: 3px solid #45881c;
  text-decoration: none;
  vertical-align: top;
  line-height: 1.2;
}
a.btn:before, div#content div#sub div.column p.link a:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 15px;
  margin-top: -4px;
  border-left: 6px solid #FFF;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
}
.seminar-list li .date {
  display: block;
  min-width: 0;
  margin: 0;
}
h3.recommend-title, ul.list-mark.recommend-list {
  margin-left: 10px;
  margin-right: 10px;
}
.index-voice .body .image-right {
  width: 40%;
  height: auto;
}
.comic-img p {
  margin: 0 0 6px;
}
.comic-img p:before {
  top: -3px;
  height: 15px;
  border: 2px solid #000;/* transform: translate(-50%, -50%) rotate(-1.0deg); */
}
.comic-img p:nth-child(2n):before {/* transform: translate(-50%, -50%) rotate(1.0deg); */
}
.comic-img p.gentle {
  margin-top: 15px;
}
.comic-img img {
  border: 2px solid #000;
}
div#content table.column-table.column28 {
}
div#content table.column-table.column28 th {
  padding: 6px 0 4px;
  font-size: 12px;
}
div#content table.column-table.column28 th {
  width: 26.5%;
}
div#content table.column-table.column28 th:first-child {
  width: auto;
}
div#content table.column-table.column28 .arrow-item .arrow {
  margin: 7px 0;
  padding-bottom: 4px;
}
div#content table.column-table.column28 .arrow-item p {
  font-size: 10px;
}
body.open div#header {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  overflow: auto;
  z-index: 9999;
}
body.open div#header div.header-inner {
  position: relative;/* top: 0; *//* left: 0; */
  background: #FFF;
  z-index: 1000;
}
div#content div#main div.node.banner-contact {
	padding: 30px 10px;
}
div#content div#main div.node.banner-contact div.banner-contact-inner {
	max-width: 100%;
	padding: 20px 10px;
	background: none;
	border: 4px solid #ea5b02;
}
div#content div#main div.node.banner-contact div.banner-contact-inner h3 {
	position: relative;
	width: 100%;
	margin-bottom: 0;
	padding: 0 0 20px 20%;
	font-size: 20px;
	box-sizing: border-box;
}
div#content div#main div.node.banner-contact div.banner-contact-inner h3:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 3%;
	display: block;
	width: 30%;
	height: 0;
	padding-top: 28%;
	background: url(../img/comic/01.png) no-repeat 0 0;
	background-size: 100% auto;
}
div#content div#main div.node.banner-contact div.banner-contact-inner h3 .en {
	font-size: 12px;
}
div#content div#main div.node.banner-contact div.banner-contact-inner h4 {
	display: block;
	width: 100%;
	padding: 15px 10px;
	background: #FFF;
	font-size: 15px;
	text-align: center;
	border: 2px solid #ea5b02;
	line-height: 1.6;
  box-sizing: border-box;
}
div#content div#main div.node.banner-contact div.banner-contact-inner h4 .small {
	font-size: 13px;
}
div#content div#main div.node.banner-contact div.banner-contact-inner .banner-contact-btn {
	flex-direction: column;
}
div#content div#main div.node.banner-contact div.banner-contact-inner .banner-contact-btn li {
	padding: 10px 15px;
}
div#content div#main div.node.banner-contact div.banner-contact-inner .banner-contact-btn li:not(:last-child) {
	border-right: none;
	border-bottom: 1px dotted #ea5b02;
}
div#content div#main div.node.banner-contact div.banner-contact-inner .tel {
	padding-left: 65px !important;
	background-size: 40px auto;
}
div#content div#main div.node.banner-contact div.banner-contact-inner .tel .sp-tel {
	font-size: 26px;
}
div#content div#main div.node.banner-contact div.banner-contact-inner .line a {
	gap: 10px;
}
div#content div#main div.node.banner-contact div.banner-contact-inner .line a img {
	width: 40px;
	height: auto;
}
div#content div#main div.node.banner-contact div.banner-contact-link {
	max-width: 100%;
	padding: 10px 20px;
}
div#content div#main div.node.banner-contact div.banner-contact-link a {
	max-width: 100%;
	padding: 8px 20px 8px 126px;
	font-size: 16px;
	text-align: left;
	text-indent: -36px;
	line-height: 1.2;
}
div#content div#main div.node.banner-contact div.banner-contact-link a:before {
	width: 26px;
	height: 26px;
	margin: 0 10px 2px 0;
}
div#content div#main div.node.banner-contact div.banner-contact-link a:after {
	right: 15px;
	width: 10px;
	height: 10px;
	border-top: 2px solid white;
	border-right: 2px solid white;
}
div#content div#main div.node.banner-contact div.banner-contact-link a span.txt {
	width: 4.6rem;
	height: 4.6rem;
	font-size: 12px;
	text-indent: 0;
}
div#content div#main div.node.banner-contact div.banner-contact-link a span.txt .large {
	font-size: 1.6rem;
}
div#content div#main div.home-dekirukoto-large,
div#content div#main div.home-dekirukoto-small {
  flex-wrap: wrap;
}
div#content div#main div.home-dekirukoto-large div:not(.col1) {
	width: 50%;
	margin: 0;
}
div#content div#main div.home-dekirukoto-large div.col1 {
	flex: none;
	width: 50%;
}
div#content div#main div.home-dekirukoto-large div img {
	width: 98%;
	height: auto;
}
div#content div#main div.home-dekirukoto-small div.item {
	width: 42%;
	margin: 0;
	padding: 2%;
	box-sizing: border-box;
}
div#content div#main div.home-dekirukoto-small div.item img {
	width: 98%;
	height: auto;
}
div#content div#main div.comic03 {
	padding: 0 0 37%;
	background-position: 5% 105%;
	background-size: 30% auto;
}
.flex01 {
	display: block;
}
.flex01 img {
	margin: 0;
}










.line-block {
  display: block;
  padding: 5px 15px;
}
.line-block .line-block-inner {}
.line-block .line-block-inner p {}
.line-block .line-block-img {
  margin: 15px 0 20px;
  text-align: center;
}
.line-block .line-block-img img {width: 257px; height: auto; margin-right: -8%;}
.line-block .line-block-btn {
  margin: 0;
  text-align: center;
}
.line-block .line-block-btn a.hover.btn-add-friend {}
.line-block .line-block-btn a.hover.btn-add-friend:hover {}
.line-block .line-block-btn a.hover.btn-add-friend img {
  display: block;
  width: 100%;
  height: 50px;
  background: #16b91b;
  border-radius: 4px;
  object-fit: contain;
}