body {
  font-size: 3.5vw;
  color: #072F83;
  font-family: 'M PLUS Rounded 1c', sans-serif; }

img {
  object-fit: contain; }

.br-pc {
  display: none; }

.nav-button {
  position: fixed;
  z-index: 3;
  background-color: #7AD7FB;
  top: 0;
  right: 0; }
  .nav-button img {
    width: 10vw;
    margin: 5vw; }

#body {
  width: 100%;
  overflow: hidden; }

.tag-contact {
  position: fixed;
  z-index: 0;
  right: 0;
  bottom: 10%; }
  .tag-contact img {
    width: 20vw; }

#logo {
  position: fixed;
  z-index: 1;
  overflow: visible;
  width: 100%; }
  #logo h1 {
    padding: 5vw; }
    #logo h1 img {
      width: 30vw; }
  #logo .contact {
    display: none; }

header {
  transform: rotateZ(0.03deg); }

nav {
  position: absolute;
  top: 0;
  width: 100%;
  text-align: right; }
  nav .open {
    background: url(../img/logo.png) no-repeat left 5vw top 5vw/30vw, linear-gradient(to bottom, #7AD7FB 50%, #00B1FA);
    position: fixed;
    z-index: 1;
    width: 100%; }
  nav .close .nav-link {
    display: none; }
  nav .nav-link {
    transform: rotateZ(0.03deg);
    text-align: center;
    color: #fff;
    font-size: 130%;
    line-height: 2em;
    padding-top: 15vw;
    padding-bottom: 5vw; }
    nav .nav-link a {
      display: block; }

.page-head {
  text-align: center;
  padding-top: 45vw;
  padding-bottom: 45vw; }
  .page-head h2 {
    display: inline-block;
    background-color: rgba(255, 255, 255, 0.7);
    border: 2px solid #00B1FA;
    border-radius: 30px;
    font-size: 200%;
    line-height: 2em;
    padding: 0 10vw;
    margin: 0 auto; }

.contents {
  transform: rotateZ(0.03deg); }

footer {
  transform: rotateZ(0.03deg);
  background: linear-gradient(to bottom, #00B1FA, #7AD7FB);
  color: #fff;
  text-align: center;
  padding-top: 15vw;
  padding-bottom: 5vw;
  line-height: 1.5em; }
  footer .tag-return {
    display: none; }
  footer .nav {
    display: none; }
  footer .link-btn {
    display: block;
    background: url(../img/link_arrow_y.png) no-repeat right 5vw center/1.5vw;
    background-color: #EA0017;
    box-shadow: 1vw 1vw 0 #44a8d7;
    width: 80%;
    margin: 0 auto 5vw;
    font-size: 120%;
    line-height: 3em; }
  footer .sub-text {
    font-size: 80%; }
  footer .phone {
    font-family: 'Noto Sans JP', sans-serif;
    letter-spacing: 0.06em;
    font-size: 240%;
    line-height: 1.5em; }
  footer .chara {
    width: 50vw;
    margin-top: 5vw;
    margin-bottom: 10vw; }
  footer .logo {
    width: 35vw;
    margin-bottom: 10vw; }
  footer .company {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 130%; }
  footer .add {
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 7vw; }
  footer .copy {
    font-size: 60%; }

#top-contents {
  background: url(../img/top/cloud2.png) no-repeat left bottom/45vw, url(../img/top/cloud1.png) no-repeat right -10vw bottom/90vw, url(../img/top/top_back.png) no-repeat left -20vw top;
  position: relative;
  z-index: 0;
  padding-top: 20vw;
  padding-bottom: 7vw; }
  #top-contents .text {
    position: relative;
    z-index: 2;
    width: 70VW;
    margin-left: 5vw;
    margin-bottom: 10vw;
    text-align: right; }
    #top-contents .text img {
      width: 100%;
      margin-bottom: 3vw; }
    #top-contents .text .sub {
      width: 50%; }
  #top-contents .tape {
    position: relative;
    z-index: 1;
    width: 90%;
    margin: 0 auto;
    display: flex; }
    #top-contents .tape .left {
      margin-right: 3vw; }
    #top-contents .tape img {
      width: 100%; }
  #top-contents .bubble img {
    position: absolute;
    z-index: 0; }
  #top-contents .bubble .bubble-con {
    width: 20vw;
    top: 22vw;
    right: 0; }
  #top-contents .bubble .charactar {
    width: 24vw;
    top: 55vw;
    right: 2vw; }
  #top-contents .bubble .bubble1 {
    width: 22vw;
    top: 38vw;
    left: 3vw; }
  #top-contents .bubble .bubble2 {
    width: 30vw;
    top: 53vw;
    left: 19vw; }
  #top-contents .bubble .bubble4 {
    width: 20vw;
    top: 40vw;
    right: 10vw; }
  #top-contents .bubble .bubble3, #top-contents .bubble .bubble5 {
    display: none; }

#top .sec-text {
  margin-bottom: 10vw;
  line-height: 1.5em; }
  #top .sec-text h2 {
    font-size: 150%;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 5vw; }
    #top .sec-text h2 .main-text {
      font-size: 120%; }
#top #dekiru {
  text-align: center;
  padding-top: 10vw;
  padding-bottom: 7vw;
  position: relative;
  margin-bottom: 10vw;
  width: 100vw;
  overflow: hidden; }
  #top #dekiru .back-img {
    position: absolute;
    top: 0;
    text-align-last: left; }
    #top #dekiru .back-img img {
      object-fit: cover;
      width: 100vw;
      opacity: 0.5; }
    #top #dekiru .back-img .img0 {
      height: 75vw;
      width: 170vw;
      object-position: -40vw 10%; }
    #top #dekiru .back-img .img1 {
      height: 75vw;
      width: 126vw;
      object-position: -13vw 66%; }
    #top #dekiru .back-img .img2 {
      height: 75vw;
      width: 225vw;
      object-position: -124vw 5%; }
    #top #dekiru .back-img .img3, #top #dekiru .back-img .img4 {
      display: none; }
  #top #dekiru .sec-text {
    text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;
    position: relative; }
  #top #dekiru .btn-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    margin-bottom: 3vw; }
    #top #dekiru .btn-list li {
      margin: 3vw; }
    #top #dekiru .btn-list img {
      width: 30vw;
      height: auto; }
  #top #dekiru .link-btn {
    display: block;
    position: relative;
    background: url(../img/link_arrow.png) no-repeat right 5vw center/1.7vw;
    box-shadow: 1vw 1vw 0 rgba(153, 153, 153, 0.4);
    background-color: #FFFC47;
    width: 85%;
    margin: 0 auto;
    font-size: 120%;
    text-align: center;
    padding: 5vw 0; }
#top #nagare {
  position: relative;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.3)), url(../img/top/nagare_back1.png) no-repeat left top 31vw/75vw, url(../img/top/bubble_img04.png) no-repeat right bottom 44vw/22vw, url(../img/top/bubble_img05.png) no-repeat right 6vw bottom 78vw/15vw;
  text-align: center;
  padding-bottom: 15vw; }
  #top #nagare .sec-text {
    margin-bottom: 15vw; }
  #top #nagare .text-deco {
    position: absolute;
    transform: rotateZ(15deg);
    width: 25vw;
    top: -5vw;
    right: 5vw; }
  #top #nagare .nagare-list {
    margin-bottom: 20vw; }
    #top #nagare .nagare-list .num {
      display: block;
      background-color: #072F83;
      border-radius: 50%;
      color: #fff;
      width: 2em;
      line-height: 2em;
      margin: -20vw auto 0; }
    #top #nagare .nagare-list p {
      background-color: #00b1fa;
      border-radius: 5vw;
      color: #fff;
      width: 70%;
      margin: 0 auto;
      font-size: 150%;
      line-height: 3em; }
    #top #nagare .nagare-list .arrow {
      width: 10vw;
      margin-top: 11vw;
      margin-bottom: 10vw; }
  #top #nagare .link-btn {
    display: block;
    background: url(../img/link_arrow.png) no-repeat right 5vw center/1.7vw;
    box-shadow: 1vw 1vw 0 rgba(153, 153, 153, 0.4);
    background-color: #FFFC47;
    width: 85%;
    margin: 0 auto;
    font-size: 120%;
    text-align: center;
    padding: 5vw 0; }
#top #jirei {
  background: #E5F7FE;
  padding-top: 10vw;
  padding-bottom: 10vw; }
  #top #jirei .sec-text {
    text-align: center; }
  #top #jirei .link-btn {
    display: block;
    background: url(../img/link_arrow.png) no-repeat right 5vw center/1.7vw;
    box-shadow: 1vw 1vw 0 rgba(153, 153, 153, 0.4);
    background-color: #FFFC47;
    width: 85%;
    margin: 0 auto;
    font-size: 120%;
    text-align: center;
    padding: 5vw 0; }
  #top #jirei article {
    background: #FFF;
    border: 2px solid #00B1FA;
    width: 95%;
    padding: 3vw;
    margin: 0 auto 7vw; }

        #top #jirei article .thumb {
          width: 49%;
          margin-bottom: 3vw; }
        #top #jirei article .thumb img {
          width: auto;
          max-width: 100%;
        }
        #top #jirei article .art-text {
          width: 49%;
          display: flex;
          flex-wrap: wrap;
          align-items: center;
        }
        @media screen and (max-width:767px){
        #top #jirei article .thumb {
          width: 100%;
          margin-bottom: 3vw; }
        #top #jirei article .thumb img {
          width: auto;
        }
        #top #jirei article .art-text {
          width: 100%;
        }
}
        /* change 20210823 iida
        #top #jirei article .thumb {
          width: 100%;
          margin-bottom: 3vw; }
        #top #jirei article .art-text {
          display: flex;
          flex-wrap: wrap; }
          */
      #top #jirei article .art-text .date {
        font-size: 90%;
        margin-right: 1.5em;
        align-self: center; }
      #top #jirei article .art-text .tag-list {
        display: flex; }
        #top #jirei article .art-text .tag-list .tags {
          display: block;
          align-self: center;
          border-radius: 15px;
          background: #072F83;
          color: #fff;
          margin-right: 0.5em;
          padding: 1vw 3vw; }
      #top #jirei article .art-text h3 {
        align-self: start;
        width: 100%;
        text-align: center;
        font-size: 150%;
        margin: 0.8em 0; }
      #top #jirei article .art-text .comment {
        align-self: start;
        width: 100%;
        color: #4d4d4d;
        line-height: 1.3em;
        margin-bottom: 0.5em; }
        #top #jirei article .art-text .comment p {
          margin-bottom: 0.5em; }
      #top #jirei article .art-text .jirei-link {
        display: block;
        background: url(../img/jirei/arrow_w.png) no-repeat right 5vw center/1.3vw;
        background-color: #072F83;
        border-radius: 20px;
        color: #FFFC47;
        width: 80%;
        font-size: 120%;
        text-align: center;
        padding: 2vw;
        margin: 0 auto; }
#top #information {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(../img/top/info_back.jpg) left 120vw top 0vw/205vw;
  padding: 10vw 0;
  margin-bottom: 10vw; }
  #top #information .sec-text {
    text-align: center; }
  #top #information dl {
    background-color: rgba(255, 255, 255, 0.8);
    width: 80%;
    margin: 0 auto 7vw;
    border-radius: 5vw;
    padding: 7vw 10vw 2vw; }
  #top #information dt {
    margin-bottom: 1.5vw; }
  #top #information dd {
    margin-bottom: 5vw;
    line-height: 1.3em; }
  #top #information .link-btn {
    display: block;
    background: url(../img/link_arrow.png) no-repeat right 5vw center/1.7vw;
    box-shadow: 1vw 1vw 0 rgba(153, 153, 153, 0.4);
    background-color: #FFFC47;
    width: 85%;
    margin: 0 auto;
    font-size: 120%;
    text-align: center;
    padding: 5vw 0; }
#top #access {
  text-align: center; }
  #top #access .sec-text {
    margin-bottom: 0; }
  #top #access .map iframe {
    width: 100%;
    height: 80vw; }
  #top #access .address {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(../img/character.png) no-repeat center center/contain;
    width: 90%;
    margin: 5vw auto;
    padding: 10vw 0;
    line-height: 1.5em; }
    #top #access .address h3 {
      font-size: 150%; }
    #top #access .address .jigyosyo {
      border: solid #072F83 1px;
      font-size: 120%;
      line-height: 2em;
      width: 5em;
      margin: 5vw auto; }
    #top #access .address .add {
      margin-bottom: 3vw; }
    #top #access .address .phone {
      font-size: 120%;
      line-height: 1.5em; }

#dekiru-top {
  background: url(../img/dekirukoto/top_back.jpg) no-repeat center center/cover; }

#dekiru-contents #dekiru-list ul {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 7vw auto; }
#dekiru-contents #dekiru-list li {
  width: 50%;
  border-left: 1px solid #072F83;
  border-right: 1px solid #072F83; }
#dekiru-contents #dekiru-list img {
  width: 100%; }
#dekiru-contents #koji .art-list {
  padding: 3vw 3vw 1vw; }
  #dekiru-contents #koji .art-list article {
    display: flex;
    height: 30vw;
    align-self: center;
    margin-bottom: 3vw; }
    #dekiru-contents #koji .art-list article div {
      width: 50%;
      display: flex; }
    #dekiru-contents #koji .art-list article h4 {
      align-self: center;
      background-color: #072F83;
      box-shadow: 0px 0px 6px 3px #fff;
      color: #fff;
      font-size: 120%;
      line-height: 2em;
      text-align: center;
      border-radius: 20px;
      width: 40vw;
      margin: 0 auto; }
    #dekiru-contents #koji .art-list article .comment {
      padding: 3vw; }
    #dekiru-contents #koji .art-list article p {
      align-self: center; }
  #dekiru-contents #koji .art-list .right {
    flex-direction: row-reverse; }
  #dekiru-contents #koji .art-list #kitchen .title {
    background: url(../img/dekirukoto/kitchen_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #kitchen .comment {
    background: url(../img/dekirukoto/kitchen_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #toilet .title {
    background: url(../img/dekirukoto/toilet_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #toilet .comment {
    background: url(../img/dekirukoto/toilet_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #wash .title {
    background: url(../img/dekirukoto/wash_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #wash .comment {
    background: url(../img/dekirukoto/wash_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #living .title {
    background: url(../img/dekirukoto/living_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #living .comment {
    background: url(../img/dekirukoto/living_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #bath .title {
    background: url(../img/dekirukoto/bath_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #bath .comment {
    background: url(../img/dekirukoto/bath_back.png) no-repeat center center/18vw, #fff; }
  #dekiru-contents #koji .art-list #window .title {
    background: url(../img/dekirukoto/window_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #window .comment {
    background: url(../img/dekirukoto/window_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #porch .title {
    background: url(../img/dekirukoto/porch_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #porch .comment {
    background: url(../img/dekirukoto/porch_back.png) no-repeat center center/14vw, #fff; }
  #dekiru-contents #koji .art-list #balcony .title {
    background: url(../img/dekirukoto/balcony_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #balcony .comment {
    background: url(../img/dekirukoto/balcony_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #yane .title {
    background: url(../img/dekirukoto/yane_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #yane .comment {
    background: url(../img/dekirukoto/yane_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #gate .title {
    background: url(../img/dekirukoto/gate_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #gate .comment {
    background: url(../img/dekirukoto/gate_back.png) no-repeat center center/20vw, #fff; }
  #dekiru-contents #koji .art-list #other .title {
    background: url(../img/dekirukoto/other_top.jpg) no-repeat center center/cover; }
  #dekiru-contents #koji .art-list #other .comment {
    background: url(../img/dekirukoto/other_back.png) no-repeat center center/20vw, #fff; }
#dekiru-contents #kakaku {
  background-color: #E5F7FE;
  padding-bottom: 7vw;
  margin-top: 20vw;
  margin-bottom: 5vw; }
  #dekiru-contents #kakaku .sec-title {
    position: relative;
    text-align: center;
    margin-bottom: 7vw; }
    #dekiru-contents #kakaku .sec-title .character {
      width: 30vw;
      margin-bottom: 3vw;
      margin-top: -12vw; }
    #dekiru-contents #kakaku .sec-title h4 {
      font-size: 120%;
      margin-bottom: 3vw; }
    #dekiru-contents #kakaku .sec-title h3 {
      font-size: 200%;
      margin-bottom: 5vw; }
    #dekiru-contents #kakaku .sec-title .text-deco {
      position: absolute;
      width: 10vw;
      top: 14vw;
      left: 18vw; }
    #dekiru-contents #kakaku .sec-title .ansin-img {
      width: 90vw; }
  #dekiru-contents #kakaku .comment {
    width: 90vw;
    line-height: 1.5em;
    margin: 0 auto; }
#dekiru-contents #taiou {
  background-color: #E5F7FE;
  padding-bottom: 7vw;
  margin-top: 20vw; }
  #dekiru-contents #taiou .sec-title {
    position: relative;
    text-align: center;
    padding-top: 3vw;
    margin-bottom: 7vw; }
    #dekiru-contents #taiou .sec-title .character {
      width: 30vw;
      margin-bottom: 3vw;
      margin-top: -14vw; }
    #dekiru-contents #taiou .sec-title h3 {
      font-size: 200%;
      margin-bottom: 5vw; }
    #dekiru-contents #taiou .sec-title .text-deco {
      position: absolute;
      width: 10vw;
      top: 10vw;
      left: 10vw; }
    #dekiru-contents #taiou .sec-title .ansin-img {
      width: 90vw; }
  #dekiru-contents #taiou .comment {
    width: 90vw;
    line-height: 1.5em;
    margin: 0 auto; }
#dekiru-contents .price-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
#dekiru-contents .price {
  width: 48%;
  border: 1px solid #072F83;
  border-top-left-radius: 20px;
  border-bottom: 3vw solid #072F83;
  margin-bottom: 3vw; }
  #dekiru-contents .price img {
    display: block;
    width: 80%;
    margin: 4vw auto; }
  #dekiru-contents .price h5 {
    font-size: 120%;
    margin-bottom: 5vw;
    text-align: center; }
  #dekiru-contents .price p {
    width: 80%;
    line-height: 1.5em;
    margin: 0 auto 5vw; }
#dekiru-contents .blank {
  display: none; }

#nagare-top {
  background: url(../img/nagare/title_back.jpg) no-repeat center center/cover; }

#nagare-contents #first {
  background: linear-gradient(to bottom, rgba(0, 177, 250, 0.1), rgba(0, 177, 250, 0.1)), linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../img/character.png) no-repeat center center/20vw;
  padding-top: 7vw;
  padding-bottom: 2vw;
  margin-bottom: 10vw; }
  #nagare-contents #first .comment {
    width: 80%;
    margin: 0 auto; }
    #nagare-contents #first .comment p {
      line-height: 1.3em;
      margin-bottom: 1.5em; }
#nagare-contents #step article {
  width: 80%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 20px; }
  #nagare-contents #step article .step-title {
    position: relative; }
    #nagare-contents #step article .step-title .num {
      font-family: 'Noto Sans JP', sans-serif;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 250%;
      font-weight: bold;
      color: rgba(255, 255, 255, 0.3); }
    #nagare-contents #step article .step-title h4 {
      font-size: 130%;
      text-align: center;
      padding-top: 3vw;
      padding-bottom: 3vw;
      margin-bottom: 3vw;
      color: #fff; }
  #nagare-contents #step article .text {
    width: 90%;
    margin: 0 auto 3vw;
    line-height: 1.5em; }
  #nagare-contents #step article .kikan {
    text-align: center;
    line-height: 1.5em;
    width: 90%;
    margin: 0 auto;
    padding-top: 3vw;
    padding-bottom: 3vw; }
#nagare-contents #step .blue {
  margin-bottom: 10vw; }
  #nagare-contents #step .blue article {
    background: #D4F2FE; }
    #nagare-contents #step .blue article .step-title {
      background-color: #072F83; }
    #nagare-contents #step .blue article .kikan {
      border-top: 1px solid #00B1FA;
      color: #00B1FA; }
#nagare-contents #step .green {
  margin-bottom: 10vw; }
  #nagare-contents #step .green article {
    background: #EAF3E9; }
  #nagare-contents #step .green .step-title {
    background: #2C8322; }
  #nagare-contents #step .green .text {
    color: #2C8322; }
  #nagare-contents #step .green .kikan {
    border-top: 1px solid #8BC400;
    color: #8BC400; }
#nagare-contents #step .arrow {
  display: block;
  width: 3vw;
  margin: 3vw auto;
  transform: rotateZ(90deg); }

#mitsumori-top {
  background: url(../img/mitsumori/top_back.jpg) no-repeat center center/cover; }

#mitsumori-contents #first {
  background: linear-gradient(to bottom, rgba(0, 177, 250, 0.1), rgba(0, 177, 250, 0.1)), linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../img/character.png) no-repeat right 10% center/20vw;
  padding-top: 7vw;
  padding-bottom: 2vw;
  margin-bottom: 10vw; }
  #mitsumori-contents #first .comment {
    width: 80%;
    margin: 0 auto; }
    #mitsumori-contents #first .comment p {
      line-height: 1.3em;
      margin-bottom: 1.5em; }
#mitsumori-contents #step {
  background: url(../img/mitsumori/back_line.png) repeat-x center;
  display: flex;
  justify-content: space-between;
  width: 80%;
  margin: 0 auto 5vw; }
  #mitsumori-contents #step div {
    display: flex;
    flex-direction: column;
    border-radius: 20px;
    width: 30%;
    text-align: center;
    padding: 3vw; }
  #mitsumori-contents #step h4 {
    margin-bottom: 3vw; }
  #mitsumori-contents #step p {
    margin: auto;
    line-height: 1.5em; }
  #mitsumori-contents #step .grey {
    background: #F2F2F2; }
    #mitsumori-contents #step .grey h4 {
      color: #00B1FA; }
  #mitsumori-contents #step .now {
    background: #072F83;
    color: #FFF; }
    #mitsumori-contents #step .now h4 {
      color: #FFFC47; }
#mitsumori-contents #form {
  width: 80%;
  margin: 0 auto 10vw;
  line-height: 1.5em; }
  #mitsumori-contents #form .form-item {
    padding: 5vw 5vw 0; }
  #mitsumori-contents #form .form-item:nth-child(odd) {
    background: #E5F7FE; }
  #mitsumori-contents #form form select {
    background: url(../img/mitsumori/form_arrow.png) no-repeat right 1vw center/2vw, #fff;
    border: 1px solid #072F83;
    color: #B3B3B3;
    padding: 1vw 6vw 1vw 1vw;
    margin-bottom: 5vw; }
  #mitsumori-contents #form form input {
    background: #fff;
    border: 1px solid #072F83;
    color: #B3B3B3;
    padding: 1vw;
    margin-bottom: 5vw; }
  #mitsumori-contents #form form textarea {
    background: #fff;
    border: 1px solid #072F83;
    color: #B3B3B3;
    padding: 1vw;
    width: 100%;
    margin-bottom: 5vw; }
  #mitsumori-contents #form form input[type="checkbox"] {
    display: none; }
  #mitsumori-contents #form form input[type="checkbox"] + label {
    display: none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-left: 5vw;
    padding-right: 3.5vw; }
  #mitsumori-contents #form form input[type="checkbox"] + label::before {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 3.5vw;
    height: 3.5vw;
    margin-top: -1.5vw;
    left: 0;
    top: 50%;
    border: 1px solid #072F83;
    background-color: #FFF; }
  #mitsumori-contents #form form input[type="checkbox"]:checked + label::after {
    content: "";
    position: absolute;
    display: block;
    box-sizing: border-box;
    width: 2vw;
    height: 3vw;
    margin-top: -1.8vw;
    top: 50%;
    left: 1vw;
    transform: rotate(-45deg);
    border-bottom: 2px solid;
    border-left: 2px solid;
    border-color: #072F83; }
  #mitsumori-contents #form form button[type="submit"] {
    display: block;
    background: url(../img/link_arrow.png) no-repeat right 5vw center/1.7vw;
    background-color: #FFFC47;
    border-radius: 30px;
    width: 85%;
    font-size: 120%;
    text-align: center;
    margin: 5vw auto;
    padding: 3vw 0; }
  #mitsumori-contents #form form .return {
    display: block;
    background: url(../img/mitsumori/arrow_grey.png) no-repeat left 5vw center/1.7vw;
    border-radius: 30px;
    border: 1px solid #ccc;
    width: 60%;
    color: #808080;
    font-size: 120%;
    text-align: center;
    margin: 5vw auto;
    padding: 3vw 0; }
  #mitsumori-contents #form form .item-title {
    display: block;
    margin-bottom: 0.8em; }
  #mitsumori-contents #form form .check-group {
    padding-bottom: 5vw; }
    #mitsumori-contents #form form .check-group input[type="text"] {
      margin-top: 2vw;
      margin-left: 2vw;
      margin-bottom: 0; }
  #mitsumori-contents #form form .add-sarch {
    display: inline-block;
    background: #072F83;
    color: #fff;
    border-radius: 10px;
    padding: 1.5vw 3vw;
    margin-left: 3vw; }
  #mitsumori-contents #form form .add-box {
    margin-bottom: 5vw; }
    #mitsumori-contents #form form .add-box input[type="text"] {
      margin-bottom: 0; }
  #mitsumori-contents #form form .required {
    background: #E60012;
    color: #fff;
    font-size: 80%;
    border-radius: 10px;
    padding: 0.5vw 2vw;
    margin-left: 1.5vw; }
  #mitsumori-contents #form form .sub-text {
    color: #808080;
    margin-bottom: 1em; }
  #mitsumori-contents #form .kakunin .form-item {
    line-height: 1.5em;
    padding-bottom: 1vw; }
  #mitsumori-contents #form .kakunin ul {
    margin-bottom: 5vw;
    margin-left: 5vw;
    list-style: disc; }
  #mitsumori-contents #form .kakunin p {
    margin-bottom: 5vw;
    margin-left: 5vw; }
#mitsumori-contents #thanks {
  background: #E5F7FE;
  width: 80%;
  margin: 0 auto;
  padding: 5vw 0; }
  #mitsumori-contents #thanks p {
    width: 80%;
    line-height: 1.5em;
    margin: 0 auto; }
#mitsumori-contents .link-btn {
  display: block;
  background: url(../img/link_arrow.png) no-repeat right 5vw center/1.7vw;
  background-color: #FFFC47;
  border-radius: 30px;
  width: 70%;
  font-size: 120%;
  text-align: center;
  margin: 10vw auto;
  padding: 3vw 0; }

#company-top {
  background: url(../img/company/title_back.jpeg) no-repeat center center/cover; }

#company-contents #comment {
  background: url(../img/company/comment_back.jpeg) no-repeat center center/cover;
  padding-top: 10vw;
  padding-bottom: 10vw; }
  #company-contents #comment .com-text {
    background: rgba(255, 255, 255, 0.7);
    border-radius: 20px;
    width: 80%;
    margin: 0 auto;
    padding: 5vw; }
  #company-contents #comment h3 {
    font-size: 150%;
    text-align: center; }
  #company-contents #comment p {
    margin-top: 1.5em;
    line-height: 1.5em; }
#company-contents #about {
  padding-top: 7vw; }
  #company-contents #about dl {
    width: 90%;
    margin: 0 auto; }
  #company-contents #about dt {
    background: #00B1FA;
    color: #fff;
    line-height: 2em;
    padding-left: 1.5em;
    margin-bottom: 5vw; }
  #company-contents #about dd {
    line-height: 1.5em;
    margin-left: 10vw;
    margin-bottom: 5vw; }
#company-contents #hist {
  background: #E5F7FE;
  padding-top: 7vw;
  padding-bottom: 7vw; }
  #company-contents #hist h3 {
    font-size: 150%;
    text-align: center;
    margin-bottom: 7vw; }
  #company-contents #hist dl {
    width: 80%;
    margin: 0 auto;
    line-height: 1.8em; }
  #company-contents #hist dd {
    border-bottom: 1px solid #7381B9;
    margin-bottom: 3vw; }

#rinen-top {
  background: url(../img/rinen/rinen_back.jpeg) no-repeat center center/cover; }

#rinen-contents section {
  padding-top: 10vw;
  padding-bottom: 10vw; }
#rinen-contents .com-text {
  background: rgba(255, 255, 255, 0.7);
  border-radius: 20px;
  width: 80%;
  margin: 0 auto;
  padding: 5vw; }
#rinen-contents h3 {
  font-size: 150%;
  text-align: center; }
#rinen-contents p {
  margin-top: 1.5em;
  line-height: 1.5em; }
#rinen-contents #keiei {
  background: url(../img/rinen/com_back00.jpeg) no-repeat center center/cover; }
#rinen-contents #housin {
  /*background: url(../img/character.png) no-repeat center center / 50vw;*/ }
  #rinen-contents #housin .character {
    text-align: center;
    padding: 30px 0; }
#rinen-contents #mokuhyou {
  background: url(../img/rinen/com_back01.jpeg) no-repeat center center/cover; }

#jirei-top {
  background: url(../img/jirei/title_back.jpg) no-repeat center center/cover; }

#jirei-contents #category-list {
  background-color: #E5F7FE;
  padding-top: 5vw;
  padding-bottom: 2vw; }
  #jirei-contents #category-list ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 auto;
    padding-left: 3vw; }
    #jirei-contents #category-list ul li {
      align-self: center;
      width: 30%;
      margin: 0 1.5vw 3vw; }
    #jirei-contents #category-list ul .tags {
      display: block;
      background: url(../img/link_arrow_y.png) no-repeat right 1.5vw center/1.3vw;
      background-color: #072F83;
      border: 2px solid #fff;
      border-radius: 35px;
      box-shadow: 2px 2px 5px rgba(135, 135, 135, 0.75);
      color: #fff;
      text-align: center;
      padding: 2vw 3vw; }
#jirei-contents #jirei-list {
  padding-top: 5vw; }
  #jirei-contents #jirei-list article {
    background-color: #E5F7FE;
    border: 2px solid #00B1FA;
    width: 95%;
    margin: 0 auto 3vw; }
    #jirei-contents #jirei-list article .thumb {
      background-color: #fff;
      text-align: center;
      padding: 3vw 0; }
      #jirei-contents #jirei-list article .thumb img {
        width: 95%; }
    #jirei-contents #jirei-list article .art-text {
      display: flex;
      flex-wrap: wrap;
      width: 95%;
      margin: 0 auto;
      padding-top: 3vw; }
      #jirei-contents #jirei-list article .art-text .date {
        margin-right: 1.2em;
        align-self: center; }
      #jirei-contents #jirei-list article .art-text h3 {
        font-size: 130%; }
      #jirei-contents #jirei-list article .art-text .tag-list {
        display: flex;
        flex-wrap: wrap;
        margin-top: 2vw;
        margin-bottom: 2vw;
        margin-left: -1vw; }
        #jirei-contents #jirei-list article .art-text .tag-list .tags {
          display: block;
          background-color: #072F83;
          border-radius: 15px;
          color: #FFF;
          margin: 1vw 1vw;
          padding: 1.5vw 3vw; }
      #jirei-contents #jirei-list article .art-text .comment {
        color: #4d4d4d;
        line-height: 1.5em;
        margin-bottom: 0.8em; }
    #jirei-contents #jirei-list article .art-link {
      display: block;
      background: url(../img/jirei/arrow_w.png) no-repeat right 20vw center/1.3vw;
      background-color: #072F83;
      color: #FFFC47;
      width: 100%;
      font-size: 130%;
      text-align: center;
      padding: 2vw; }
#jirei-contents .page-nav ul {
  display: flex;
  justify-content: center;
  margin-bottom: 3vw; }
  #jirei-contents .page-nav ul a {
    color: #00B1FA;
    margin: 0.5em; }

#jirei-single-contents #title {
  background: linear-gradient(to bottom, rgba(0, 177, 250, 0.1), rgba(0, 177, 250, 0.1)), linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../img/character.png) no-repeat right 10% center/20vw;
  padding-top: 5vw;
  padding-bottom: 5vw; }
  #jirei-single-contents #title h3 {
    font-size: 150%;
    text-align: center;
    margin-bottom: 3vw; }
  #jirei-single-contents #title .summary {
    display: flex;
    width: 80%;
    margin: 0 auto; }
    #jirei-single-contents #title .summary .date {
      align-self: center;
      margin-right: 1.5em; }
    #jirei-single-contents #title .summary .tag-list {
      display: flex;
      flex-wrap: wrap; }
      #jirei-single-contents #title .summary .tag-list .tags {
        display: block;
        background-color: #072F83;
        border-radius: 15px;
        color: #FFF;
        margin: 1vw 1vw;
        padding: 1.5vw 3vw; }
#jirei-single-contents #photos {
  background: linear-gradient(to bottom, #fff 0%, #fff 45%, #E5F7FE 45%, #E5F7FE 100%);
  padding-bottom: 5vw; }
  #jirei-single-contents #photos .after {
    position: relative;
    text-align: center;
    padding-top: 7vw;
    margin-bottom: 5vw; }
    #jirei-single-contents #photos .after img {
      width: 80%; }
    #jirei-single-contents #photos .after .flag {
      position: absolute;
      background: #E60012;
      box-shadow: 2px 2px 2px rgba(170, 170, 170, 0.75);
      color: #fff;
      line-height: 1.5em;
      padding: 0 1.5em;
      top: 5vw;
      left: 7vw; }
  #jirei-single-contents #photos .before {
    position: relative;
    text-align: center; }
    #jirei-single-contents #photos .before img {
      width: 70%; }
    #jirei-single-contents #photos .before .flag {
      position: absolute;
      background: #00B1FA;
      box-shadow: 2px 2px 2px rgba(170, 170, 170, 0.75);
      color: #fff;
      font-size: 90%;
      line-height: 1.5em;
      padding: 0 1.5em;
      top: 2vw;
      left: 12vw; }
#jirei-single-contents #text {
  width: 80%;
  margin: 5vw auto; }
  #jirei-single-contents #text p {
    line-height: 1.5em;
    margin-bottom: 0.8em; }

@media screen and (min-width: 900px) {
  body {
    font-size: 18px; }

  .br-sp {
    display: none; }

  .br-pc {
    display: inline; }

  .nav-button {
    display: none; }

  .tag-contact img {
    width: 10vw;
    max-width: 150px; }

  #logo h1 {
    position: relative;
    z-index: 1;
    padding: 15px 0 0 10vw; }
    #logo h1 img {
      width: 15vw;
      max-width: 190px; }
  #logo .contact {
    display: flex;
    justify-content: space-between;
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    background: linear-gradient(to bottom, #287f00, #55a630);
    width: 60vw;
    max-width: 820px;
    height: 70px;
    color: #fff;
    border-bottom-left-radius: 70px;
    padding-left: 55px;
    padding-right: 20px; }
    #logo .contact .btn-link {
      display: block;
      align-self: center;
      background: url(../img/link_arrow_y.png) no-repeat right 5% center/2.5%, url(../img/ico_mail.png) no-repeat left 5% center/7%;
      background-color: #EA0017;
      width: 40%;
      max-width: 290px;
      font-size: min(1.2vw , 18px);
      line-height: 40px;
      text-align: center; }
    #logo .contact .comment {
      text-align: center;
      align-self: center;
      font-size: min(1.2vw , 18px); }
    #logo .contact .phone {
      font-family: 'Noto Sans JP', sans-serif;
      letter-spacing: 0.06em;
      align-self: center;
      font-size: min(3vw , 40px);
      font-weight: bold; }

  header .page-head {
    height: 640px;
    padding: 0; }
    header .page-head h2 {
      margin: 285px;
      font-size: min(3vw , 48px);
      border-radius: 50px;
      padding: 0 7vw; }

  nav {
    position: static; }
    nav .nav-button {
      display: none; }
    nav .close .nav-link {
      display: flex;
      justify-content: center;
      background: linear-gradient(to bottom, #287f00, #55a630);
      padding-top: 15px;
      padding-bottom: 10px; }
      nav .close .nav-link li {
        background: url(../img/nav_arrow.png) no-repeat center bottom/10px;
        align-self: center; }
        nav .close .nav-link li a {
          display: flex;
          justify-content: center;
          align-items: center;
          border-left: 1px solid #6fab54;
          font-size: min(1.5vw , 22px);
          line-height: 1.3em;
          width: 12vw;
          max-width: 165px;
          height: 6.5vw;
          max-height: 88px;
          padding-bottom: 15px; }

  footer {
    background: url(../img/footer_back_l.png) no-repeat left center/contain, url(../img/footer_back_r.png) no-repeat right center/contain, linear-gradient(45deg, #00B1FA, #7AD7FB);
    padding-top: 60px;
    padding-bottom: 0; }
    footer .tag-return {
      display: block;
      position: absolute;
      right: 10%;
      bottom: 680px; }
    footer .nav {
      display: block; }
      footer .nav .link-list {
        display: flex;
        justify-content: space-between;
        width: 705px;
        margin: 0 auto 115px; }
        footer .nav .link-list a {
          text-decoration: underline; }
    footer .contact {
      display: flex;
      flex-wrap: wrap;
      width: 790px;
      margin: 0 auto; }
      footer .contact .con-1 {
        order: 2;
        width: 480px;
        text-align: left;
        align-self: center;
        margin-bottom: 110px; }
        footer .contact .con-1 .link-btn {
          background: url(../img/link_arrow_y.png) no-repeat right 19px center/8px, url(../img/ico_mail.png) no-repeat left 20px center/30px;
          background-color: #EA0017;
          box-shadow: 5px 5px 0px #44a8d7;
          width: 430px;
          text-align: center;
          font-size: 24px;
          line-height: 65px;
          margin: 0 0 25px; }
        footer .contact .con-1 .sub-text {
          font-size: 22px; }
        footer .contact .con-1 .phone {
          font-size: 40px;
          font-weight: bold; }
        footer .contact .con-1 .time {
          font-size: 25px; }
      footer .contact .chara {
        order: 1;
        align-self: center;
        width: 280px;
        margin-right: 30px;
        margin-top: 0;
        margin-bottom: 110px; }
      footer .contact .con-2 {
        order: 3;
        display: flex;
        flex-wrap: wrap;
        width: 790px;
        text-align-last: left;
        margin-bottom: 65px; }
        footer .contact .con-2 .logo {
          align-self: center;
          width: 300px;
          margin-right: 50px;
          margin-bottom: 0; }
        footer .contact .con-2 .com-text {
          align-self: center; }
        footer .contact .con-2 .company {
          width: 440px;
          font-size: 25px;
          font-weight: bold;
          margin-bottom: 10px; }
        footer .contact .con-2 .add {
          width: 440px;
          font-size: 20px;
          margin-bottom: 0; }

  #top-contents {
    background: url(../img/top/cloud2.png) no-repeat left bottom/42vw, url(../img/top/cloud1.png) no-repeat right bottom/70.5vw, url(../img/top/top_back.png) no-repeat left top;
    height: 65vw;
    max-height: 840px;
    padding-bottom: 10px;
    padding-top: 115px; }
    #top-contents .text {
      width: 60%;
      max-width: 835px;
      margin-bottom: 0; }
      #top-contents .text img {
        margin-bottom: 10px; }
      #top-contents .text .sub {
        margin-right: -50px; }
    #top-contents .tape {
      width: 65%;
      max-width: 910px;
      margin: -1.5% 0 0 2%; }
      #top-contents .tape .left {
        margin-right: 0; }
      #top-contents .tape img {
        width: 90%; }
      #top-contents .tape .tape2 {
        margin-left: 30px;
        margin-top: -10px; }
      #top-contents .tape .tape3 {
        margin-left: 40px; }
      #top-contents .tape .tape5 {
        margin-left: 50px;
        margin-top: -10px; }
      #top-contents .tape .tape6 {
        margin-left: 35px; }
    #top-contents .bubble img {
      position: absolute;
      z-index: 0; }
    #top-contents .bubble .bubble-con {
      width: 15vw;
      max-width: 220px;
      top: 16%;
      right: 0; }
    #top-contents .bubble .charactar {
      width: 30vw;
      max-width: 420px;
      top: 60%;
      right: 1vw; }
    #top-contents .bubble .bubble1 {
      width: 20vw;
      max-width: 281px;
      top: 36.5%;
      left: 1.5vw; }
    #top-contents .bubble .bubble2 {
      width: 20vw;
      max-width: 285px;
      top: 45%;
      left: 20vw; }
    #top-contents .bubble .bubble3 {
      display: block;
      width: 18vw;
      max-width: 257px;
      top: 9%;
      right: 16vw; }
    #top-contents .bubble .bubble4 {
      width: 16vw;
      max-width: 230px;
      top: 45%;
      right: 16vw; }
    #top-contents .bubble .bubble5 {
      display: block;
      width: 14vw;
      max-width: 194px;
      top: 40%;
      right: 1vw; }

  #top .sec-text {
    margin-bottom: 50px; }
    #top .sec-text h2 {
      font-size: 40px;
      margin-bottom: 50px; }
      #top .sec-text h2 .main-text {
        font-size: 60px; }
    #top .sec-text p {
      font-size: 25px; }
  #top #dekiru {
    padding-top: 100px;
    padding-bottom: 50px;
    margin: 0; }
    #top #dekiru .back-img {
      display: flex;
      height: 1300px; }
      #top #dekiru .back-img li {
        width: 20%; }
      #top #dekiru .back-img .img0 {
        width: 100%;
        height: 100%;
        object-position: 63% 50%; }
      #top #dekiru .back-img .img1 {
        width: 100%;
        height: 100%;
        object-position: 64% 50%; }
      #top #dekiru .back-img .img2 {
        width: 100%;
        height: 100%;
        object-position: 79% 50%; }
      #top #dekiru .back-img .img3 {
        display: inline;
        width: 100%;
        height: 100%;
        object-position: 27% 50%; }
      #top #dekiru .back-img .img4 {
        display: inline;
        width: 100%;
        height: 100%;
        object-position: 30% 50%; }
    #top #dekiru .btn-list {
      width: 100%;
      margin: 0 auto; }
      #top #dekiru .btn-list li {
        margin: 0 30px 45px; }
      #top #dekiru .btn-list img {
        width: 18vw;
        max-width: 270px; }
    #top #dekiru .link-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(../img/link_arrow.png) no-repeat right 30px center/13px;
      box-shadow: 5px 5px 0 rgba(153, 153, 153, 0.4);
      background-color: #FFFC47;
      border-radius: 0;
      width: 430px;
      height: 100px;
      font-size: 25px;
      padding: 0; }
  #top #nagare {
    background: url(../img/top/nagare_back_l.png) no-repeat left top 100px/272px, url(../img/top/nagare_back_r.png) no-repeat right bottom 185px/206px, url(../img/top/bubble_img04.png) no-repeat left 5% bottom 225px/165px, url(../img/top/bubble_img05.png) no-repeat left 15% bottom 135px/105px, url(../img/top/pc_img02.png) no-repeat right 6% top 235px/215px;
    padding-top: 100px;
    padding-bottom: 110px; }
    #top #nagare .sec-text {
      margin-bottom: 45px; }
    #top #nagare .text-deco {
      width: 17vw;
      max-width: 235px;
      top: 55px;
      right: 20%; }
    #top #nagare .nagare-list {
      display: flex;
      justify-content: space-around;
      width: 80%;
      max-width: 1050px;
      margin: 0 auto; }
      #top #nagare .nagare-list li {
        position: relative;
        width: 18%;
        max-width: 205px; }
      #top #nagare .nagare-list p {
        border-radius: 30px 50px 50px 50px;
        writing-mode: vertical-lr;
        width: 100%;
        height: 297px;
        line-height: 99%;
        padding-left: 40%; }
      #top #nagare .nagare-list .num {
        position: absolute;
        font-size: 28px;
        margin: 0;
        top: -10px;
        left: -10px; }
      #top #nagare .nagare-list .arrow {
        position: absolute;
        width: 115px;
        top: 110px;
        right: -70px;
        margin: 0;
        transform: rotateZ(-90deg); }
    #top #nagare .link-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(../img/link_arrow.png) no-repeat right 30px center/13px;
      box-shadow: 5px 5px 0 rgba(153, 153, 153, 0.4);
      background-color: #FFFC47;
      border-radius: 0;
      width: 430px;
      height: 100px;
      font-size: 25px;
      margin-top: 40px;
      padding: 0; }
  #top #jirei {
    padding-top: 70px;
    padding-bottom: 80px; }
    #top #jirei article {
      display: flex;
      width: 80%;
      max-width: 1100px;
      padding: 25px 20px;
      margin-bottom: 30px; }
      #top #jirei article .thumb {
        width: 45%;
        margin-bottom: 0;
        margin-right: 40px; }
      #top #jirei article .art-text .date {
        font-size: 18px;
        margin-right: 20px; }
      #top #jirei article .art-text .tag-list .tags {
        border-radius: 20px;
        font-size: 18px;
        padding: 7px 25px;
        height: 35px; }
      #top #jirei article .art-text h3 {
        font-size: 26px;
        text-align: left; }
      #top #jirei article .art-text .comment {
        font-size: 18px;
        line-height: 1.5em; }
      #top #jirei article .art-text .jirei-link {
        background: url(../img/jirei/arrow_w.png) no-repeat right 30px center/10px;
        background-color: #072F83;
        border-radius: 35px;
        font-size: 26px;
        padding: 20px;
        margin-top: auto; }
    #top #jirei .link-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(../img/link_arrow.png) no-repeat right 30px center/13px;
      box-shadow: 5px 5px 0 rgba(153, 153, 153, 0.4);
      background-color: #FFFC47;
      border-radius: 0;
      width: 430px;
      height: 100px;
      font-size: 25px;
      margin-top: 40px;
      padding: 0; }
  #top #information {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0.6)), url(../img/top/info_back.jpg) no-repeat center center/cover;
    padding: 100px 0 60px; }
    #top #information dl {
      border-radius: 30px;
      padding: 50px 105px 10px;
      font-size: 20px; }
      #top #information dl dt {
        float: left;
        margin-bottom: 40px;
        margin-right: 25px; }
      #top #information dl dd {
        margin-bottom: 40px; }
    #top #information .link-btn {
      display: flex;
      justify-content: center;
      align-items: center;
      background: url(../img/link_arrow.png) no-repeat right 30px center/13px;
      box-shadow: 5px 5px 0 rgba(153, 153, 153, 0.4);
      background-color: #FFFC47;
      border-radius: 0;
      width: 430px;
      height: 100px;
      font-size: 25px;
      margin-top: 0;
      padding: 0; }
  #top #access .sec-text {
    margin-bottom: 30px; }
  #top #access .map iframe {
    width: 100%;
    height: 600px; }
  #top #access .address {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(../img/character2.png) no-repeat left 5% center/contain, url(../img/character2.png) no-repeat right 5% center/contain;
    width: 100%;
    padding: 15px 0 50px;
    margin: 25px 0 20px; }
    #top #access .address h3 {
      font-size: 30px;
      font-weight: bold; }
    #top #access .address .jigyosyo {
      margin: 30px auto; }
    #top #access .address .add {
      font-size: 22px;
      margin-bottom: 25px; }
    #top #access .address .phone {
      font-size: 20px; }

  #dekiru-contents #dekiru-list ul {
    width: 90%;
    margin: 60px auto; }
  #dekiru-contents #dekiru-list li {
    width: 25%; }
  #dekiru-contents #koji .art-list {
    padding: 0 0 1px;
    width: 97%;
    max-width: 1340px;
    margin: 0 auto; }
    #dekiru-contents #koji .art-list article {
      height: 340px;
      margin: 0 auto 25px; }
      #dekiru-contents #koji .art-list article h4 {
        width: 440px;
        font-size: 38px;
        border-radius: 40px;
        box-shadow: 0px 0px 10px 8px #fff; }
      #dekiru-contents #koji .art-list article .comment {
        padding: 0 75px 0;
        font-size: 24px; }
    #dekiru-contents #koji .art-list #kitchen .comment {
      background: url(../img/dekirukoto/kitchen_back.png) no-repeat center center/195px; }
    #dekiru-contents #koji .art-list #toilet .comment {
      background: url(../img/dekirukoto/toilet_back.png) no-repeat center center/205px; }
    #dekiru-contents #koji .art-list #wash .comment {
      background: url(../img/dekirukoto/wash_back.png) no-repeat center center/170px; }
    #dekiru-contents #koji .art-list #living .comment {
      background: url(../img/dekirukoto/living_back.png) no-repeat center center/180px; }
    #dekiru-contents #koji .art-list #bath .comment {
      background: url(../img/dekirukoto/bath_back.png) no-repeat center center/265px; }
    #dekiru-contents #koji .art-list #window .comment {
      background: url(../img/dekirukoto/window_back.png) no-repeat center center/170px; }
    #dekiru-contents #koji .art-list #porch .comment {
      background: url(../img/dekirukoto/porch_back.png) no-repeat center center/130px; }
    #dekiru-contents #koji .art-list #balcony .comment {
      background: url(../img/dekirukoto/balcony_back.png) no-repeat center center/220px; }
    #dekiru-contents #koji .art-list #yane .comment {
      background: url(../img/dekirukoto/yane_back.png) no-repeat center center/240px; }
    #dekiru-contents #koji .art-list #gate .comment {
      background: url(../img/dekirukoto/gate_back.png) no-repeat center center/215px; }
    #dekiru-contents #koji .art-list #other .comment {
      background: url(../img/dekirukoto/other_back.png) no-repeat center center/225px; }
  #dekiru-contents #kakaku {
    background-color: #E5F7FE;
    padding-bottom: 25px;
    margin-top: 220px;
    margin-bottom: 0; }
    #dekiru-contents #kakaku .sec-title {
      display: flex;
      margin-bottom: 55px;
      padding-left: 7%; }
      #dekiru-contents #kakaku .sec-title .character {
        width: 220px;
        margin-bottom: 30px;
        margin-top: -90px; }
      #dekiru-contents #kakaku .sec-title h4 {
        font-size: 40px;
        margin-bottom: 20px; }
      #dekiru-contents #kakaku .sec-title h3 {
        font-size: 65px;
        margin-bottom: 0; }
      #dekiru-contents #kakaku .sec-title .text-deco {
        width: 73px;
        top: 120px;
        left: 20px; }
      #dekiru-contents #kakaku .sec-title .ansin-img {
        object-fit: cover;
        width: 40%;
        max-height: 305px;
        margin-top: -90px;
        margin-left: auto; }
  #dekiru-contents #taiou {
    background-color: #E5F7FE;
    padding-bottom: 25px;
    margin-top: 230px;
    margin-bottom: 80px; }
    #dekiru-contents #taiou .sec-title {
      display: flex;
      margin-bottom: 55px;
      padding-left: 5%; }
      #dekiru-contents #taiou .sec-title .character {
        width: 220px;
        margin-bottom: 30px;
        margin-top: -90px; }
      #dekiru-contents #taiou .sec-title h3 {
        font-size: 65px;
        margin-bottom: 0; }
      #dekiru-contents #taiou .sec-title .text-deco {
        width: 73px;
        top: 100px;
        left: 15px; }
      #dekiru-contents #taiou .sec-title .ansin-img {
        object-fit: cover;
        width: 40%;
        max-height: 305px;
        margin-top: -90px;
        margin-left: auto; }
  #dekiru-contents .price-list {
    justify-content: flex-start;
    margin-left: -1%; }
  #dekiru-contents .price {
    width: 24%;
    border: 2px solid #072F83;
    border-top-left-radius: 30px;
    border-bottom: 30px solid #072F83;
    margin-bottom: 45px;
    margin-left: 1%; }
    #dekiru-contents .price img {
      display: block;
      width: 80%;
      margin: 35px auto; }
    #dekiru-contents .price h5 {
      font-size: 30px;
      margin-bottom: 35px; }
    #dekiru-contents .price p {
      font-size: 21px;
      margin: 0 auto 20px; }
  #dekiru-contents .blank {
    display: block;
    width: 50%;
    background: url(../img/character.png) no-repeat center center/485px;
    opacity: 0.4;
    margin-bottom: 45px; }

  #nagare-contents #first {
    background: linear-gradient(to bottom, rgba(0, 177, 250, 0.1), rgba(0, 177, 250, 0.1)), linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../img/character.png) no-repeat right 5% center/465px;
    padding-top: 140px;
    padding-bottom: 140px;
    margin-bottom: 80px; }
    #nagare-contents #first .comment {
      max-width: 1040px;
      font-size: 26px; }
  #nagare-contents #step article {
    width: 20%;
    max-width: 280px;
    margin: 0;
    display: flex;
    justify-content: space-between;
    flex-direction: column; }
    #nagare-contents #step article .step-title {
      height: 94px; }
      #nagare-contents #step article .step-title .num {
        font-size: 70px; }
      #nagare-contents #step article .step-title h4 {
        font-size: 24px;
        padding-top: 35px;
        padding-bottom: 35px; }
    #nagare-contents #step article .text {
      width: 80%;
      margin-top: 30px;
      font-size: 18px; }
    #nagare-contents #step article .kikan {
      width: 80%;
      margin-top: auto;
      padding-top: 20px;
      padding-bottom: 20px;
      font-size: 18px; }
  #nagare-contents #step .blue {
    display: flex;
    width: 95%;
    max-width: 1300px;
    margin: 0 auto 80px;
    justify-content: space-around; }
  #nagare-contents #step .green {
    display: flex;
    width: 95%;
    max-width: 1300px;
    margin: 0 auto 100px;
    justify-content: space-around; }
  #nagare-contents #step .arrow {
    transform: rotateZ(0deg);
    width: 2.5vw;
    max-width: 30px;
    margin: 0; }

  #mitsumori-contents #first {
    background: linear-gradient(to bottom, rgba(0, 177, 250, 0.1), rgba(0, 177, 250, 0.1)), linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../img/character.png) no-repeat right 10% center/465px;
    padding-top: 140px;
    padding-bottom: 100px;
    margin-bottom: 80px; }
    #mitsumori-contents #first .comment {
      width: 75%;
      margin: 0 auto; }
      #mitsumori-contents #first .comment p {
        font-size: 46px; }
  #mitsumori-contents #step {
    width: 80%;
    max-width: 1000px;
    margin: 0 auto 40px; }
    #mitsumori-contents #step div {
      border-radius: 20px;
      width: 30%;
      max-width: 295px;
      padding: 25px; }
    #mitsumori-contents #step h4 {
      font-size: 24px;
      margin-bottom: 20px; }
    #mitsumori-contents #step p {
      font-size: 36px; }
  #mitsumori-contents #form {
    max-width: 1000px;
    margin: 0 auto 10vw; }
    #mitsumori-contents #form .form-item {
      padding: 35px 40px 0; }
    #mitsumori-contents #form form select {
      background: url(../img/mitsumori/form_arrow.png) no-repeat right 20px center/15px, #fff;
      min-width: 355px;
      padding: 17px 30px 17px 17px;
      margin-bottom: 40px;
      font-size: 26px; }
    #mitsumori-contents #form form input {
      padding: 17px;
      font-size: 26px;
      margin-bottom: 30px; }
    #mitsumori-contents #form form textarea {
      padding: 17px;
      font-size: 26px;
      margin-bottom: 30px; }
    #mitsumori-contents #form form input[type="checkbox"] + label {
      font-size: 26px;
      padding-left: 40px;
      padding-right: 74px;
      margin-bottom: 35px; }
    #mitsumori-contents #form form input[type="checkbox"] + label::before {
      width: 20px;
      height: 20px;
      margin-top: -10px; }
    #mitsumori-contents #form form input[type="checkbox"]:checked + label::after {
      width: 18px;
      height: 15px;
      margin-top: -12px;
      left: 3px;
      border-bottom: 3px solid;
      border-left: 3px solid; }
    #mitsumori-contents #form form button[type="submit"] {
      background: url(../img/link_arrow.png) no-repeat right 50px center/10px;
      background-color: #FFFC47;
      border-radius: 40px;
      width: 530px;
      font-size: 26px;
      margin: 75px auto;
      padding: 25px 0; }
    #mitsumori-contents #form form .return {
      display: block;
      background: url(../img/mitsumori/arrow_grey.png) no-repeat left 50px center/10px;
      border-radius: 40px;
      border: 3px solid #ccc;
      width: 370px;
      font-size: 26px;
      margin: 75px auto;
      padding: 25px 0; }
    #mitsumori-contents #form form .item-title {
      font-size: 26px;
      margin-bottom: 30px; }
    #mitsumori-contents #form form .check-group {
      padding-bottom: 40px; }
      #mitsumori-contents #form form .check-group input[type="text"] {
        width: 75%;
        max-width: 540px;
        margin-top: 0;
        margin-left: 25px; }
    #mitsumori-contents #form form .add-sarch {
      font-size: 26px;
      padding: 15px 30px;
      margin-left: 30px; }
    #mitsumori-contents #form form .add-box {
      margin-bottom: 30px; }
      #mitsumori-contents #form form .add-box input[type="text"] {
        margin-bottom: 0; }
    #mitsumori-contents #form form .required {
      border-radius: 15px;
      font-size: 18px;
      padding: 5px 15px;
      margin-left: 35px; }
    #mitsumori-contents #form form .sub-text {
      font-size: 26px; }
    #mitsumori-contents #form .kakunin .form-item {
      font-size: 26px;
      padding-bottom: 1px; }
    #mitsumori-contents #form .kakunin ul {
      margin-bottom: 30px;
      margin-left: 70px; }
    #mitsumori-contents #form .kakunin p {
      margin-bottom: 30px;
      margin-left: 70px; }
  #mitsumori-contents #thanks {
    background: #E5F7FE;
    width: 80%;
    min-width: 1000px;
    padding: 180px 0; }
    #mitsumori-contents #thanks p {
      font-size: 26px; }
  #mitsumori-contents .link-btn {
    background: url(../img/link_arrow.png) no-repeat right 50px center/10px;
    background-color: #FFFC47;
    border-radius: 40px;
    width: 530px;
    font-size: 26px;
    margin: 75px auto;
    padding: 25px 0; }

  #company-contents #comment {
    padding-top: 75px;
    padding-bottom: 75px; }
    #company-contents #comment h3 {
      font-size: 40px; }
    #company-contents #comment p {
      font-size: 26px; }
    #company-contents #comment .com-text {
      max-width: 1160px; }
  #company-contents #about {
    padding-top: 100px;
    padding-bottom: 40px; }
    #company-contents #about dl {
      max-width: 1000px; }
    #company-contents #about dt {
      font-size: 24px;
      margin-bottom: 55px;
      padding-left: 50px; }
    #company-contents #about dd {
      font-size: 26px;
      margin-bottom: 60px;
      margin-left: 120px; }
  #company-contents #hist h3 {
    font-size: 40px; }
  #company-contents #hist dl {
    font-size: 26px;
    max-width: 1000px;
    border-top: 1px solid #7381B9;
    padding-top: 40px; }
  #company-contents #hist dt {
    float: left;
    margin-left: 60px; }
  #company-contents #hist dd {
    padding-left: 300px;
    padding-bottom: 35px;
    margin-bottom: 40px; }

  #rinen-contents section {
    display: flex;
    padding-top: 0;
    padding-bottom: 0;
    height: 770px; }
    #rinen-contents section h3 {
      font-size: 40px; }
    #rinen-contents section p {
      font-size: 26px; }
    #rinen-contents section .com-text {
      max-width: 1160px;
      margin: auto; }
  #rinen-contents #keiei p {
    font-size: 36px; }
  #rinen-contents #housin {
    /*background: url(../img/character.png) no-repeat center center / 555px;*/ }
    #rinen-contents #housin .character {
      text-align: center;
      padding: 30px 0; }

  #jirei-contents #category-list {
    padding-top: 50px;
    padding-bottom: 15px; }
    #jirei-contents #category-list ul {
      width: 96%;
      max-width: 1330px;
      padding: 0; }
      #jirei-contents #category-list ul li {
        width: 29%;
        max-width: 408px;
        margin: 0 17px 35px; }
      #jirei-contents #category-list ul .tags {
        background: url(../img/link_arrow_y.png) no-repeat right 25px center/10px;
        background-color: #072F83;
        border-radius: 45px;
        font-size: 26px; }
  #jirei-contents #jirei-list {
    padding-top: 50px; }
    #jirei-contents #jirei-list .art-list {
      display: flex;
      flex-wrap: wrap;
      /* add 20210824 iida */
      justify-content: flex-start;

      width: 90%;
      max-width: 1260px;
      margin: 0 auto; }
      #jirei-contents #jirei-list .art-list article {
        display: flex;
        flex-direction: column;
        width: 48%; }
        #jirei-contents #jirei-list .art-list article .thumb {
          padding: 20px 0; }
          #jirei-contents #jirei-list .art-list article .thumb img {
            width: 90%; }
        #jirei-contents #jirei-list .art-list article .art-text {
          align-items: stretch;
          padding-top: 15px; }
          #jirei-contents #jirei-list .art-list article .art-text .date {
            font-size: 18px; }
          #jirei-contents #jirei-list .art-list article .art-text h3 {
            font-size: 26px; }
          #jirei-contents #jirei-list .art-list article .art-text .tag-list {
            margin-top: 20px;
            margin-bottom: 20px;
            margin-left: -5px; }
            #jirei-contents #jirei-list .art-list article .art-text .tag-list .tags {
              border-radius: 20px;
              padding: 10px 25px;
              margin: 5px; }
        #jirei-contents #jirei-list .art-list article .art-link {
          background: url(../img/jirei/arrow_w.png) no-repeat right 28% center/10px;
          background-color: #072F83;
          font-size: 26px;
          margin-top: auto;
          padding: 20px; }
  #jirei-contents .page-nav ul a {
    font-size: 24px; }

  #jirei-single-contents #title {
    background: linear-gradient(to bottom, rgba(0, 177, 250, 0.1), rgba(0, 177, 250, 0.1)), linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url(../img/character.png) no-repeat right 10% center/240px;
    padding-top: 60px;
    padding-bottom: 60px; }
    #jirei-single-contents #title h3 {
      font-size: 40px;
      margin-bottom: 25px; }
    #jirei-single-contents #title .summary {
      justify-content: center;
      width: 70%; }
      #jirei-single-contents #title .summary .date {
        font-size: 21px;
        margin-right: 30px; }
      #jirei-single-contents #title .summary .tag-list {
        font-size: 24px; }
        #jirei-single-contents #title .summary .tag-list .tags {
          border-radius: 30px;
          padding: 10px 30px; }
  #jirei-single-contents #photos {
    padding-bottom: 50px; }
    #jirei-single-contents #photos .after {
      padding-top: 50px; }
      #jirei-single-contents #photos .after img {
        max-width: 1100px; }
      #jirei-single-contents #photos .after .flag {
        box-shadow: 3px 3px 2px rgba(170, 170, 170, 0.75);
        font-size: 32px;
        line-height: 50px;
        padding: 0 70px;
        top: 30px;
        left: 9%; }
    #jirei-single-contents #photos .before img {
      width: 60%;
      max-width: 800px; }
    #jirei-single-contents #photos .before .flag {
      box-shadow: 3px 3px 2px rgba(170, 170, 170, 0.75);
      font-size: 21px;
      line-height: 35px;
      padding: 0 55px;
      top: 20px;
      left: 19%; }
  #jirei-single-contents #text {
    max-width: 1100px;
    margin: 100px auto; } }

    /* add 20210823 iida */
    @media screen and (min-width: 900px) {
      #jirei-contents #jirei-list article {
        margin: 0 0 3vw;
      }
      #jirei-contents #jirei-list article:nth-of-type(2n) {
        margin: 0 0 3vw 4%;
      }
    }