@charset "utf-8";

/* CSS Document */
#index .enTtl {
  text-align: center;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #888888;
  padding: 10px 0 0;
  /* background: url(img/logo.png) no-repeat center top; */
  margin: 0 0 1rem;
}

#index h2 {
  text-align: center;
  color: #070707;
  box-sizing: border-box;
  font-size: 2.6rem;
  line-height: 1.2;
  display: table;
  margin: 0 auto 3rem;
}

#index h2 span {
  background: linear-gradient(transparent 60%, #dcf68d 60%);
}

#index .wi1000 h2 {
  background: none;
}

#index .wi1000 h2 span:nth-child(1) {
  font-size: 2.6rem;
  background: none;
}

#index .wi1000 h2 span:nth-child(3) {
  font-size: 3.6rem;
}

#index .wi1000 h2 span:last-child {
  font-size: 4.0rem;
  color: #0041C3;
}

#index .box-wrap .box .box-head .sttl {
  font-size: 2.4rem;
}

#index .bg01 h2 span {
  color: #fff;
}

#index .bg01 h2 span:last-child {
  font-size: 4.0rem;
  color: #fff;
  background: linear-gradient(transparent 60%, #0041c3 60%);
}

.wi1000 {
  padding: 5rem 0;
}

.bg01 {
  background: url(img/bg02.png);
  position: relative;
  background-size: cover;
  background-color: #4671c9;
}

/*--------------------------------------
　keyArea
---------------------------------------*/
.keyArea {
  box-sizing: border-box;
  background: url(/wp/wp-content/uploads/key10.jpg) center bottom -8px no-repeat;
  background-size: cover;
  min-height: 520px;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* for IE11 */
_:-ms-lang(x)::-ms-backdrop,
.keyArea {
  padding: 75px 0;
}

.keyArea .inner {
  width: 547px;
  padding: 3.6rem 1.2rem;
  box-sizing: border-box;
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 15px;
  box-shadow:
    inset 0 3px 6px rgba(0, 0, 0, .16),
    0 3px 6px rgba(0, 0, 0, .16),
}

.keyArea .inner .mainTit {
  text-align: center;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.2;
  margin: 0 0 15px 0;
  border-bottom: 1px solid #444;
  padding: 0 0 15px;
}

.keyArea .inner .mainTit p {
  font-size: 3.0rem;
  line-height: 1.2;
}



.keyArea .inner .mainTit span {
  font-size: 4.0rem;
  color: #0041C3;
  background: none;
}

.keyArea .inner p {
  margin-bottom: 0;
}

/*--------------------------------------
　selection
---------------------------------------*/
.selection {
  width: 1000px;
  margin: 0 auto;
  background: none;
  padding: 6rem 0;
}

#index .selectionBoxTtl {
  background: none;
  border: none;
  text-align: center;
  font-weight: bold;
  font-size: 2.2rem;
  line-height: 1.2;
  padding: 0 2rem 2rem;
  border-bottom: solid #fff 3px;
  margin: 0 0 1.6rem;
}

/*--------------------------------------
　addCont
---------------------------------------*/
/*　addCont01
---------------------------------------*/
.addCont01 {
  background-color: #fff;
}

.addCont01 .wi1000 {
  padding: 5rem 0 6rem;
  background-image: url(/wp/wp-content/uploads/ttl_left.png), url(/wp/wp-content/uploads/ttl_right.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left 110px, right 110px;
}

.addCont01EnTtl {
  text-align: center;
  display: table;
  margin: 0 auto;
  padding: 8px 26px 4px;
  line-height: 1;
  font-size: 1.4rem;
  font-weight: bold;
  background-image: url(img/tit_en_l.png), url(img/tit_en_r.png);
  background-repeat: no-repeat, no-repeat;
  background-position: left top, right top;
}

#index .addCont01Ttl {
  display: block;
  background: none;
  margin: 10px 0 10px;
  font-weight: bold;
  font-size: 3.6rem;
  line-height: 1.4;
  text-align: center;
}

#index .addCont01Ttl h2 {
  background: none;
}

#index .addCont01Ttl span {
  background: none;
}

#index .addCont01Ttl span:nth-child(1) {
  font-size: 2.6rem;
}

#index .addCont01Ttl span:nth-child(2) {
  font-size: 3.6rem;
}

#index .addCont01Ttl span:nth-child(3) {
  color: #0041C3;
  font-size: 4.5rem;
}

.addCont01BoxWrap {
  width: 704px;
  margin: 0 auto;
  counter-reset: item;
}

.addCont01Box {
  background-color: #fff;
  border: #86cfc4 2px solid;
  outline: #fff solid 8px;
  padding: 2.6rem 3rem;
  margin: 4rem 0 0;
  position: relative;
}

.addCont01Box::after {
  counter-increment: item;
  content: counter(item);
  display: block;
  width: 76px;
  height: 76px;
  background-color: #dbe900;
  border: solid 2px #fff;
  outline: solid 8px #dbe900;
  color: #fff;
  font-size: 3.6rem;
  line-height: 76px;
  text-align: center;
  position: absolute;
  top: -9px;
  left: -11px;
}

#index .addCont01Box h3 {
  margin: 0;
  border: none;
  font-size: 2.6rem;
  padding: 0px 60px 0 70px;
  background: url(img/icon_plus.png) no-repeat right 50%;
  cursor: pointer;
}

#index .addCont01Box h3::before {
  display: none;
}

#index .addCont01Box h3:hover {
  opacity: 0.7;
}

#index .addCont01Box h3.open {
  background: url(img/icon_minus.png) no-repeat right 50%;
}

.addCont01Box h3+div {
  display: none;
  padding: 2rem 0 0;
}

/*　addCont02
---------------------------------------*/
.addCont02 {
  background: url(/wp/wp-content/uploads/bg02-scaled.jpg);
  position: relative;
  background-size: cover;
  background-attachment: fixed;
}

#index .addCont02 .wi1000>p {
  color: #fff;
}

#index .addCont02Ttl {
  text-align: center;
  background: none;
  font-size: 2.6rem;
  line-height: 1.2;
  text-shadow: rgb(255, 255, 255) 4px 0px 0px, rgb(255, 255, 255) 3.87565px 0.989616px 0px, rgb(255, 255, 255) 3.51033px 1.9177px 0px, rgb(255, 255, 255) 2.92676px 2.72656px 0px, rgb(255, 255, 255) 2.16121px 3.36588px 0px, rgb(255, 255, 255) 1.26129px 3.79594px 0px, rgb(255, 255, 255) 0.282949px 3.98998px 0px, rgb(255, 255, 255) -0.712984px 3.93594px 0px, rgb(255, 255, 255) -1.66459px 3.63719px 0px, rgb(255, 255, 255) -2.51269px 3.11229px 0px, rgb(255, 255, 255) -3.20457px 2.39389px 0px, rgb(255, 255, 255) -3.69721px 1.52664px 0px, rgb(255, 255, 255) -3.95997px 0.56448px 0px, rgb(255, 255, 255) -3.97652px -0.432781px 0px, rgb(255, 255, 255) -3.74583px -1.40313px 0px, rgb(255, 255, 255) -3.28224px -2.28625px 0px, rgb(255, 255, 255) -2.61457px -3.02721px 0px, rgb(255, 255, 255) -1.78435px -3.57996px 0px, rgb(255, 255, 255) -0.843183px -3.91012px 0px, rgb(255, 255, 255) 0.150409px -3.99717px 0px, rgb(255, 255, 255) 1.13465px -3.8357px 0px, rgb(255, 255, 255) 2.04834px -3.43574px 0px, rgb(255, 255, 255) 2.83468px -2.82216px 0px, rgb(255, 255, 255) 3.44477px -2.03312px 0px, rgb(255, 255, 255) 3.84068px -1.11766px 0px, rgb(255, 255, 255) 3.9978px -0.132717px 0px;
  position: relative;
}

#index .addCont02Ttl span:nth-child(2) {
  background: none;
  font-size: 3.6rem;
}

#index .addCont02Ttl span:nth-child(3) {
  font-size: 4.5rem;
  color: #0041C3;
  background: none;
}

.addCont02Box {
  background-color: #fff;
  padding: 5rem 5rem 2rem;
  margin: 7rem auto 0;
  position: relative;
}

.addCont02BoxIcon {
  width: 260px;
  height: 134px;
  border-radius: 68px;
  background-color: #f99b1b;
  padding: 4px;
  box-shadow: 2px 2px 4px rgb(0 0 0 / 15%);
  position: absolute;
  left: 9px;
  top: -17px;
  z-index: 1;
}

.addCont02BoxIcon>div {
  background-color: #f99b1b;
  width: 256px;
  height: 130px;
  border-radius: 68px;
  border: solid 2px #fff;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.addCont02BoxIcon>div span:nth-child(1) {
  font-size: 2.6rem;
}

.addCont02BoxIcon>div span:nth-child(2) {
  font-size: 2.6rem;
}

#index .addCont02BoxTtl {
  background: none;
  border: none;
  margin: 0 0rem 6rem;
  padding: 0 0 1rem 30rem;
  border-bottom: solid 3px #e4e4e4;
}

#index .addCont02BoxTtl::before {
  display: none;
}

.addCont02Box-01 {
  display: flex;
  justify-content: space-between;
}

.addCont02Box-01L,
.addCont02Box-01R {
  width: 430px;
}

.addCont02Box-01L .btn-web {
  width: 90%;
}

#index .addCont02Box-01L .caption {
  color: #9C9C9C;
  font-size: 1rem;
  margin: 10px 0 0;
}

.addCont02Box-01R {
  counter-reset: item;
}

.addCont02Box-01RBox {
  margin-top: 4rem;
}

.addCont02Box-01R .addCont02Box-01RBox:first-child {
  margin-top: 0;
}

.addCont02Box-01RBoxTtl {
  border-radius: 15px;
  padding: 10px 0px 10px 0px;
  font-size: 2.4rem;
  line-height: 1.2;
  font-weight: bold;
  margin: 1rem 0 2rem 0;
  position: relative;
  border: solid 5px #a1c3e8;
  /* background: #0041c3; */
  text-align: center;
}

.addCont02Box-01RBoxTtl span {
  color: #f65810;
}

/*
.addCont02Box-01RBoxTtl::after {
  counter-increment: item;
  content: counter(item);
  display: block;
  width: 56px;
  height: 56px;
  background-color: #dbe900;
  border: solid 2px #fff;
  outline: solid 2px #dbe900;
  color: #fff;
  font-size: 2.4rem;
  line-height: 56px;
  text-align: center;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  left: 0;
}
*/

#index .addCont02Box-01R ul {
  margin: 0;
  padding: 2rem 0rem 2rem 2rem;
  background: #f2f2f2;
}

#index .addCont02Box-01R ul.clm4::before,
#index .addCont02Box-01R ul.clm4::after {
  content: "";
  width: 23%;
  height: 0;
  margin: 1rem auto 0;
}

#index .addCont02Box-01R ul.clm4::before {
  order: 1;
}

#index .addCont02Box-01R ul li {
  box-sizing: border-box;
  border-radius: 5px;
  padding: 12px 3rem 12px 5rem;
  line-height: 1.2;
  color: #070707;
  font-weight: bold;
  margin-right: 1rem;
  font-size: 1.6rem;
  background: url(img/listcheck.png) no-repeat 10px 10px;
}

#index .addCont02Box-01R ul li:nth-child(4n) {
  margin-right: 0;
}

#index .addCont02Box-01R ul.clm4 li {
  width: 23%;
}

#index .addCont02Box-01R p {
  margin: 0;
  text-align: right;
}

#index .addCont02Box-02 .addCont02Box-02Ttl {
  font-size: 2.4rem;
  padding: 0 0 1rem 6rem;
  background: url(img/tit_house02.png) no-repeat left top;
  border: none;
  border-bottom: solid 3px #e4e4e4;
  margin: 6rem 0 2rem;
}

#index .addCont02Box-02 span {
  background: linear-gradient(transparent 70%, #dcf68d 70%);
  font-weight: bold;
}

.addCont02Box-02Catch {
  font-weight: bold;
  font-size: 2.1rem;
  color: #0041c3;
  padding: 3rem 0 1rem 0;
}

.addCont02Box-03 {
  margin: 6rem -3rem 0;
  background-color: #F0F0F0;
  padding: 2rem 3rem;
}

#index .addCont02Box-03 .addCont02Box-03Ttl {
  margin: 0 0px 2rem;
  border: none;
  border-bottom: solid 3px #fff;
  font-size: 2.4rem;
  padding: 1rem 0 2rem 6rem;
  background: url(img/tit_house01.png) no-repeat top 3px left;
}

.addCont02Box-03L {
  width: 450px;
  float: left;
}

.addCont02Box-03L>*:first-child {
  margin-top: 0;
}

.addCont02Box-03LCatch {
  font-weight: bold;
  font-size: 1.6rem;
  color: #0041c3;
}

.addCont02Box-03R {
  width: 430px;
  float: right;
}

#index .addCont02Box-03 table {
  margin: 0 auto;
  table-layout: auto;
  border: none;
  border-left: #F0F0F0 solid 1px;
  border-top: #F0F0F0 solid 1px;
}

#index .addCont02Box-03 table th {
  width: auto;
  white-space: nowrap;
  border: none;
  border-right: #F0F0F0 solid 1px;
  border-bottom: #F0F0F0 solid 1px;
}

#index .addCont02Box-03 table td {
  background-color: #fff;
  border: none;
  border-right: #F0F0F0 solid 1px;
  border-bottom: #F0F0F0 solid 1px;
}

/*　addCont03
---------------------------------------*/
.addCont03 {
  background: url(img/bg02.jpg);
}

#index .addCont03 .addCont03Ttl {
  display: block;
  background: none;
  background-color: #b2d7ff;
  border: none;
  text-align: center;
}

#index .addCont03 .addCont03Ttl a {
  color: #000000;
  font-size: 3.2rem;
}

.addCont03 .frame .frame-ttl span {
  font-size: 1.6rem;
}

#index .addCont03 .dashed {
  padding-top: 20px;
  margin-top: 30px;
}

.addCont03 .dashed .subTtl {
  width: 100%;
  text-align: center;
  position: absolute;
  top: -1.5rem;
  left: 0;
}

.addCont03 .dashed .subTtl span {
  display: inline-block;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  line-height: 1.2;
  font-weight: bold;
  background-color: #86cfc4;
  padding: 4px 1rem;
  border-left: solid 4px #fff;
  border-right: solid 4px #fff;
}

.addCont03 dl {
  display: table;
  width: 100%;
}

.addCont03 dl dt {
  display: table-cell;
  width: 4em;
  background-color: #aaa;
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.2;
  vertical-align: middle;
  text-align: center;
  padding: 4px;
}

.addCont03 dl dd {
  display: table-cell;
  padding: 0 0 0 6px;
  vertical-align: middle;
  word-break: break-all;
  line-height: 1.4;
}

#index .addCont01 .wi1000 h2 span:last-child {
  font-size: 36px;
}

.addCont02Box::before {
  content: '';
  position: absolute;
  top: -40px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 0;
  height: 0;
  border-top: 50px solid #f99b1b;
  border-left: 60px solid transparent;
  border-right: 60px solid transparent;
  z-index: 99;
}

#index .addCont02 .wi1000 h2 {
  text-shadow: unset;
  color: #fff;
  }
  #index .addCont02 .wi1000 h2 span {
  color: #fff;
  }

@media screen and (max-width: 599px) {
  .wi1000 {
    width: 100%;
    margin: 0 auto;
    padding: 30px 10px;
    box-sizing: border-box;
  }

  #index .enTtl {
    font-size: 1.2rem;
    padding: 10px 0 0;
    background-size: 36px auto;
  }

  #index h2 {
    font-size: 2rem;
    line-height: 1.4;
    margin: 0 auto 2rem;
    padding: 0px 45px 0px 45px;
  }

  #index .box-wrap .box .box-head .sttl {
    font-size: 1.8rem;
  }

  /*--------------------------------------
　keyArea
 ---------------------------------------*/
  .keyArea {
    background: url(/wp/wp-content/uploads/key11.jpg) center 0 no-repeat;
    background-size: 100%;
    min-height: inherit;
    padding: 38% 10px 10px;
  }

  .keyArea .inner {
    width: 100%;
    padding: 0.5rem 0 0 0;
  }

  .keyArea .inner .mainTit {
    font-size: 1.8rem;
    padding: 10px 0 10px;
  }

  .keyArea .inner .mainTit p {
    font-size: 2.4rem;
  }

  .keyArea .inner .mainTit span {
    font-size: 3rem;
  }

  /*--------------------------------------
　selection
 ---------------------------------------*/
  .selection {
    width: 100%;
    box-sizing: border-box;
    padding: 0 10px 20px;
  }

  /*--------------------------------------
  addCont
 ---------------------------------------*/
  /*　addCont01
 ---------------------------------------*/
  .addCont01 .wi1000 {
    padding: 4rem 10px 4rem;
    background-position: left 82px, right 82px;
    background-size: 50px auto, 50px auto;
  }

  .addCont01EnTtl {
    text-align: center;
    display: table;
    margin: 0 auto;
    padding: 8px 26px 4px;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: bold;
    background-image: url(img/tit_en_l.png), url(img/tit_en_r.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left top, right top;
  }

  #index .addCont01Ttl {
    margin: 10px 0 10px;
    font-size: 2.4rem;
  }

  #index .addCont01Ttl span:nth-child(1) {
    font-size: 1.8rem;
  }


  #index .addCont01Ttl span:nth-child(2) {
    font-size: 2.4rem;
  }

  #index .bg01 .wi1000>h2,
  #index .addCont04 .wi1000>h2 {
    font-size: 2rem;
    padding: 0px 10px 20px 10px;
  }

  #index .wi1000 h2 span:nth-child(1) {
    font-size: 2rem;
  }

  #index .wi1000 h2 span:nth-child(3) {
    font-size: 2.4rem;
  }

  #index .wi1000 h2 span:last-child {
    font-size: 3rem;
  }

  .addCont01BoxWrap {
    width: 100%;
  }

  .addCont01Box {
    outline: #fff solid 4px;
    padding: 1.6rem 1rem;
    margin: 3rem 4px 0;
  }

  #index .addCont01Box h3 {
    font-size: 2rem;
    line-height: 1.4;
    padding: 0px 30px 0 44px;
    background-size: 24px auto;
  }

  #index .addCont01Box h3:hover {
    opacity: 1;
  }

  #index .addCont01Box h3.open {
    background-size: 24px auto;
  }

  .addCont01Box::after {
    width: 42px;
    height: 42px;
    background-color: #dbe900;
    border: solid 2px #fff;
    outline: solid 4px #dbe900;
    color: #fff;
    font-size: 3.3rem;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: -8px;
    left: -8px;
  }

  /*　addCont02
 ---------------------------------------*/
  .addCont02::before {
    background-size: 100% auto;
    width: 80px;
    height: 139px;
  }

  .addCont02 .wi1000 .addCont02Box:nth-child(2)::before {
    width: 130px;
    height: 68px;
    background-size: 100% auto;
    top: -50px;
  }

  #index .addCont02Ttl {
    font-size: 2.0rem;
    padding: 0 1rem;
  }

  #index .addCont02Ttl span:nth-child(2) {
    font-size: 2.2rem;
  }

  .addCont02Box {
    padding: 2rem 1rem;
    margin: 4rem auto 0;
  }

  .addCont02BoxIcon {
    width: 145px;
    height: 64px;
    padding: 2px;
    left: -10px;
    top: 0px;
  }

  .addCont02BoxIcon>div {
    width: 141px;
    height: 60px;
    font-size: 13px;
  }

  .addCont02BoxIcon>div span:nth-child(1) {
    font-size: 1.2rem;
  }

  .addCont02BoxIcon>div span:nth-child(2) {
    font-size: 1.6rem;
  }

  #index .addCont02BoxTtl {
    margin: 0 0 2rem;
    padding: 0px 0 0rem 13.5rem;
    font-size: 1.8rem;
  }

  .addCont02Box-01 {
    display: block;
  }

  .addCont02Box-01L,
  .addCont02Box-01R {
    width: 100%;
    margin-top: 2rem;
  }

  .addCont02Box-01R {
    margin-top: 4rem;
  }

  .addCont02Box-01L .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .addCont02Box-01L .map iframe,
  .addCont02Box-01L .map object,
  .addCont02Box-01L .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .addCont02Box-01RBoxTtl {
    font-size: 1.8rem;
    text-align: center;
    padding: 10px 0px 10px 0px;
  }

  #index .addCont02Box-02 .addCont02Box-02Ttl {
    font-size: 1.8rem;
    border: none;
    margin: 4rem 0 0;
    background-size: 36px auto;
    border-bottom: solid 1px #444;
    background: url(img/tit_house02.png) no-repeat left center/35px;
  }

  .addCont02Box-02Catch {
    font-size: 1.6rem;
    line-height: 1.4;
  }

  .addCont02Box-03 {
    margin: 4rem auto 0;
    padding: 1rem;
  }

  #index .addCont02Box-03 .addCont02Box-03Ttl {
    font-size: 1.8rem;
    background: url(img/tit_house01.png) no-repeat left 0px center/50px;
  }

  #index .addCont02Box-03 table {
    display: table;
  }

  #index .addCont02Box-03 table tr {
    display: table-row;
  }

  #index .addCont02Box-03 table th,
  #index .addCont02Box-03 table td {
    display: table-cell;
  }


  /*　addCont03
 ---------------------------------------*/
  #index .addCont03 .addCont03Ttl {
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
  }

  #index .addCont03 .addCont03Ttl a {
    font-size: 2rem;
    line-height: 1.4;
  }

  .addCont02Box-03L,
  .addCont02Box-03R {
    width: 100%;
    float: none;
  }

  #index .addCont02Box-01R ul li {
    width: 100%;
    margin-right: 1rem;
  }

  #index .addCont02Box-01R ul li:nth-child(3n) {
    margin-right: 0;
  }

  #index .addCont02Box-01R ul li:nth-child(4n) {
    margin-right: 1rem;
  }

  #index .addCont02Box-01R ul.clm4 li {
    width: 30%;
    margin-right: 1rem;
  }

  #index .addCont02Box-01R ul.clm4 li:nth-child(3n) {
    margin-right: 0;
  }

  #index .addCont02Box-01R ul.clm4::before,
  #index .addCont02Box-01R ul.clm4::after {
    content: "";
    width: 48.5%;
    height: 0;
  }

  #index .addCont01 .wi1000 h2 span:last-child {
    font-size: 24px;
  }

  .addCont02Box::before {
    top: -23px;
    border-top: 28px solid #f99b1b;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
}

}