/**!
 * rev. 2020-02-27
 * copyright c 2020
 */
@charset "utf-8";

body {
  color: #666;
  font-size:1.8vw;
  line-height: 3vw;
}

.box {
  padding:0 2vw;
  margin: auto;
  width:100%;
  max-width:100%;
}

section{
  position: relative;
  width:100%;
  max-width:1200px;
  margin:auto;
  left:0;right:0;
  text-align:center;
}
@media screen and (max-width: 1200px){
  section{
    padding: 0 2vw;
  }
}

section p {
  font-size:1.8vw;
  line-height: 3vw;
}

section p.scom {
  font-size:1.3vw !important;
  line-height: 1.8 !important;
  text-align:justify;
}

h1 {
  font-size:3.6vw;
  line-height: 5vw;
  font-weight: 900;
  padding-bottom: 1vw;
  color:#48a4dc;
}
h2 {
  font-size:5.5vw;
  line-height: 6vw;
  font-weight: bold;
  letter-spacing:0;
}
h2 small {
  font-size:3.5vw;
}
h2 small font {
  font-size:3.0vw;
}
h3 {
  font-size:3vw;
  letter-spacing: .3vw;
  line-height:5vw;
}

.btn_contact {
  width:100%;
  background-color:#fbb03b;
  padding: 2.5vw;
  text-align:center;
  font-size:2.5vw;
  font-weight: bold;
}

.btn_contact_end {
  width:100%;
  background-color:#aaa;
  color:#fff;
  padding: 2.5vw;
  text-align:center;
  font-size:2.5vw;
  font-weight: bold;
  border-radius: 20px;
  line-height: 2.0rem;
}

#head {
  position: relative;
  width:100%;
  //margin-top: 3rem;
}

#head .title {
  width:70%;
  height:auto;
  float:left;
}
#head .parth {
  width:18%;
  height:auto;
  margin-right: 6%;
  float:right;
}
#head .series {
  position: absolute;
  width:41%;
  height:auto;
  margin-right: 0%;
  bottom:0vw;
  right:0;
}


.logo-wrapper2{
  width:100%;
  //border-bottom: 1px solid #666;
  position: relative;
}
.logo-wrapper2 img {
  width:30%;
  padding: 1vw;
}

.nairan_top {
  position: relative;
  width: 100%;
  text-align:center;
}

.nairan_top li {
  width: 33.333%;
  float:left;
  padding:2vw 0;
}
.nairan_top li:nth-child(1) {
  background-color:#48a4dc;
}
.nairan_top li:nth-child(2) {
  background-color:#3d84b1;
}
.nairan_top li:nth-child(3) {
  background-color:#32739a;
}

.nairan_top .tit {
  color:#fff;
  font-size:2.5vw;
  font-weight: bold;
  position: absolute;
  left:0;right:0;
  margin: auto;
  padding-bottom: 1vw;
  top:3vw;
  width:40vw;
  border-bottom: .4vw solid #fff;
}

.nairan .tit {
  font-size:3vw;
  line-height: 5vw;
  border: .3vw solid #666;
  font-weight: bold;
  text-align:center;
  width:100%;
  border-radius:2vw;
}

.parent_box {
  display: flex;
}

.nairan li {
  width:100%;
  margin-bottom: 0vw;
}
.nairan li .sub {
  width:24%;
  color:#fff;
  display: inline-block;
  border-radius:2vw;
  float:left;
}
.nairan li:nth-child(1) .sub {
  background:#48a4dc;
}
.nairan li .man {
  text-align:left;
  width:76%;
  display: inline-block;
  padding-left:3vw;
  vertical-align: top;
  font-feature-settings: "palt";
  float:left;
}
.nairan li .man .img-fluid {
  width:95%;
}

.wake li {
  position: relative;
  width: 32.6%;
  float:left;
  margin-left:.7%;
  border-radius:2vw;
}


.choise li:nth-child(1){
  width:45%;
  float:left;
}
.choise li:nth-child(2){
  width:50%;
  float:left;
  margin-left: 5%;
  text-align:left;
}
.choise li p {
  color:#1b1464;
}

.seminar{
  width:100%;
}

.seminar li {
  width: 33%;
  float:left;
  padding:2vw 0;
  padding-left:.7%;
}
.iro{
  width:100%;
  background:#48a4dc;
  padding:3vw 0;
}
.iro2{
  width:100%;
  background:#3d84b1;
  color:#fff;
  padding:4vw 0;
}
.iro3{
  width:100%;
  background:#32739a;
  color:#fff;
  padding:4vw 0;
}
.iro4{
  width:100%;
  background:#90c6e0;
}

.seminar .tit {
  color:#fff;
  font-size:2.5vw;
  font-weight: bold;
  padding-bottom: 1vw;
  top:3vw;
  width:40vw;
  border-bottom: .4vw solid #fff;
}

.seminar .title {
  width:60%;
  height:auto;
  margin-top: -6vw;
  margin-bottom: 3vw;
  float:left;
}
.seminar .fuki {
  width:30%;
  height:auto;
  margin-top: -8vw;
  margin-right: 2%;
  margin-left: 8%;
  float:right;
}

.seminar .sub {
  width:40%;
  color:#fff;
  display: inline-block;
  border-radius:2vw;
  float:left;
}
.seminar .man {
  text-align:left;
  width:60%;
  display: inline-block;
  padding-left:3vw;
  vertical-align: top;
  font-feature-settings: "palt";
  float:left;
}

.seminar .waku {
  font-size:2.5vw;
  background:#fff;
  font-weight: bold;
  text-align:left;
  width:100%;
  color:#3d84b1;
  border-radius:2vw;
  padding:1vw 2vw;
}

.seminar h2 {
  color:#fff;
}


.line{
  width:100%;
}

.line li {
  width: 33%;
  float:left;
  padding-left:.7%;
}

.line .title {
  width:60%;
  height:auto;
  margin-bottom: 1vw;
  float:left;
}
.line .qr {
  width:calc(39% - 4vw);
  height:auto;
  margin-top: 7vw;
  margin-left: 1%;
  float:left;
  vertical-align: bottom;
}

.line .tit {
  color:#06c755;
  font-size:2.5vw;
  font-weight: bold;
  padding-bottom: 1vw;
  top:3vw;
  width:40vw;
  border-bottom: .4vw solid #06c755;
}


/* 9 */

#nine {
  position: relative;
  display: block;
  width:100%;
}
#nine .title_anim li:nth-child(1){
  position: absolute;
  width:50%;
  top:29%;
  left:0;right:0;
  margin: 0 auto;
}
#nine .title_anim li:nth-child(2){
  position: absolute;
  width:50%;
  bottom:29%;
  left:0;right:0;
  margin: 0 auto;
}

#nine p {
  text-align:left;
  text-align:justify;
}

#nine .com{
  width:60vw;
}

.owner_com::after{
  content: "";
  position: absolute;
  display: block;
  width:30vw;
  height:30vw;
  top:-6vw;
  right:-2vw;
  background: url("https://www.sanwa-estate.com/cb/images/owner_com2.svg") top left /contain no-repeat ;
  z-index:-1;
}

#nine .owners li{
  position: relative;
  display: block;
  width:100%;
  text-align:left;
  margin-bottom: 1vw;
}
#nine .owners li .pho {
  width:30vw;
  padding-top:28vw;
  float:left;
}
#nine .owners li .mes {
  width:calc(100% - 30vw);
  padding:2vw;
  float:left;
}
#nine .owners li .mes b{
  font-weight:bold;
  color:#458bab;
  margin-left: -.6vw;
}

#nine .owners li h3{
  font-size:2.3vw;
  line-height:4vw;
}

#nine .owners li p {
  font-size:1.4vw;
  line-height: 2;
  text-align:justify;
}

#nine .owners li:nth-child(1){
  background:#f1f1f1;
}
#nine .owners li:nth-child(2){
  background:#bae2f8;
}
#nine .owners li:nth-child(3){
  background:#f1f1f1;
}

#nine .owners li:nth-child(1) .pho {
  background: url("https://www.sanwa-estate.com/cb/images/owner_pho1.jpg") center center /cover no-repeat ;
}
#nine .owners li:nth-child(2) .pho {
  background: url("https://www.sanwa-estate.com/cb/images/owner_pho2.jpg") center center /cover no-repeat ;
}
#nine .owners li:nth-child(3) .pho {
  background: url("https://www.sanwa-estate.com/cb/images/owner_pho3.jpg") center center /cover no-repeat ;
}


/* -----------------------------------------------------------------
   NAIRAN
   ----------------------------------------------------------------- */


#SeminarWaku{
  text-align:left;
}
#List li .tit{
  position:absolute;
  width:auto;
  padding:5px 20px;
  text-align: center;
  color:#fff;
  top:1%;left:1%;

  font-size: 1.0em;
  letter-spacing: 0.2em;
  font-weight:bold;
  z-index: 9;
}
#List li .web{
  background:#003D66;
}

.end,.full{
  position:relative;
  background:#000;
  pointer-events: none;
}
.end img{
  opacity: 0.4;
}
a:hover img{
  opacity: 0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
}
.end:after,.full:after {
  position: absolute;
  content: "終了しました";
  display: block;
  text-align:center;
  color:#fff;
  margin:auto;
  left:0;right:0;
  top:50%;
  margin-top:-1.2vw;
  font-size:2.8vw;
  line-height: 3.6vw;
  letter-spacing: 0.1vw;
  font-weight:bold;
}
.full:after {
    content: "満員御礼";
    background:rgb(255,0,20,0.8);
}
#SeminarWaku dt{
  display:inline-block;
  width:150px;
  vertical-align: top;
  background:#fff;
  color:#003D66;
  margin:15px 50px 15px 0;
  text-align:center;
  font-weight:bold;
  //font-size:1.5vw;
}
#SeminarWaku dd{
  display:inline-block;
  width:calc(100% - 200px);
  padding:10px 0;
  //font-size:1.8vw;
  //line-height: 2.6vw;
  //letter-spacing: 0.1vw;
  vertical-align: middle;
  margin-top:0.6vw;
}

#SeminarWaku.bord-c dt{
  background:#6bc7f1;
  color:#fff;
}

.lecturer-content {
  display: inline-block;
  margin-right: 20px;
  text-align: center;
  line-height: 1em;
  vertical-align: top;
}
.lecturer-content img {
  max-width: 11vw;
  height: auto;
  margin-bottom: 1vw;
}


#seminarSch li {
  width:46%;
  float:left;
  margin:2% 2%;
  border-bottom: solid 5px #6bc7f1;
  color: #333;
}

#seminarSch li a{
  display: block;
}

#List li {
  position:relative;
  font-size: 1.5vw;
  line-height: 3.0vw;
}

#List li img {
  width:100%;
  text-align: center;
}

#List li dl{
  text-align:left;
  width:95%;
  margin:10px auto 20px;
  left:0;right:0;
}
#List li dt{
  display:inline-block;
  width:28%;
  vertical-align: top;
}
#List li dd{
  display:inline-block;
  width:72%;
}

#List li h4{

  text-align:left;
}

#NaikanWaku dl{
 position: relative;
 width:100%;

}
#NaikanWaku dt{
  display:inline-block;
  width:50%;
  vertical-align: top;
  margin:1vw 4vw 10vw 0;
}

#NaikanWaku dd{
  display:inline-block;
  width:calc(50% - 5vw);
  padding:1vw 0;
  text-align:left;
  //font-size: 1.5vw;
  //line-height: 2.5vw;
}

.banner{
  width:100%;
  max-width:800px;
}


/* -----------------------------------------------------------------
   footer
   ----------------------------------------------------------------- */

#Footer {
  width:100%;
  padding:2vw 0;
  text-align:center;
  line-height: 3vw;
}
#Footer .content{
  margin: auto;
  width:85%;
}
.foot_menu{
  width:100%;
  margin: 2vw 0;
}
.foot_menu li{
  display:block;
  float:left;
  width:calc(50% - 2vw);
  height:17vw;
  margin: .5vw;
  line-height: 2vw;
}
.foot_menu a {
  display:block;
  width:100%;
  height:17vw;
  font-weight:bold;
  color: #595757;
  font-size:2vw;
}
.foot_menu a img {
  width:70%;
  margin: .3vw auto;
}
.foot_menu li:nth-child(1){
  background:#b4d6f0;
  padding-top: 4vw;
}
.foot_menu li:nth-child(2){
  background:#dfe0e0;
  padding-top: 3.5vw;
}
.foot_menu li:hover{
  opacity: .7;
}
.footer-bnr{
  display:inline-block;
  margin-right:30px
}
.footer-bnr:last-child{
  margin-right:0
}
.footer-bnr img{
  width:235px;
}
#Footer .link li {
  display:inline-block;
  margin-right:30px
}



/* SP */

@media screen and (max-width: 768px){
  body {
    font-size:4.3vw;
    line-height: 1.8;
  }

#EditForm input, #EditForm select, #EditForm textarea {
    font-size:4vw;
    line-height: 2;
}
  main {
      padding-top: 2vw !important;
  }
  .box {
    padding:0 4vw;
  }
  section p {
    font-size:4.3vw;
    line-height: 1.8;
  }

  section p.scom {
    font-size:4.3vw !important;
    line-height: 1.8 !important;
  }

  h1 {
    font-size:5.6vw;
    line-height: 7vw;
    padding-bottom: 3w;
  }
  h2 {
    font-size:7.5vw;
    line-height: 10vw;
    font-weight: bold;
    letter-spacing:0;
  }
  h2 small {
    font-size:5.5vw;
  }
  h2 small font {
    font-size:5.0vw;
  }
  h3 {
    font-size:10vw;
    letter-spacing: .3vw;
    line-height:15vw;
  }

  h4 {
    font-size:5.0vw;
    line-height: 7vw;
  }

  .box_s {
    width:80%;
    margin: 0 10%;
  }

  .btn_contact {
    width:90%;
    background-color:#fbb03b;
    padding: 10vw .5vw;
    font-size:6.5vw;
  }
  .btn_contact_end {
    width:90%;
    background-color:#aaa;
    padding: 10vw .5vw;
    font-size:6.5vw;
    margin: 0 5%;
  }

  #head {
    position: relative;
    margin-top: 0;
  }
  #head .slide {
    width:100%;
    height:120vw;
    background:url("./images/toppho.jpg") no-repeat center top / cover;
  }
  #head .top {
    position: absolute;
    top:40%;
    bottom:auto;
    text-align: center;
    background: rgba(255,152557,255,0.5);
    width: calc(100% - 1rem);
  }
  #head .series {
    position: relative;
    width:80%;
  }

  .choise {
    padding: 0 2%;
  }
  .choise li:nth-child(1){
    width:100%;
  }
  .choise li:nth-child(2){
    width:100%;
    margin-left: 0;
  }

  .nairan_top li {
    width: 90%;
    padding:0;
    margin: 1% 5%;
    margin-bottom: 0;
  }
  .wake li {
    border-radius:6vw;
    width:90%;
    margin: 1% 5%;
  }

  .nairan_top .tit {
    color:#fff;
    font-size:5.6vw;
    line-height: 5vw;
    position: relative;
    margin: 5vw auto;
    padding-top:5vw;
    width:90%;
    border-bottom: .4vw solid #fff;
    text-align: center;
  }
  .nairan .tit {
    font-size:6vw;
    line-height: 15vw;
    border-radius:6vw;
  }
  .nairan li .man {
    width:90%;
    margin: 0 5%;
    display: block;
    padding-left:0;
  }
  .nairan li .man .img-fluid {
    width:95%;
  }
  .nairan li .sub {
    width:100%;
    font-size:5vw;
    line-height: 8vw;
    display: block;
    border-radius:0;
    padding:3vw;
    font-weight:bold;
    background:#48a4dc;
  }
  .nairan li .man .img-fluid {
    width:100%;
  }

  .melit li {
    overflow:hidden;
  }
  .melit li img {
    margin-top: -15vw;
  }


  .seminar li {
    width: 80%;
    padding:2vw 0;
    padding-left:0;
    margin:0 10%;
  }
  .seminar .tit {
    color:#fff;
    font-size:5.6vw;
    line-height: 5vw;
    position: relative;
    margin: 5vw auto;
    padding-top:0;
    width:90%;
    border-bottom: .4vw solid #fff;
    text-align: center;
  }
  .seminar .title {
    width:100%;
    margin-top: -12vw;
    margin-bottom: 3vw;
  }

  .seminar .sub {
    width:100%;
    display: block;
    border-radius:2vw;
    margin: 3vw 0;
  }
  .seminar .man {
    text-align:left;
    width:100%;
    display: block;
    padding-left:0;
  }

  .seminar .waku {
    font-size:5.5vw;
    border-radius:2vw;
    padding:4vw 4vw;
  }


  .line li {
    width: 80%;
    padding:2vw 0;
    padding-left:0;
    margin:0 10%;
  }

  .line .title {
    width:100%;
    margin-top: 0;
    margin-bottom: 1vw;
  }
  .line .tit {
    color:#06c755;
    font-size:5.6vw;
    line-height: 5vw;
    position: relative;
    margin: 0 auto;
    padding-top:0;
    width:90%;
    border-bottom: .4vw solid #06c755;
    text-align: center;
  }

  .cataeog .title {
    width:100%;
    margin-top: -8vw;
    margin-bottom: 3vw;
  }


  #nine .title_anim li:nth-child(1){
    width:80%;
    top:19%;
  }
  #nine .title_anim li:nth-child(2){
    width:80%;
    bottom:19%;
  }

  #nine .tit {
    color:#666;
    font-size:5.6vw;
    font-weight:bold;
    line-height: 8vw;
    position: relative;
    margin: 0 auto;
    margin-bottom: 6vw;
    padding-top:0;
    width:90%;
    border-bottom: .4vw solid #666;
    text-align: center;
  }

  #nine .owners li{
    width:100%;
    margin-bottom: 5vw;
  }
  #nine .owners li .pho {
    width:100%;
    padding-top:80vw;
  }
  #nine .owners li .mes {
    width:90%;
    margin-left: 5%;
    margin-top:5vw;
    margin-bottom:5vw;
    font-size:3.8vw;
    line-height: 8.0vw;
  }
  #nine .owners li .mes b{
    font-size:4.0vw;
    line-height:10vw;
  }
  #nine .owners li h3{
    font-size:5.0vw;
    line-height:8.2vw;
  }
  .owner_com::after{
    display: none;
  }


/* NAIRAN */

  #SeminarWaku dt{
    width:50vw;
    margin:1.5vw auto;
  }
  #SeminarWaku dd{
    width:100%;
    padding:1vw 0;
    margin-top:0.6vw;
  }

  .lecturer-content img {
    max-width: 60%;
  }

  #seminarSch li {
    width:96%;
  }

  #NaikanWaku dt{
    width:100%;
    margin:1vw 4vw 10vw 0;
  }

  #NaikanWaku dd{
    width:100%;
    padding:1vw 0;
  }

  .logo-wrapper2 img {
    width:50%;
    padding: 1vw;
    margin-left:25% ;
  }


  #Footer {
    padding:5vw 2rem;
    line-height: 8vw;
  }
  #Footer .content{
    margin: auto;
    width:100%;
  }
  .footer-bnr{
    width:100%;
    display:block;
    margin-right:0;
    margin-bottom:10px;
    text-align:center;
  }
  .footer-bnr:last-child{
    margin-bottom:0;
  }
  .footer-bnr img{
    width:100%;
  }
  .foot_menu li:nth-child(1){
    padding-top: 6vw;
  }
  .foot_menu li{
    width:100%;
    height:34vw;
  }
  .foot_menu a {
    height:34vw;
    font-size:4.5vw;
    line-height: 1;
  }
  .foot_menu a img {
    width:90%;
    margin: 1.5vw auto;
  }
}