@charset "UTF-8";
/* Scss Document */
@media screen and (min-width: 680px) {
  br.br-sp {
    display: none; } }
@media screen and (max-width: 679px) {
  br.br-none {
    display: none; } }
.pageWrap {
  margin: 0 0 2rem; }

.page-img {
  width: 100%; }
  .page-img img {
    width: 100%; }

.page-title {
  font-size: 0.24rem;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: 600;
  margin: 0 0 0.1rem; }

.page-title_gothic {
  font-size: 0.24rem;
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: normal;
  margin: 0 0 0.1rem; }

/*-------------------------
about
-------------------------*/
.Scene_wrap .post_frex_full_box img {
  width: 100%;
  vertical-align: top; }
.Scene_wrap .post_frex_full_box + .post_frex_full_box {
  margin: 0 0 0.3rem; }

.about-title {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-size: 0.18rem;
  font-weight: normal;
  margin: 0.85rem 0 0.75rem;
  letter-spacing: 0;
  font-feature-settings: "palt"; }

.page_current　 a:active {
  border-bottom: 1px solid #000;
  padding: 0 0 0.05rem;
  transition: none; }

/*****Message*****/
.Message_wrap {
  display: flex;
  justify-content: center;
  flex-direction: column;
  margin: 0.75rem 0 0; }
  .Message_wrap figure {
    width: 80%;
    margin: 0 10% 0.5rem; }
    .Message_wrap figure img {
      width: 100%; }
  .Message_wrap p {
    /*	font-family: $base-font;*/
    width: 100%;
    font-size: 0.16rem;
    line-height: 0.39rem; }

@media screen and (min-width: 680px) {
  .Message_wrap {
    /*display: flex;
    justify-content: center;
    flex-direction: row-reverse;*/
    margin: 0; }
    .Message_wrap figure {
      width: 30%;
      margin: 0 5% 0; }
      .Message_wrap figure img {
        width: 215px; }
    .Message_wrap p {
      width: 100%;
      /*width:50%;
      margin: -0.18rem;*/ } }
@media screen and (max-width: 679px) {
  .Message_wrap {
    display: flex;
    justify-content: center;
    flex-direction: column; }
    .Message_wrap figure {
      width: 50%;
      margin: 0 auto 0.2rem; }
    .Message_wrap p {
      font-size: 0.20rem;
      line-height: 0.4rem; }

  .about-title {
    margin: 0.85rem 0 0.35rem; } }
/*****Scene*****/
.Scene_wrap {
  margin: 0; }

/*****Outline*****/
.Outline_wrap {
  margin: 0.5rem 0 0; }
  .Outline_wrap table {
    width: 100%; }
    .Outline_wrap table th {
      font-weight: normal;
      width: 130px;
      vertical-align: top;
      text-align: left;
      padding: 0.07rem 0; }
    .Outline_wrap table td {
      padding: 0.07rem 0; }
      .Outline_wrap table td a {
        text-decoration: none;
        color: #000;
        border-bottom: 1px solid #000; }

@media screen and (min-width: 680px) {
  .Outline_wrap table {
    width: 100%; }
    .Outline_wrap table th {
      font-weight: normal;
      width: 10%; } }
@media screen and (max-width: 679px) {
  .Outline_wrap {
    margin: 0; }
    .Outline_wrap table {
      width: 100%; }
      .Outline_wrap table th {
        font-weight: normal;
        width: 15%; } }
/*****Access*****/
#Access {
  position: relative; }

.btn_mapchagne {
  position: absolute;
  right: 0;
  top: 0.2rem;
  margin: 0 0 0.1rem;
  width: 1.5rem;
  cursor: pointer;
  display: block;
  opacity: 1; }
  .btn_mapchagne img {
    width: 100%; }

.btn_mapchagne.active {
  opacity: 0.5; }

.Access_wrap {
  position: relative; }
  .Access_wrap .Access_map {
    position: relative; }
  .Access_wrap .Access_googlemap {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    /*opacity: 0;*/ }
  .Access_wrap .Access_googlemap.active {
    /* opacity: 1;*/ }
  .Access_wrap ul {
    padding-left: 2em;
    margin: 35px 0; }
  .Access_wrap li {
    padding-left: 1em;
    text-indent: -2.5em; }
  .Access_wrap li::before {
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(0.4);
    transform: scale(0.4); }
  .Access_wrap li.train::before {
    width: 0.43rem;
    height: 0.43rem;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: scale(0.43);
    transform: scale(0.43); }
  .Access_wrap li:nth-child(3) img {
    display: inline-block;
    width: 0.16rem;
    height: 0.16rem;
    vertical-align: middle;
    padding: 0 3px 3px 3px; }
  .Access_wrap li:nth-child(3)::before {
    position: relative;
    top: -0.03rem; }
  .Access_wrap li:nth-child(1)::before {
    content: url("../img/about-access_train.svg"); }
  .Access_wrap li:nth-child(2)::before {
    content: url("../img/about-access_car.svg"); }
  .Access_wrap li:nth-child(3)::before {
    content: url("../img/about-access_p01.svg"); }

.about-Access_img {
  width: 100%; }
  .about-Access_img img {
    width: 100%; }

@media screen and (max-width: 679px) {
  .Access_googlemap {
    height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative; }
    .Access_googlemap iframe {
      position: absolute;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%; } }
/*****Staff*****/
.Staff_wrap .post-mainimg {
  margin: 0;
  max-height: 1180px; }
.Staff_wrap .post-mainimg:nth-child(1) {
  margin: 0 0 2.5rem; }

.about-Staff_img {
  width: 100%; }
  .about-Staff_img img {
    width: 100%; }

.Staff_mainimg .Staff_maintext {
  top: -2.4rem;
  position: relative;
  margin: 0 0 0 auto;
  right: 0; }

.Staff_maintext {
  max-width: 5.76rem;
  background: #fff;
  display: block;
  padding: 0 0 0 0.03rem; }

h2.Staff_name {
  font-weight: normal;
  line-height: 1em; }
  h2.Staff_name span {
    display: block;
    font-size: 0.17rem;
    margin: 0.2rem 0 0.3rem; }

.name_info {
  line-height: 1.5em;
  display: block;
  font-size: 0.16rem;
  margin: 0 0 0.25rem; }

.about-staff_SNSlink {
  display: flex;
  margin: 0.45rem 0; }
  .about-staff_SNSlink a {
    border: none;
    border-bottom: 1px solid #000;
    margin: 0 0.2rem 0.05rem 0; }
  .about-staff_SNSlink a:hover {
    transition: border-bottom 1s ease-in;
    opacity: 0.5; }

.about-Staff_img {
  position: relative;
  /*img + img {
  	position: absolute;
  	left: 0;
  	top: 0;
  	margin: 0 auto;
  	animation: photo 10s infinite;
  	opacity: 0;
  }*/ }
  .about-Staff_img img {
    margin: 0 auto; }
@keyframes photo {
  0% {
    opacity: 0; }
  15% {
    opacity: 0; }
  18% {
    opacity: 1; }
  50% {
    opacity: 1; }
  67% {
    opacity: 1; }
  70% {
    opacity: 0; }
  100% {
    opacity: 0; } }
  .about-Staff_img img:nth-of-type(1) {
    animation-delay: 0s; }
  .about-Staff_img img:nth-of-type(2) {
    animation-delay: 5s; }

@media screen and (max-width: 979px) {
  .post-maintext {
    top: -0.8rem; } }
@media screen and (max-width: 679px) {
  .post-maintext {
    top: -0.8rem;
    padding: 0 0.05rem 0 0; }
    .post-maintext p {
      text-align: justify;
      font-feature-settings: "palt"; }

  .Staff_wrap .post-mainimg:nth-child(1) {
    margin: 0; }

  .post-maintext
  .post-mainimg::after {
    content: "";
    display: block;
    margin: 0 0 4.2rem; } }
/*****Access*****/
.Office_wrap h4 {
  font-size: 0.24rem;
  font-weight: normal;
  margin: 0.24rem 0 0.47rem; }
.Office_wrap p {
  margin: 0.47rem 0 0.6rem; }
  .Office_wrap p a {
    border: none;
    border-bottom: 1px solid #000;
    margin: 0; }

@media screen and (max-width: 679px) {
  .Office_wrap p {
    margin: 0.17rem 0 0.3rem; } }
/*-------------------------
FAQ
-------------------------*/
.faqlist ul li {
  font-size: 0.13rem !important; }

.faq h3 {
  font-size: 0.17rem;
  font-weight: normal;
  margin: 0.54rem 0 0.35rem; }
.faq section {
  display: block;
  /* アニメーション */ }
  .faq section details {
    margin: 0.3rem 0; }
  .faq section details[open] summary:after {
    transform: rotate(-180deg);
    /* アイコンを回転 */
    left: 96%;
    /* 位置を調整 */
    top: -5px;
    /* 位置を調整 */ }
  .faq section details[open] p {
    animation: fadeIn 0.5s ease; }
@keyframes fadeIn {
  0% {
    opacity: 0;
    transform: translateY(-10px); }
  100% {
    opacity: 1;
    transform: none; } }
  .faq section summary {
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    padding: 0.18rem;
    line-height: 1em;
    display: block;
    /*矢印消す*/
    cursor: pointer;
    outline: none;
    position: relative;
    transition: 0.2s; }
  .faq section summary::-webkit-details-marker {
    display: none;
    /*矢印消す*/ }
  .faq section summary:before, .faq section summary:after {
    content: "";
    margin: auto 0 auto 10px;
    position: absolute;
    top: 5px;
    bottom: 0;
    left: 0; }
  .faq section summary::before {
    width: 0.16rem;
    height: 0.16rem; }
  .faq section summary::after {
    left: 96%;
    width: 10px;
    height: 10px;
    border: 5px solid transparent;
    border-top: 5px solid #000;
    box-sizing: border-box;
    transition: .1s; }
  .faq section summary:hover {
    opacity: 0.8; }
  .faq section a {
    border-bottom: 1px solid #000;
    padding: 0; }
  .faq section p　 {
    margin: 0; }
  .faq section .faq_answer {
    margin: 0.12rem 0 0; }
    .faq section .faq_answer p + p {
      margin: 0.16rem 0 0; }

.faq_green {
  background-color: #a1ebd3; }

.faq_orange {
  background-color: #ffbfa1; }

.faq_pink {
  background-color: #ffc0d3; }

.faq_yellow {
  background-color: #f6ed80; }

.faq_blue {
  background-color: #97deef; }

.faq_purple {
  background-color: #DED1FF; }

.faq_gray {
  background-color: #eeeceb; }

@media screen and (max-width: 979px) {
  .faq section details[open] summary:after {
    left: 94%;
    /* 位置を調整 */ }
  .faq section summary::after {
    left: 94%; } }
@media screen and (max-width: 679px) {
  .faqlist ul {
    display: flex;
    flex-direction: column; }

  .faq section details[open] summary:after {
    left: 90%;
    /* 位置を調整 */ }
  .faq section summary {
    line-height: 1.5em;
    padding-left: 2em;
    text-indent: -1em; }
  .faq section summary::after {
    left: 90%; }
  .faq section .small_font {
    font-size: 0.12rem;
    line-height: 1.8em;
    padding: 0.05rem 0 0;
    margin: 0;
    display: block; } }
/*-------------------------
about-thisite
-------------------------*/
.about-thissite_img {
  width: 100%;
  margin: 0 0 0.35rem; }
  .about-thissite_img img {
    width: 100%; }

.about-thissite_structure {
  width: 100%; }
  .about-thissite_structure img {
    width: 100%; }

.about-thisite section {
  margin: 1.15rem 0 0.5rem; }

p.structure-txt {
  margin: 0.2rem 0 0.5rem; }

@media screen and (min-width: 680px) {
  .about-thissite_structure {
    width: 53%;
    text-align: justify; }
    .about-thissite_structure img {
      width: 100%; }

  .about-thisite .post-client_cateBtn a {
    width: 4.07rem; } }
@media screen and (max-width: 679px) {
  .about-thisite section {
    margin: 0 0 0.8rem; }
  .about-thisite .post-client_cateBtn a {
    width: auto; }

  p.structure-txt {
    margin: 0.2rem 0 0.5rem; } }
/*-------------------------
LOVE LETTER
-------------------------*/
.LoveLetter .page-title {
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-size: 0.16rem;
  font-weight: normal;
  line-height: 0.39rem;
  margin: 0.7rem 0 0.70rem; }

.LoveLetter_mainimg {
  width: 100%; }
  .LoveLetter_mainimg img {
    width: 100%; }

.LoveLetter_txt {
  border-top: 1px solid #000;
  padding: 0.75rem 0 0; }
  .LoveLetter_txt ul li {
    font-size: 0.16rem;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 500;
    line-height: 0.30rem;
    margin: 0 0 0.24rem;
    list-style: none; }
    .LoveLetter_txt ul li span {
      display: block;
      font-size: 0.12rem;
      font-family: fot-tsukuardgothic-std, sans-serif;
      font-weight: normal;
      margin: 0 0 0.1rem; }

@media screen and (max-width: 679px) {
  .LoveLetter .page-title {
    margin: 0.4rem 0 0.4rem; }

  .LoveLetter_txt {
    padding: 0.4rem 0 0; }
    .LoveLetter_txt ul li {
      font-size: 0.2rem; } }
/*-------------------------
Doma
-------------------------*/
.doma {
  margin: 0.55rem 0 0; }

.doma_img {
  width: 100%; }
  .doma_img img {
    width: 100%; }

.doma_mainimg .page_maintext {
  top: -2.4rem;
  position: relative;
  margin: 0 0 0 auto;
  right: 0; }

.page_maintext {
  max-width: 5.76rem;
  background: #fff;
  display: block;
  padding: 0 0 0 0.03rem; }

.doma_madori {
  width: 100%;
  margin: 0 0 1.45rem; }
  .doma_madori img {
    width: 100%; }

.twoclum_img figure figcaption {
  font-size: 0.14rem;
  padding: 0;
  line-height: 1em; }

.threeclum_img {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 0 0 0.85rem; }
  .threeclum_img img {
    width: 100%; }
  .threeclum_img figure {
    margin: 0 0 0.3rem;
    width: 32%; }
  .threeclum_img figure figcaption {
    font-size: 0.14rem;
    padding: 0;
    line-height: 1em; }

/***Example_of_use***/
.Example_of_use_wrap {
  margin: 0 0 2rem; }
  .Example_of_use_wrap p {
    margin: 0.1rem 0 0.6rem; }
  .Example_of_use_wrap .counter_measures {
    padding: 0.18rem;
    border: 0.01rem solid #231815;
    margin: 0 0 0.9rem; }
    .Example_of_use_wrap .counter_measures a {
      border-bottom: 1px solid #000;
      padding: 0; }

@media screen and (max-width: 979px) {
  .doma_mainimg .page_maintext {
    top: -1rem;
    position: relative;
    margin: 0 0 0 auto;
    right: 0; }

  .threeclum_img figure {
    margin: 0;
    width: 48%;
    margin: 0 0 0.1rem; }
  .threeclum_img figure figcaption {
    padding: 0.01rem 0 0.2rem;
    line-height: 1.2em; } }
@media screen and (max-width: 679px) {
  .doma_mainimg .page_maintext {
    width: 95%;
    right: 0;
    top: -0.4rem; }

  .page_maintext
  .doma_mainimg::after {
    content: "";
    display: block;
    margin: 0 0 4.2rem; }

  .doma_mainimg::after {
    content: "";
    display: block;
    margin: 0; }

  .page_maintext {
    position: relative;
    left: 4%;
    top: -0.4rem; }

  .threeclum_img {
    padding: 0; }

  .twoclum_img figure figcaption {
    font-size: 0.14rem;
    padding: 0 0 0.1rem 0;
    line-height: 1.5em; } }
/*-------------------------
Contact
-------------------------*/
.contact_form {
  display: block;
  max-width: 767px;
  margin: 0.28rem auto 1rem; }
  .contact_form .contact_form_item {
    width: 100%;
    text-align: center; }
  .contact_form .contact_form_item-label {
    width: 100%;
    margin: 0 0 0.18rem;
    text-align: left; }
  .contact_form span input {
    width: 98%;
    padding: 0.19rem 1%;
    margin: 0 0 0.23rem;
    font-size: 0.16rem;
    border: 1px solid #231815;
    border-radius: 0;
    -webkit-appearance: none; }
  .contact_form textarea {
    width: 100%;
    border: 1px solid #231815;
    border-radius: 0;
    -webkit-appearance: none;
    resize: vertical; }
  .contact_form .contact_coution {
    font-size: 0.14rem; }
    .contact_form .contact_coution a.contact_mail {
      text-decoration: underline; }
  .contact_form .submit input {
    font-size: 0.16rem;
    font-family: fot-tsukuardgothic-std, sans-serif;
    background-color: #00e1ae;
    cursor: pointer;
    padding: 0.3rem 0 !important;
    width: 100%;
    font-size: 0.16rem;
    border-radius: 0;
    border: none;
    -webkit-appearance: none; }
  .contact_form input[type=text]:focus, .contact_form input[type=email]:focus, .contact_form input[type=tel]:focus, .contact_form input[type=search]:focus, .contact_form input[type=url]:focus, .contact_form textarea:focus {
    outline: 2px solid #00e1ae;
    border: none;
    -webkit-appearance: none;
    border-radius: 0; }

.contact_form_Required {
  padding: 0 0 0 0.2em;
  color: red; }

.contact_form p.recapcha {
  font-size: 75%;
  padding: 0.05rem 0 0; }

@media screen and (min-width: 680px) {
  .contact_form_item {
    margin: 0.8rem 0 0.28rem; }

  .submit input {
    margin: 0.35rem 0; } }
@media screen and (max-width: 679px) {
  .contact_form span input {
    font-size: 16px; }
  .contact_form textarea {
    font-size: 16px; }

  .contact_form_item {
    margin: 0.4rem 0 0.28rem; }

  .submit input {
    margin: 0.35rem 0 0; }

  .contact_coution {
    text-align: left;
    line-height: 2;
    padding: 0.1rem 0 0; } }
/*-------------------------
kodomo-2
-------------------------*/
.kodomo img {
  width: 100%; }