/* トップページのCSS */
* {
    padding: 0;
    margin: 0;
}

a {
    text-decoration: none;
    color: #000;
    display: block;
    cursor: pointer;
    transition: all 0.3s ease 0s;
}

/* a:hover {
    opacity: 0.6;
} */

body{
    margin: auto;
}

.wrap{
    margin: auto;
}

.inner{
    max-width: 1180px;
    margin: auto;
}

p{
    font-size: 18px;
}

h2{
    font-size: 28px;
    font-weight: bold;
}

.header_menu {
    display: flex;
    justify-content: center;
    padding: 20px 0;
}

.top_menu{
    list-style: none;
    display: flex;
}

ul.top_menu > li {
    padding: 0 10px;
}

.top_menu li a{
    text-decoration: none;
    font-size: 15px;
}

.menu_content > img{
    max-width:822px;
    width: 42%;
}

.silicon_cun_img {
    width: 95%;
}

.modal_menu{
    display: none;
}

ul.top_menu > li > a {
    display: flex;
    justify-content: center;
    align-items: center;
}

img.header_menu_icon {
    width: 20%;
}

.header_menu > .menu_content > ul > li > a > img {
    width: 20%;
}

.fixed_header_menu > .menu_content > ul > li > a > img {
    width: 20%;
}

.top_menu > .menu_content > ul > .li {
    padding: 0 10px;
}

/* ====== その場でコンテンツが現れる ======*/

/*==================================================
ふわっ
===================================*/

/* その場で */
.fadeIn{
    animation-name:fadeInAnime;
    animation-duration:1s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeInAnime{
      from {
        opacity: 0;
      }
    
      to {
        opacity: 1;
      }
    }

/* ====== その場でコンテンツが現れる ======*/

/* ====== コンテンツが下から現れる ======*/
/* 下から */

.fadeUp{
    animation-name:fadeUpAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
    }
    
    @keyframes fadeUpAnime{
      from {
        opacity: 0;
      transform: translateY(100px);
      }
    
      to {
        opacity: 1;
      transform: translateY(0);
      }
    }

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/ 
.fadeUpTrigger{
    opacity: 0;
}
/* ====== コンテンツが下から現れるここまで ======*/
/* ====== コンテンツが左から現れる ======*/
/* 左から */
.fadeLeft{
    animation-name:fadeLeftAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    /* opacity:0; */
    }
    
    @keyframes fadeLeftAnime{
      from {
        opacity: 0;
      transform: translateX(-100px);
      }
    
      to {
        opacity: 1;
      transform: translateX(0);
      }
    }
/* ====== コンテンツが左から現れるここまで ======*/
/* ====== コンテンツが右から現れる ======*/
/* 右から */
.fadeRight{
    animation-name:fadeRightAnime;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
}
    
    @keyframes fadeRightAnime{
      from {
        opacity: 0;
      transform: translateX(-100px);
      }
    
      to {
        opacity: 1;
      transform: translateX(0);
      }
    }
/* スクロールをしたら出現する要素にはじめに透過0を指定　*/     
    .fadeInTrigger,
    .fadeUpTrigger,
    .fadeDownTrigger,
    .fadeLeftTrigger,
    .fadeRightTrigger{
        opacity: 0;
    }
/* ====== コンテンツが右から現れるここまで ======*/
/*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/

#fixed_header_menu_id{
  position: fixed;
  height: 70px;
  width:100%;
    z-index: 999;/*最前面へ*/
  /*以下はレイアウトのためのCSS*/
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  color:#fff;
  text-align: center;
  padding: 20px 0;
  top: -100%;
  transition: top .8s, visiability .8s;
}

/*　上に上がる動き　*/

#fixed_header_menu_id.UpMove{
  top: -100%;
}

/*　下に下がる動き　*/

#fixed_header_menu_id.DownMove{
  top: 0;
}

/*========= スクロール途中でヘッダーが表示＆非表示するためのCSSここまで ===============*/


/*============== ニュースティッカーのためのcss ===================================*/
/*ニュース1行の周りの余白*/
.news_contents > .slider a {
    display: block;
    background: #fff;
    padding: 20px;
    border-bottom: dotted 2.0px #848484;
}

.news_contents > .slider a:hover {
    background: rgba(204, 230, 245, 1.3);
}

/*日付*/
.news_contents > .slider span {
    display:inline-block;
    font-size:0.8rem;
    margin-right:10px;
    color:#777;
}

/*768px以下の見た目　※1行のままにしたい場合は不要*/
@media screen and (max-width:768px) {
    .news_contents > .slider {
        padding:20px;
        background:#fff;
    }

    .news_contents > .slider li {
        border-bottom:1px dashed #ccc;
    }

    .news_contents > .slider li:last-child {
        border-bottom:none;
    }
    .news_contents > .slider span {
        display:block;
    padding-bottom:10px;
    }
}

.news_contents {
    padding: 3vh 1vh 3vh 1vh;
    border: solid 1px #8c8c8c;
    margin-top: 10vh;
    text-align: center;
}

.news_title_img > img {
    width: 100%;
    max-width: 300px;
}

.instagram_title_img > img {
    width: 100%;
    padding-bottom: 8vh;
}

/*============== ニュースティッカーのためのcssここまで ===================================*/


section#content_news > .inner {
    max-width: 615px;
    width: 65%;
}

.news_title_img {
    text-align: center;
}

.news_contents > .slider {
    list-style: none;
}



@media screen and (max-width:772px) {
    .home_content_news_and_instagram{
        display: block!important;
    }
}

/*　ハンバーガーメニューレスポンシブ対応　*/
.hamburger{
    display: none;
}
/*　ハンバーガーメニューレスポンシブ対応　*/

.content01_image {
    display: flex;
    justify-content: center;
}

#top_bg {
    height: 112vw !important;
    max-height: 63vw;
    min-height: 670px;
    text-align: center;
}

* {
    padding: 0;
    margin: 0;
}

/* ロゴマークのCSS */

.logo {
    width: 73%;
    min-width: 160px;
    padding: 10px 84px 0 28px;
}

@media screen and (max-width:1011px) {
    .logo {
        width: 20vw;
        min-width: 160px;
        padding: 10px 84px 0 28px;
    }
}

@media screen and (max-width:772px) {
    .logo {
        width: 24vw;
        min-width: 160px;
        padding: 10px 84px 0 28px;
    }
}

@media screen and (max-width:615px) {
    .logo {
        width: 184px;
        min-width: 160px;
        padding: 10px 84px 0 28px;
    }
}

@media screen and (max-width:350px) {
    .logo {
        width: 45vw;
        padding: 10px 84px 0 28px;
        min-width: 160px;
    }
}
/* ロゴマークCSSここまで */

.logo_mark_shingaki {
    width: 50vw;
    position: absolute;
    top: 24vh;
    right: 0;
    left: 0;
    margin: auto;
}

@media screen and (max-width:769px){
    /* .logo_mark_shingaki {
        width: 100%;
        top: 35%;
    } */

    .contentsd04_image_filter {
        height: 98%;
        width: 100%;
    }
}

.top_menu {
    list-style: none;
    width: 80%; 
    display: flex;
    padding: 10px 3% 0 0;
    margin: 0 0 0 auto;
}


.menu_content > div > img {
    width: 70%;
    padding-right: 0;
}

@media screen and (max-width:1017px){
    .top_menu {
        width: 100%;
        list-style: none;
        display: flex;
        justify-content: end;
        padding: 10px 0 0 0;
    }

    .menu_content > div > img {
        width: 100%;
    }
}

.menu_content div {
    text-align: end;
}

.content01_image li {
    list-style: none;
}

.content01_image li img {
    width: 40vw;
    max-width: 420px;
    opacity: 0;
}


.content01_image > li > a:hover{
    opacity: 0.5;
}

ul.content01_image li:first-child {
    text-align: right;
    padding-right: 7.4%;
}

ul.content01_image li:last-child {
    text-align: left;
}

section#contents01 {
    padding-top: 139px;
    padding-bottom: 200px;
    height: 0;
}

section#work_contents01 {
    padding-top: 139px;
    padding-bottom: 200px;
    height: 0;
}

div#top_bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contents02_text_content {
    position: relative;
    margin: 0 0 60px;
}

.contents02_text_content::after {
    content: "";
    border-style: solid;
    border-color: #d0d0d0 transparent transparent transparent;
    position: absolute;
    left: 0;
    right: 0;
    z-index: -1;
    height: 39vw;
    background: #d0d0d0;
    margin: 0;
    text-align: center;
    transform: skew(0deg, 13.5deg);
}

.content02_text_content::before{
    content: '';
	border-bottom: solid 2px #000;
	transform: translateX(-50%);
	animation: border_anim 3s linear forwards;
}


.contents02_text_content .bg_gray_contents {
    text-align: center;
    padding: 30px 0 0;
}

.contents02_text_content .bg_gray_contents .white_text {
    color: white;
    font-size: 2vw;
    font-weight: bold;
    margin: 0 0 10px 5vw;
    opacity: 0;
}

@media screen and (max-width:670px) {
    .contents02_text_content .bg_gray_contents .white_text {
        font-size: 20px;
        margin: 0;
    }

    .contents02_text {
        text-align: center!important;
        position:inherit!important;
    }

    .content02_normal_text {
        font-size: 17px!important;
        margin-left: 0!important;
        text-align: left;
    }

    .pc_space{
        display: none;
    }

    .contents02_text_content .bg_gray_contents {
        padding: 10vh 0 0;
    }
}

.contents02_text_content .bg_gray_contents .contents02_normal_text {
    color: black;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.contents02_text {
    text-align: left;
    position: absolute;
    top: 10vw;
}

.content02_normal_text {
    font-size: 1.5vw;
    margin-left: 5vw;
    opacity: 0;
}

@media screen and (max-width:670px) {
    .content02_normal_text {
        font-size: 2.5vw;
        margin-left: 5vw;
    }
}

section#work_contents01 {
    padding-top: 82vh;
    padding-bottom: 9vh;
    height: 9.5vh;
}


/* ここまでノート */


.san_box {
    background: #002063;
    position: relative;
    margin: 0 0 60px;
  }
  .san_box:after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 50vw 0 50vw;
    border-color: #002063 transparent transparent transparent;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
  .san_box .san_in {
    text-align: center;
    padding: 30px 0 0;
  }
  .san_box .san_in .san_t_a {
    color: #ffffff;
    font-size: 30px;
    font-weight: bold;
    margin: 0 0 10px;
  }
  .san_box .san_in .san_t_b {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
  }

/* ここまでノート */

/* img.contents02_before_floor_image {
    width: 80%;
    margin-left: 20%;
    margin-bottom: -24.75%;
} */

img.contents02_before_floor_image {
    width: 100%;
    margin-left: 0%;
    margin-bottom: -24.75%;
}

img.contents02_after_floor_image {
    width: 100%;
}

.contents03_house_box{
    text-align: center;
}

.contents03_house {
    width: 65%;
}

.contents03_box{
    position: relative;
    margin-bottom: 16%;
}

img.contents03_roof {
    width: 14%;
    position: absolute;
    top: 42%;
    left: 12%;
}

img.contents03_balcony {
    width: 14%;
    position: absolute;
    top: 41%;
    right: 11%;
}

img.contents03_crack {
    width: 14%;
    position: absolute;
    right: 5%;
    top: 69%;
}

img.contents03_outer_wall {
    width: 14%;
    position: absolute;
    top: 69%;
    left: 3%;
}

.contents03_message01 {
    width: 30%;
    position: absolute;
    bottom: -25%;
    left: 6%;
}

.contents03_message03 {
    width: 30%;
    position: absolute;
    bottom: -25%;
    right: 6%;
}

.contents03_message02 {
    width: 30%;
    position: absolute;
    bottom: -14%;
    right: 35%;
}

.contents03_message_text {
    font-size: 3vw;
    text-align: center;
    margin-bottom: 14%;
    opacity: 0;
}

.flyer_image {
    padding-bottom: 20vh;
}

@media screen and (max-width:670px) {

    .contents03_house {
        width: 100%;
    }

    img.contents03_balcony {
        width: 24%;
        position:initial;
        top: 0;
        right: 0;
    }

    img.contents03_roof {
        width: 24%;
        position:initial;
        top: 0;
        right: 0;
    }

    img.contents03_crack {
        width: 24%;
        position:initial;
        top: 0;
        right: 0;
    }

    img.contents03_outer_wall{
        width: 24%;
        position:initial;
        top: 0;
        right: 0;
    }

    .contents03_message01 {
        width: 31%;
        position: initial;
        bottom: -14%;
        right: 0;
    }

    .contents03_message02 {
        width: 31%;
        position: initial;
        bottom: -14%;
        right: 0;
    }

    .contents03_message03 {
        width: 31%;
        position: initial;
        bottom: -14%;
        right: 0;
    }

    .contents03_message_text {
        font-size: 5vw;
    }

    .contents03_box{
        margin-bottom: 5%;
    }

}

section#contents04 {
    text-align: center;
}

.contents04title {
    position: relative;
}

img.paint_roller {
    position: absolute;
    top: -22%;
    left: 10%;
}

@media screen and (max-width:1170px) {
    img.paint_roller {
        width: 19vw;
    }
}

ul.contents04_list {
    display: flex;
    justify-content: center;
}

ul.contents04_list li{
    list-style: none;
}

ul.contents04_list li img {
    width: 100%;
}

ul.contents04_list {
    width: 66%;
    max-width: 615px;
    margin: auto;
}

ul.contents04_list li {
    padding-right: 1%;
    padding-left: 1%;
    position: relative;
}

.contentsd04_image_filter {
    position: absolute;
    background: black;
    height: 94%;
    width: 94%;
    z-index: 0;
    border-radius: 6px;
    opacity: 0.4;
}

.contentsd04_image_filter:hover{
    opacity: 0;
}

.contents04_list:nth-child(3) > li > .contentsd05_image_filter{
    width: 95%;
}

.contents04_text {
    position: absolute;
    font-size: 1.3vw;
    top: 40%;
    right: 30%;
    color: #B5DCF4;
    font-weight: bold;
    pointer-events: none;
}

section#contents04 {
    padding-bottom: 10%;
}

@media screen and (max-width:650px) {
    ul.contents04_list {
        display: block;
    }

    ul.contents04_list li {
        padding-right: 0;
        padding-left: 0;
    }

    .contents04_text {
        font-size: 5.3vw;
        top: 41%;
        right: 0;
        left: 0;
    }
}

.instagram_title_img {
    text-align: center;
}

.instagram_title_img > img {
    /* width: 29vw; */
    max-width: 300px;
}

.content05_instagrom_contents_box {
    text-align: center;
}

.community_title_img,.community_title_text {
    text-align: center;
}

blockquote.instagram-media.content05_instagram_contents {
    margin: auto !important;
}

.saude_contents_text_article {
    background: rgba(204, 230, 245, 1.3) url(../img/st_background_img.png);
    width: 80%;
    margin: auto;
    padding: 2% 0 2% 0;
    position: relative;
}

section#contents06 {
    padding-bottom: 10%;
}

img.saude_event_image{
    margin: 0 0 0 auto;
    padding-right: 3%;
    width: 40%;
    height: 100%;
    display: block;
}

footer#footer {
    background-color: #D0D0D0;
    color: white;
    padding: 5% 0 1% 0;
}

.saude_contents_title {
    width: 65%;
    background: #81C3FF;
    border-radius: 6px;
    text-align: center;
    color: white;
    margin: 0 auto;
    padding: 0;
}

.saude_content_text {
    margin: 0 0 0 5%;
    font-size: 18px;
    line-height: 25px;
    font-weight: bold;
    width: 40%;
}

.saude_contents {
    display: flex;
    padding-top: 4vh;
}

.saude_logo {
    display: block;
    height: 100%;
}

img.saude_logo_img {
    width: 12vw;
}

.saude_instagram_link {
    font-size: 3vh;
    text-align: center;
    padding-top: 3vh;
    font-weight: bold;
}

.footer_content {
    display: flex;
    margin-bottom: 7%;
    padding-left: 0;
}

.privacy {
    padding-left: 0;
}

.company {
    text-align: center;
    font-size: 10px;
}

.Inquiry > a {
    color: white;
}

.privacy > a {
    color: white;
}

.privacy {
    margin: 0 0 0 auto;
    padding-right: 3%;
}

.footer_left_content {
    padding-left: 3%;
}

.link > a > .instagram {
    color: white;
}

img.content05_instagram_contents {
    width: 50%;
}

.saude_instagram_link a {
    display: flex;
    justify-content: center;
}

.saude_instagram_link a p {
    margin: auto 0;
    padding-left: 1vw;
}

@media screen and (max-width:670px) {
    .saude_contents{
        flex-direction: column-reverse;
    }

    .saude_content_text{
        margin: auto;
        width: 90%;
    }

    .saude_contents_title {
        width: 80%;
        margin: auto;
    }

    img.saude_event_image {
        margin: auto;
        padding-right: 0;
        padding-bottom: 4vh;
        width: 82%;
    }
}

@media screen and (max-width:650px)  {
    blockquote.instagram-media.content05_instagram_contents {
        min-width: 100%;
    }

    .saude_logo{
        display: none;
    }

    .contentsd04_image_filter {
        height: 97.5%;
        width: 100%;
        border-radius: 9px;
    }

    ul.contents04_list > li:first-child > a > .contentsd04_image_filter{
        height: 98%;
    }

    ul.contents04_list > li:last-child > a > .contentsd04_image_filter{
        height: 98%;
    }
}

.home_content_news_and_instagram {
    display: flex;
    justify-content: center;
    padding-bottom: 10%;
}

img.shingaki_kougyou_flyer_text {
    width: 42vw;
}

.content03_shingaki_kougyou_flyer_text {
    text-align: center;
}

.shingaki_kougyou_flyer_text2 {
    padding-top: 7vw;
}

img.shinbaki_kougyou_flyer_text02 {
    width: 75vw;
}

.community_title_img > img {
    width: 31%;
    max-width: 300px;
}

@media screen and (max-width: 773px) {
    .footer_content {
        display: block;
        margin-bottom: 0;
        padding-left: 3%;
    }

    .privacy {
        padding-left: 3%;
    }
}
/* トップページのCSSここまで */

/* トップに戻るボタンのCSS */

.top_back_button{
position: fixed;
bottom: 24px;
right: 24px;
width: 48px;
height: 48px;
text-decoration: none;
background-color: #919191;
display: block;
text-align: center;
border-radius: 24px;
z-index: 12;
}

.top_back_button_arrow {
    height: 13px;
    width: 13px;
    border-top: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    transform: translateY(90%) rotate(-45deg);
    margin: 5% auto;
}

.top_back_button:hover{
    opacity: 0.5;
}
/* トップに戻るボタンのCSSここまで */

/* ハンバーガーメニューのCSS */

/*　ハンバーガーボタン　*/
.hamburger {
    position: relative;/*ボタン内側の基点となるためrelativeを指定*/
    background:#8a8989;
    cursor: pointer;
      width: 50px;
      height:50px;
    border-radius: 5px;
    overflow: hidden;/*ジャンプしてはみ出た要素を消す*/
}

.hamburger .openbtn-area{
    transition: all .4s;/*アニメーションの設定*/
}

.hamburger span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 14px;
    height: 3px;
    border-radius: 2px;
    background: #fff;
    width: 45%;
  }



  .hamburger span:nth-of-type(1) {
    top:15px; 
  }
  
  .hamburger span:nth-of-type(2) {
    top:23px;
  }
  
  .hamburger span:nth-of-type(3) {
    top:31px;
  }
  /*activeクラスが付与されると .openbtn-areaが360度回転し、
その中の線のtopの位置や形状が変化して×に*/

/* ナビ開いてる時のボタン */
.hamburger.active .openbtn-area{
    transform: rotateX(360deg);
  }
  
  .hamburger.active span:nth-of-type(1) {
      top: 18px;
      left: 18px;
      transform: translateY(6px) rotate(-135deg);
      width: 30%;
  }
  
  .hamburger.active span:nth-of-type(2) {
    opacity: 0;
  }
  
  .hamburger.active span:nth-of-type(3){
      top: 30px;
      left: 18px;
      transform: translateY(-6px) rotate(135deg);
      width: 30%;
  }

.hamburger.active.is-fixed > span:nth-child(2) {
    transform: rotate(10deg) translate(0px, 16px);
}

.hamburger.active.is-fixed > span:nth-child(3) {
    transform: rotate(-10deg) translate(0px, -5px);
}

nav.globalMenuSp {
    position: fixed;
    top: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    width: 100%;
    opacity: 0;
    transition: opacity .6s ease, visibility .6s ease;
    pointer-events: none;
    left: 0%;
}

nav.globalMenuSp.active {
    pointer-events: initial;
    z-index: 2;
}

nav.globalMenuSp ul {
    padding: 0;
    width: 100%;
    height: 100vh;
    padding-top: 2%;
    padding-bottom: 2%;
    top: 30%;
    position: relative;
}

nav.globalMenuSp ul li {
    list-style-type: none;
    padding: 0;
    width: 100%;
    transition: .4s all;
    font-weight: bold;
    padding-bottom: 7vh;
    font-size: 1rem;
}

nav.globalMenuSp ul li:first-child {
    padding-top: 34%;
}

nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
}

nav.globalMenuSp ul li:hover {
    background: #ddd;
}

nav.globalMenuSp ul li a {
    display: block;
    color: #fff;
    padding: 1em 0;
    text-decoration: none;
}

nav.globalMenuSp ul li a:hover {
    color: black;
}

/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    opacity: 100;
    position: fixed;
    top: 0;
    left: 0%;
}
/* 
.hamburger.is-fixed {
    position: fixed;
    top: 40px;
    right: 5%;
    z-index: 3;
} */

.hamburger_menu_text.active {
    color: white;
    position: fixed;
    display: grid;
    place-items: center;
    z-index: 1;
}

.hamburger_menu_text {
    transform: translateY(-1px);
}

/* ハンバーガーメニューのCSSここまで */

/* Works.htmlのCSS */
.works_contents04 {
    padding: 5%;
}

.works_contents04 > .inner > .contents04title {
    padding-bottom: 2%;
}

.works_contents04 > .inner > .contents04title > .content04stitleimg > img {
    max-width: 190px;
}

.works_contents > .inner {
    margin: 0 10%;
}

.work_contents_image > img {
    width: 100%;
    object-fit: cover;
    height: 23vh;
}

img.work_contents_before_images {
    width: 100%;
    /* height: 30vh; */
    object-fit: cover;
}

.work_contents_clickimage {
    position: relative;
}

#work_contents_click_btn {
    position: absolute;
    margin: 0px 47%;
    box-sizing: inherit;
    background: rgba(255, 255, 255, 1);
    border-radius: 27%;
    border: none;
    height: 20%;
    width: 6%;
    top: 40%;
}

.work_contents_title_1 {
    font-size: 2.3vw;
    padding-bottom: 1%;
}

.work_contents_discription {
    font-size: 1.4vw;
    padding-bottom: 2%;
}

.work_contents_image {
    padding-bottom: 5%;
}

.works_contents {
    padding-bottom: 10%;
    height: 85vw;
}

/* 
.contents04_text.content04_ceiling_text {
    margin: 0 25%;
} */
/* スライドショー用 */
/* スライド永続に流れるタイプ */
ul.slide_show {
    display: flex;
    list-style: none;
    animation: loop-slide 60s infinite linear 0.01s both;
}

.slide_show img {
    height: 100% !important;
    object-fit: cover;
}

ul.slide_show li {
    width: 22vw;
}

@keyframes loop-slide {
    form {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.slide_filter {
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 0;
}

ul.slide_show li {
    width: 300px;
}

/* スライド永続に流れるタイプ */
/* スライドショー用 */

/* 
.works_contents04_ceiling_text {
    margin: 0px 17% !important;
} */

img.work_contents_after_images {
    max-width: 100%;
    display: none;
}

img.work_contents_before_images01 {
    width: 100%;
    /* height: 30vh; */
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

img.work_contents_before_images02 {
    width: 100%;
    /* height: 30vh; */
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

img.work_contents_before_images03 {
    width: 100%;
    /* height: 30vh; */
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

img.work_contents_before_images04 {
    width: 100%;
    /* height: 30vh; */
    object-fit: cover;
    position: absolute;
    z-index: -1;
}

.work_contents_clickimage01 {
    position: relative;
    height: 56vw;
}

.work_contents_clickimage02 {
    position: relative;
    height: 56vw;
}

.work_contents_clickimage03 {
    position: relative;
    height: 56vw;
}

.work_contents_clickimage04 {
    position: relative;
    height: 56vw;
}

#work_contents_click_btn01 {
    position: absolute;
    margin: 0px 47%;
    box-sizing: inherit;
    background: rgba(255, 255, 255, 1);
    border-radius: 27%;
    border: none;
    height: 12%;
    width: 6.6vw;
    top: 50%;
    opacity: 0.4;
}

#work_contents_click_btn02 {
    position: absolute;
    margin: 0px 47%;
    box-sizing: inherit;
    background: rgba(255, 255, 255, 1);
    border-radius: 27%;
    border: none;
    height: 12%;
    width: 6.6vw;
    top: 50%;
    opacity: 0.4;
}

#work_contents_click_btn03 {
    position: absolute;
    margin: 0px 47%;
    box-sizing: inherit;
    background: rgba(255, 255, 255, 1);
    border-radius: 27%;
    border: none;
    height: 12%;
    width: 6.6vw;
    top: 50%;
    opacity: 0.4;
}

#work_contents_click_btn04 {
    position: absolute;
    margin: 27vw 47%;
    padding: 2.6vw 0vw;
    box-sizing: inherit;
    background: rgba(255, 255, 255, 1);
    border-radius: 27%;
    border: none;
    /* height: 12%; */
    width: 6.6vw;
    top: 50%;
    opacity: 0.4;
}

#work_contents_click_btn01:hover {
    opacity: 1;
}

#work_contents_click_btn02:hover {
    opacity: 1;
}

#work_contents_click_btn03:hover {
    opacity: 1;
}

#work_contents_click_btn04:hover {
    opacity: 1;
}

img.work_contents_after_images01 {
    max-width: 100%;
    display: none;
    position: absolute;
    z-index: -1;
}

img.work_contents_after_images02 {
    max-width: 100%;
    display: none;
    position: absolute;
    z-index: -1;
}

img.work_contents_after_images03 {
    max-width: 100%;
    display: none;
    position: absolute;
    z-index: -1;
}

img.work_contents_after_images04 {
    max-width: 100%;
    display: none;
    position: absolute;
    z-index: -1;
}

section#work_contents_review > .inner {
    margin: 0 10%;
}

.work_review_title {
    font-size: 2.4vw;
    border-bottom: solid #707070 1px;
    display: inline-block;
    margin-bottom: 5vh;
}

ul.content_review {
    display: flex;
    list-style: none;
    justify-content: center;
}

ul.content_review li {
    margin: 2%;
    border: solid 1px #ababab;
    padding: 2%;
    border-radius: 16px;
    text-align: center;
}

ul.content_review li p{
    text-align: left;
}

section#work_contents01 {
    padding-top: 9vh;
    padding-bottom: 15vh;
    height: 9.5vh;
}

body#work_page > #header > #top_bg {
    display: none;
}

section#work_contents_contact {
    text-align: center;
    margin: 7vw;
    padding: 3vh 2vh;
    border: solid 1px #d2d3d2;
    border-radius: 2vw;
    background-color: #8c8c8c;
}

section#work_contents_contact:hover {
    border: solid 1px #7b7b7b;
    background-color: #f1f1f1;
}


/* Works.htmlのCSSここまで */
/* About_us.htmlのCSS */
.about_us_content_titleimg {
    text-align: center;
}

img.aboug_us_content_title_image {
    width: 15%;
    max-width: 190px;
    min-width: 160px;
}

section#about_us_content_01_title {
    padding: 5%;
    padding-top: 13vh;
}

section#about_us_content_01 {
    padding: 5%;
}

section#about_us_content_01 {
    padding: 2% 10%;
}

section#about_us_contents02 {
    padding: 2% 10% 0 10%;
}

.about_us_contents_title_1 {
    font-size: 2vw;
}

.about_us_contents_image > img {
    width: 70%;
}

.about_us_contents_discription {
    padding-bottom: 3%;
}

.about_us_contents_title_2 {
    padding: 0 0 8% 0;
}
img.about_us_title_office_img {
    width: 100%;
}

img.about_us_title_office_img {
    width: 100%;
    padding-bottom: 2%;
}

.about_us_contents_title_1 {
    font-size: 18px;
}

.about_us_contents_image {
    text-align: center;
}

#about_map{
    text-align: center;
}

section#about_us_contact > h2 {
    padding: 2% 10% 0 10%;
}

section#about_us_contact > h2 {
    padding: 6% 10% 9% 10%;
    text-align: center;
}

section#about_us_contact > h2 {
    text-align: center;
    margin: 7vw;
    padding: 3vh 2vh;
    border: solid 1px #d2d3d2;
    border-radius: 2vw;
    background-color: #8c8c8c;
    font-size: 3vw;
}

section#about_us_contact > h2:hover {
    border: solid 1px #7b7b7b;
    background-color: #f1f1f1;
}

@media screen and (max-width: 803px) {
    section#about_us_content_01_title {
        padding-top: 16vh;
    }

    img.aboug_us_content_title_image {
        min-width: 160px;
    }

}

/* About_us.htmlのCSSここまで */

ul.content_review li p br {
    display: block;
}

.contents04_text {
    right: 0;
    left: 0;
    margin: 0 auto;
}

.contents04_text {
    font-size: 100%;
}

@media screen and (max-width:1560px){

    .contents04_text {
        font-size: 100%;
    }
}

@media screen and (max-width:770px) {
    .work_contents_image > img{
        height: 17vh;
    }

    .works_contents {
        padding-bottom: 33%;
        height: 85vw;
    }
}

@media screen and (max-width:500px){
    #work_contents_click_btn01 {
        margin: 0px 45%;
        height: 22%;
        width: 12.6vw;
        top: 41%;
        opacity: 0.4;
    }

    #work_contents_click_btn02 {
        margin: 0px 45%;
        height: 22%;
        width: 12.6vw;
        top: 41%;
        opacity: 0.4;
    }

    #work_contents_click_btn03 {
        margin: 0px 45%;
        height: 22%;
        width: 12.6vw;
        top: 41%;
        opacity: 0.4;
    }

    #work_contents_click_btn04 {
        margin: 0px 45%;
        height: 5vh;
        width: 13.6vw;
        top: 12vh;
        opacity: 0.4;
    }
}

@media screen and (max-width:670px) {
    .community_title_img > img {
        width: 100%;
    }

    .instagram_title_img > img {
        width: 70%;
    }

    .news_title_img > img {
        width: 100%;
    }
}


@media screen and (max-width:803px) {
    /* ハンバーガーメニューレスポンシブ対応 */
    .hamburger {
        display: block;
        position: fixed;
        top: 2vw;
        right: 5%;
        z-index: 3;
    }
    /* ハンバーガーメニューレスポンシブ対応 */
    
    div#top_pages {
        width: 100%;
    }
    
    .menu_content {
        display: none;
    }
    
    .logo_mark_shingaki {
        width: 100%;
        top: 35%;
    }

    .header_menu {
        justify-content: left;
        position: fixed;
        top: 0;
        background: white;
        width: 100%;
        z-index: 1;
        height: 11vh;
    }
    
    .content01_image {
        display: block;
    }
    
    ul.content01_image li:first-child{
        text-align: center;
        width: 100%;
        padding: 0;
    }
    
    section#contents01{
        padding-top: 5vh;
        padding-bottom: 31vh;
    }
    
    ul.content01_image li:last-child {
        text-align: center;
    }
    
    .content01_image li img {
        width: 85%;
        font-size: 3vw;
    }
    
    .contents02_text_content .bg_gray_contents .white_text{
        color: black;
    }

    .contents02_text {
        padding: 0 20px;
    }

    /* #fixed_header_menu_id{
        opacity: 0;
    } */

    nav.globalMenuSp ul li {
        padding-top: 4%;
        padding-bottom: 4%;
    }

    nav.globalMenuSp ul li:first-child {
        padding-top: 4%;
        margin-top: -6%;
    }

    nav.globalMenuSp ul li:last-child {
        padding-bottom: 4%;
    }

    ul.contents07_slide {
        display: flex;
    }

    ul.content_review{
        display: block;
    }

    ul.content_review li {
        border: solid 1px #ababab;
        margin: 2vh auto;
        padding: 2%;
        border-radius: 16px;
    }

    .works_contents04 > .inner > .contents04title > .content04stitleimg > img {
        width: auto;
        height: auto;
    }

    .works_contents04 {
        padding: 25% 5%;
    }

    .work_contents_title_1 {
        font-size: 6.3vw;
        text-align: center;
    }

    .work_contents_discription {
        font-size: 4.4vw;
    }

    .work_review_title {
        font-size: 7.4vw;
    }

    .works_contents {
        height: 110vw;
    }

    ul.contents04_list {
        display: block;
    }

    .contentsd04_image_filter {
        height: 97.5%;
        width: 100%;
        border-radius: 9px;
    }

    .contents04_text {
        font-size: 5.3vw;
        top: 41%;
        right: 0;
        left: 0;
    }

    ul.contents04_list li {
        padding-right: 0;
        padding-left: 0;
    }

    section#work_contents_review > .inner {
        text-align: center;
    }

    ul.content_review li p {
        text-align: center;
    }

    ul.content_review li p br {
        display: none;
    }
}

@media screen and (max-width: 855px) {
    .works_contents {
        height: 100vw;
        padding-bottom: 8vw;
    }
}

@media screen and (max-width: 803px) {
    .works_contents {
        height: 110vw;
        padding-bottom: 78vw;
    }
}

@media screen and (max-width:550px) {
    .works_contents04 {
        padding-top: 19vh!important;
    }

    .works_contents {
        height: 105vw;
    }
}

@media screen and (max-width:770px) {
    .works_contents {
        height: 96vw;
        padding-bottom: 78vw;
    }
}

@media screen and (max-width:400px) {
    .works_contents {
        height: 110vw;
    }
}

@media screen and (max-width:320px) {

    .works_contents {
        height: 125vw;
    }
}

ul.contents07_slide {
    display: flex;
}

ul.contents07_slide li {
    width: 29%;
}

/* フォームのCSS */
#contact_content_01 {
    padding: 5%;
}

section#contact_content_01 {
    text-align: center;
    padding-top: 5%;
}

img.contact_content_title_image {
    width: 15%;
}

section#contact_tell {
    padding: 2% 24%;
}

span.Form-Item-Label-Required {
    background: orange;
    border-radius: 2px;
    padding: 3px;
    margin-right: 2vw;
}

input.Form-Item-Input {
    width: 50vw;
}

.Form-Item {
    padding-bottom: 2vw;
}

.Form {
    padding-top: 5vw;
    width: 51%;
    margin: auto;
}

textarea.Form-Item-Textarea {
    width: 52vw;
    height: 26vh;
}

.tell_contact {
    font-size: 2vw;
}

.tell_contact > a {
    font-size: 5vw;
    font-weight: bold;
}

.tell_contact > img {
    width: 100%;
}

section#contact_tell {
    padding: 2% 24%;
    border-top: solid 1px #959595;
    border-bottom: solid 1px #959595;
    margin-bottom: 6vh;
}

.tell_contact_content > a > span {
    font-weight: bold;
    font-size: 5vh;
}

.contact_tell_icon {
    width: 5vh;
}

input.Form-Item-Input {
    height: 6vh;
    padding-left: 2vh;
}

input.Form-Btn {
    margin-bottom: 9vh;
}



@media screen and (max-width:803px) {
    section#contact_content_01 {
        text-align: center;
        padding-top: 17vh;
    }
}

@media screen and (max-width:730px) {
    .tell_contact_content > a > span {
        font-size: large;
    }

    input.Form-Item-Input {
        width: 80vw;
    }

    .Form {
        width: 85%;
    }

    img.contact_content_title_image {
        width: 15%;
        min-width: 140px;
    }

    textarea.Form-Item-Textarea {
        width: 80vw;
        padding: 0 1vh;
    }

    section#contact_tell {
        padding: 0 7.5%;
    }
}

@media screen and (max-width:400px) {
    .tell_contact_content > a > span {
        font-size: 4vw;
    }
}

/* フォームのCSSここまで */


/* newsのCSS */

.news_images img {
    width: 20vw;
}


h3.all_news {
    text-align: center;
    font-size: 30px;
    padding: 7vh 0;
}

section#contents01\ news_contents01 > ul {
    flex-wrap: wrap;
    display: flex;
    max-width: 687px;
    justify-content: center;
    width: 100%;
    padding-bottom: 8vw;
}

section#contents01\ news_contents01 > ul > li:hover {
    opacity: 0.5;
}

section#contents01\ news_contents01 > ul > * {
    list-style: none;
}

article.news_article {
    display: flex;
    justify-content: center;
}

.category_list > ul {
    list-style: none;
    padding-bottom: 3vh;
}

.archive_list > ul {
    list-style: none;
}

.next_back {
    display: flex;
    padding: 5vh 0;
    justify-content: space-between;
    border-top: solid 1px #bababa;
    margin: 0;
}
/* 
a.back {
    padding-right: 31vh;
} */

section#contents01\ news_contents01 > ul > li {
    padding: 10px;
}

.category_list_title {
    padding-bottom: 2vh;
}

p.archive_list_title {
    padding-bottom: 2vh;
}

.category_list {
    border-left: solid 1px #bababa;
    padding-left: 2vw;
}

.archive_list {
    border-left: solid 1px #bababa;
    padding-left: 2vw;
}

.news_images img {
    width: 180px;
}

.news_page_title {
    text-align: center;
}

.news_page_title > img {
    width: 53vw;
    min-width: 180px;
    max-width: 180px;
    padding: 117px 0 3vw 0;
}

section#contents02\ \ news_contents02 {
    padding-top: 7vh;
}

section#contents01\ news_contents01 > ul > li {
    padding: 10px;
    border: solid 0.7px black;
    margin: 1vw;
}

@media screen and (max-width: 1310px) {
    
}
/* newsのCSSここまで */


/* singleのCSS */

h3.single_page_blog_title {
    text-align: center;
    font-size: 2vw;
    padding: 12vh;
}

.single_page_images > img {
    width: 100%;
}

.single_page_title {
    text-align: center;
    padding-top: 11vh;
}

.single_page_title > img {
    width: 16vw;
    min-width: 160px;
    max-width: 190px;
}

.single_page_images {
    width: 100%;
}

.single_page_content {
    display: flex;
    padding: 0;
}

.single_page_content > p {
    margin: 1vw;
}

.single_page_content > p:first-child {
    margin-left: 0;
}

section#contents01\ single_page_contents01 {
    margin: auto;
    width: 75%;
}

article.single_page_article {
    display: flex;
    justify-content: center;
}

section#contents02\ \ news_contents02 {
    padding-top: 7vh;
    margin: 0 7vw 0 0;
}

.single_page_content > p.category {
    background: #ff7575;
    padding: 0 4px;
    border-radius: 5px;
}

.single_page_discription {
    padding-bottom: 12vh;
}

ul.content_review > li > img {
    width: 11vw;
}

@media screen and (max-width: 803px) {
    article.single_page_article {
        display: block;
    }

    section#contents01\ single_page_contents01 {
        width: 90%;
    }

    .single_page_content {
        padding: 2vh 0;
        display: block;
    }

    .single_page_discription {
        padding-bottom: 4vh;
    }

    h3.single_page_blog_title {
        font-size: large;
        padding: 2vh;
    }

    .single_page_title > img {
        width: 16vw;
        min-width: 160px;
        max-width: 190px;
    }

    .single_page_content > p {
        margin: 1vw 0;
    }

    .single_page_content > p.category {
        width: 100%;
        text-align: center;
        display: table-cell;
    }

    section#contents02\ \ news_contents02 {
        padding-top: 0;
        padding-bottom: 7vw;
        margin: auto;
        width: 90%;
    }

}
/* singleのCSSここまで */

/* トップページのCSS */

.bx-wrapper {
    margin: 0 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: none !important;
    background: none !important;
  }

  .bxslider img{
    width: 100% !important;
    height: 100vh !important;
    }
    
    
    @media screen and (max-width: 485px) {
        .logo_mark_shingaki {
            width: 100%;
            /* top: 214px; */
            top: 35%;
        }

        section#contents01 {
            padding-top: 5vh;
            padding-bottom: 31vh;
        }

        img.contents03_roof {
            width: 50%;
            position: initial;
            float: left;
        }

        img.contents03_balcony {
            width: 50%;
            position: initial;
            top: 0;
        }

        img.contents03_crack {
            width: 50%;
            position: initial;
            float: left;
        }

        img.contents03_outer_wall {
            width: 50%;
            position: initial;
        }

        .contents03_message01 {
            width: 100%;
            position: initial;
        }

        .contents03_message02 {
            width: 100%;
            position: initial;
        }

        .contents03_message03 {
            width: 100%;
            position: initial;
        }

        img.shingaki_kougyou_flyer_text {
            width: 84vw;
        }
    }

@media screen and (max-width: 430px) {
    /* .bxslider img {
        height: 60vh !important;
    } */

    div#top_bg {
        height: 65vh;
    }

    div#top_bg img {
        width: 80%;
        min-width: 260px;
    }

    .logo_mark_shingaki {
        top: 35%;
    }


}

@media screen and (min-width: 1310px) {
    .logo_mark_shingaki {
        top: 22%;
    }
}

section#contents05 {
    margin: 0 auto;
}

section#content_news {
    width: 50%;
    padding-bottom: 0;
}

@media screen and (max-width: 773px) {
    section#content_news {
        width: 100%;
        padding-bottom: 10%;
    }

    .shingaki_kougyou_flyer_text2 {
        padding-top: 7vw;
    }
    
    
}
/* ====== コンテンツが右から現れるここまで ======*/

/*========= スクロール途中で連絡先が表示＆非表示するためのCSS ===============*/
/*========= 連絡先覧のためのCSS ===============*/

.contact_tell_mail {
    display: flex;
}

section#contents008_contact {
    background: rgba(255, 255, 255, 0.9);
    border-bottom: solid 1px #818181;
    padding: 2vw 0;
    border-top: solid 1px #818181;
    opacity: 0;
    position: fixed;
    z-index: 3;
    right: 0;
    left: 0;
    bottom: 0px;
}

.contents008_contact_mobil {
    font-size: 2vw;
    padding-right: 2vw;
    font-weight: bold;
}

.contents008_contact_tell {
    font-size: 2vw;
    font-weight: bold;
    padding-right: 2vw;
}

.contents008_contact_schedule{
    font-size: 1.3vw;
}

.contents008_contact_text {
    font-size: 1.5vw;
    padding: 1vw;
    border: solid 1px #717171;
}

.contact_tell_mail {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contents008_contact_text:hover {
    background: #9f9f9f;
    color: white;
}

#contents008_contact a {
    border-radius: 5px;
    text-transform: uppercase;
    transition: all 0.3s;
    text-align: center;
}

.contents008_contact_mobil {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contents008_contact_tell {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contents008_contact_schedule_text{
    padding-bottom: 0;
}

.contents008_contact_tell_text,
.contents008_contact_mobil_text {
    padding-left: 1vw;
}

@media screen and (max-width: 773px) {
    section#contents008_contact {
        height: 110px;
        z-index: 0;
    }

    .contact_tell_mail {
        display: block;
        padding: 0 7vw;
    }

    .contents008_contact_mobil {
        font-size: 29px;
        padding-top: 20px;
    }

    .contents008_contact_schedule {
        font-size: 16px;
    }

    #contents008_contact a {
        width: 203px;
        font-size: 19px;
        font-weight: bold;
        text-align: center;
        margin: auto;
    }

    .contents008_contact_tell {
        font-size: 29px;
    }

    .contents008_contact_schedule_text{
        text-align: center;
        padding-bottom: 20px;
    }

    section#contents06 {
        padding-bottom: 43%;
    }
}
/*========= 連絡先覧のためのCSSここまで ===============*/
 
  /*　上に上がる動き　*/
  
  #contents008_contact.UpMove{
    animation: UpAnime 0.5s forwards;
  }
  @keyframes UpAnime{
    from {
      opacity: 0;
    transform: translateY(1000px);
    }
    to {
      opacity: 1;
    transform: translateY(0);
    }
  }
  
  /*　下に下がる動き　*/
  
  #contents008_contact.DownMove{
    animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
    from {
      opacity: 1;
    transform: translateY(0);
    }
    to {
      opacity: 1;
    transform: translateY(1000px);
    }
  }
  /*========= スクロール途中でヘッダーが表示＆非表示するためのCSSここまで ===============*/

  @media screen and (max-width:550px) {
    section#contents06 {
        padding-bottom: 30vh;
    }

    .contents008_contact_mobil_text {
        padding-left: 1vw;
    }
  }

@media screen and (max-width:401px) {
    .contents008_contact_schedule_text {
        text-align: center;
        font-size: large;
        padding-bottom: 1vh;
    }

    .contents008_contact_mobil {
        font-size: large;
    }

    .contents008_contact_tell {
        font-size: large;
    }

    .contents008_contact_schedule_text {
        font-size: large;
    }
}


.menu_content > ul > li > a > img {
    padding-right: 6px;
}
/* トップページのCSSここまで */


/* job.htmlのcss */
.job_page_title_img {
    width: 100%;
    object-fit: cover;
    height: 400px;
}

.job_disc_list{
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
	flex-wrap: wrap;
	align-items: stretch;	
	width: 100%;
	border: 1px solid #ccc;
	border-bottom: none;
    width: 81%;
    margin: 20px auto;
}
.job_disc_list dt{
    background: #f5f5f5;
    padding: 15px;
    width: 25%;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.job_disc_list dd{
    background: #fff;
    padding: 5px;
    box-sizing: border-box;
    width: calc(100% - 25%);
    border-bottom: 1px solid #ccc;
}

.job_page_title_img {
    padding-top: 4vw;
}

.job_page_contents_title_1{
    font-size: 3vw;
}

.job_page_top_content {
    display: flex;
}

.job_page_top_content > img {
    width: 22%;
    margin-right: 4vw;
}

.job_page_top_content {
    justify-content: center;
    padding-top: 6vh;
}

.job_page_contents_title_1 {
    padding-bottom: 3vh;
}

section#job_page_content_01 > .inner > h2 {
    text-align: center;
    padding: 16vh 0 6vh;
}

h2.job_map_title {
    text-align: center;
    padding: 16vh 0 6vh;
}

section#job_map > .note {
    text-align: center;
    padding-bottom: 2vh;
}

section#job_map {
    text-align: center;
    padding-bottom: 12vh;
}

section#job_page_contact > a {
    display: flex;
    justify-content: center;
}

section#job_page_contact {
    border: solid 1px #d6d6d6;
    margin: 0 10% 18vh;
    padding: 6vh;
}

section#job_page_contact > h2 {
    text-align: center;
    padding-bottom: 2vh;
}

a.job_link_contact_form {
    background: #ffc48e;
    color: white;
    padding: 1vw;
    border-radius: 7px;
    font-size: 3vh;
    margin: 3vh 0 0vh 0;
}

a.job_link_contact_form:hover {
    background: #ff6200;
    opacity: 0.5;
}

img.job_page_title_img_sp {
    display: none;
}

.job_page_contact_disc {
    /* padding-right: 4vh;
    border-right: solid 1px; */
}

.job_page_contact_disc_tel {
    padding-left: 4vh;
}

img.content05_title_image {
    width: 60vw;
    max-width: 300px;
    min-width: 160px;
}

@media screen and (max-width: 773px) {

    .job_page_title_img_sp {
        display: block;
        width: 100%;
        padding-top: 11vh;
    }

    .job_page_title_img {
        display: none;
    }

    .job_page_top_content {
        display: block;
        text-align: center;
    }

    .job_page_top_content > img {
        width: 70%;
    }

    .job_page_top_text_content {
        text-align: justify;
        width: 80%;
        margin: auto;
        font-size: large;
        padding-top: 4vw;
    }

    h2.job_map_title {
        padding-top: 12vw;
    }

    section#job_page_content_01 > .inner > h2 {
        padding-top: 12vw;
    }

    .job_page_contents_title_1 {
        font-size: large;
    }

    section#job_page_contact > a {
        display: block;
    }

    .job_page_contact_disc_tel {
        padding-left: 0;
        font-size: large;
    }

    .job_page_contact_disc {
        padding-right: 0;
        border-right: solid 0px;
        font-size: large;
    }

    section#job_page_contact > h2 {
        text-align: left;
    }

    a.job_link_contact_form {
        text-align: center;
    }

    img.job_page_title_img_sp {
        display: block;
    }

    section#job_page_contact {
        margin: 0 6% 11vh;
    }

}

/* job.htmlのcss */

/* googleフォント設定 */
.job_page_contents_title_1 {
    font-family: "Kiwi Maru", serif;
    font-weight: 400;
    font-style: normal;
}


.logo_mark_shingaki {
    max-width: 610px;
}
/* googleフォント設定ここまで */
/* 
n2-ss-slider .n2-ss-slider-wrapper-outside, .n2-ss-slider .n2-ss-slider-wrapper-inside {
    height: 100%;
    max-height: 400px;
} */

/* スライドショーCSS調整　*/

@media screen and (max-width: 1000px) {
    .n2-ss-slider-1.n2_ss__touch_element.n2-ow{
        height: 10%;
        max-height: 800px;
        min-height: 800px;
    }

    #top_bg {
        height: 112vw !important;
        max-height: 63vw;
        min-height: 810px;
    }
}

@media screen and (max-width: 803px) {
    .n2-ss-slider-1.n2_ss__touch_element.n2-ow{
        height: 20%;
        max-height: 920px;
        min-height: 920px;
    }

    #top_bg {
        max-height: 80vw;
        min-height: 920px;
    }

    .globalMenuSp > ul > li > a > img {
        display: none;
    }

    nav.globalMenuSp > ul {
        display: block;
    }

    nav.globalMenuSp {
        padding-top: 200px;
    }
}

section#about_map > iframe {
    width: 100%;
}


.office_about_list dd {
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    width: calc(100% - 25%);
    border-bottom: 1px solid #ccc;
}

.office_about_list {
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    border: 1px solid #ccc;
    border-bottom: none;
    width: 81%;
    margin: 20px auto;
}

.office_about_list dt {
    background: #f5f5f5;
    padding: 15px 0;
    width: 25%;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
    overflow: auto;
}

iframe#instagram-embed-0 {
    margin: auto !important;
}

iframe#instagram-embed-0 {
    margin: auto !important;
}

.logo_class > img {
    max-width: 230px;
    width: 23vw;
}

iframe.map_content {
    width: 80%;
}

/* ページネーション */
ul.page-numbers {
    display: flex;
    list-style: none;
    justify-content: center;
}

ul.page-numbers > li {
    margin: 10px;
}



.pagination {
    display: flex;
    justify-content: center;
  }
   
   
  .nav-links{
     display:flex;
  }
  .page-numbers{
     display:inline-block;
     margin-right:10px;
     padding:10px 20px;
     color:#666666;
     border-radius:3px;
     background:#ffffff;
    border: 1px solid #666666;
  }
  .page-numbers.current{
     padding:10px 20px;
     background:#8fd2ff;
     color:#ffffff;
  }
  .page-numbers.prev,
  .page-numbers.next{
     background:transparent;
     box-shadow:none;
       border:none;
     color:#666666; 
  }
  .page-numbers.dots{
     background:transparent;
     box-shadow:none;
       border:none;
     color:#666666; 
  }

  nav.navigation.pagination {
    padding-bottom: 4vw;
  }
   
   
  /* レスポンシブデザインのためのメディアクエリ */
  @media (max-width: 600px) {
  .page-numbers,
  .page-numbers.current    {
       padding:5px 10px; /* パディングを小さく */
    }

    section#about_us_contact > h2 {
        font-size: 20px;
    }
  }
/* ページネーションここまで */

/* 更新日の調整 */
p.date {
    display: grid;
}



  /* newsレスポンシブデザイン */
  @media (max-width: 853px) {
    section#contents01\ news_contents01 > ul {
        flex-wrap: wrap;
        display: flex;
        max-width: 777px;
        justify-content: center;
        width: 100%;
        padding-bottom: 8vw;
    }

    article.news_article {
        display: block;
    }
  }

  @media (max-width: 658px) {
    section#contents01\ news_contents01 > ul {
        display: block;
    }

    .news_images img {
        width: 100%;
    }

    h3.all_news {
        font-size: 7vw;
        padding: 3vh 0;
    }

  }



  /* トップスライドのレスポンシブ */

  @media screen and (max-width: 496px) {
    .n2-ss-slider-1.n2_ss__touch_element.n2-ow {
        min-height: 530px;
    }
}

@media screen and (max-width: 803px) {
    .n2-ss-slider-1.n2_ss__touch_element.n2-ow {
        height: 100%;
        max-height: 600px;
        min-height: 680px;
    }

    #top_bg {
        max-height: 80vw;
        min-height: 700px;
    }
}
  /* トップスライドのレスポンシブ */
  
  /* ハンバーガーメニューのモーダル用 */

  nav.globalMenuSp.active > ul > li {
    height: 50px;
}

  /* ハンバーガーメニューのモーダル用 */



@media screen and (min-width: 804px) {
  nav.globalMenuSp.active{
    opacity: 0;
  }
}

/* パンくずリスト用 */
ul.breadcrumb_list_ul {
    display: flex;
    list-style: none;
}

.breadcrumb_list {
    padding-left: 28px;
}

ul.breadcrumb_list_ul > li {
    padding-right: 12px;
}

.breadcrumb_list_ul > li:first-child ::after{
    content:' > ';
    padding-left: 12px;
}

@media screen and (min-width: 1400px) {
    section#contents01\ news_contents01 > ul {
        flex-wrap: wrap;
        display: flex;
        max-width: 800px;
        justify-content: center;
        width: 100%;
        padding-bottom: 8vw;
    }
}


/* コンタクトフォームのデザイン */
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    height: 6vh;
    padding-left: 2vh;
    width: 100%;
}

section#contact {
    padding-top: 5vw;
    width: 51%;
    margin: auto;
}

textarea.wpcf7-form-control.wpcf7-textarea {
    width: 103%;
}

section#contact {
    margin-bottom: 9vh;
}



@media screen and (max-width: 800px) {

    section#contact {
        width: 71%;
    }

}

article.article_one {
    width: 100%;
}

img {
    max-width：100％
}

.news_content {
    width: 183px;
}

.contents008_contact_mobil {
    display: none;
}

.contents008_contact_tell {
    display: none;
}

/* プライバシーポリシーページ */

.privacy_page_body {
    width: 80%;
    padding-top: 20%;
    padding-bottom: 20%;
    margin: auto;
}

.inner.privacy_page_text {
    padding-bottom: 32px;
}

.inner.privacy_title {
    padding-bottom: 20px;
}

.inner.privacy_text {
    padding-bottom: 50px;
}

/* プライバシーポリシーページここまで */