@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}

 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

@media screen and (min-width:961px){
    .sp{
        display: none !important;
    }
}

@media screen and (max-width:960px){
    .pc{
        display: none !important;
    }
}

.page .entry-title {
  display: none;
}

.page .date-tags {
display: none;
}

.site-name-text{
  display: none;
}

.archive-title {
 display: none;
 }

.page .entry-title{
margin-top: 0;
}


 .main{
 background-color: #fff;
 padding-top: 0px;
 }

 
#footer{
display: none;
margin: 0;
padding: 0;
}

#header-container-in {
    display: none;
}

td {
    width: 75%;
}

@media screen and (max-width: 834px){
table th, table td {
    padding: 10px;
    font-size: var(--cocoon-text-size-s);
}}

/*spの時だけ改行*/
.br-sp {
  display: none;
}

@media (max-width: 960px) {
  .br-sp {
    display: block;
  }}




@media screen and (max-width: 834px) {
    main.main, div.sidebar {
        padding: 0px 16px;
    }
}


















    /* 追従 */
.header-fixed{
    position: -webkit-sticky;
    position: sticky;
    top: 0;  
    padding: 15px 10px 10px 10px;
/*     margin-top: 10px; */
    z-index: 500;
    background: #fff; 
    box-sizing: border-box;
}


.header-fixed-in {
    position: relative;
    height: 50px;
    background: #fff;
}


/* チェックボックスは非表示（ラベルで操作するため） */
#header-hamburger{
    display: none;
}

/* ハンバーガーアイコンの位置を指定（右） */
.header-hamburger-icon{
    position: absolute;
    top: 50%;
    right: 10%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 20;
}


/* ハンバーガーメニューのアイコン */
.header-hamburger-icon span,
.header-hamburger-icon span:before,
.header-hamburger-icon span:after {
  content: '';
  display: block;
  height: 3px;
  width: 25px;
  border-radius: 3px;
  background: #000;
  transition: 0.5s;
  position: absolute;
  z-index: 9;
}

/* 三本線の一番上の棒の位置調整 */
.header-hamburger-icon span:before {
  bottom: 8px;
}

/* 三本線の一番下の棒の位置調整 */
.header-hamburger-icon span:after {
  top: 8px;
}

.header-hamburger-icon{
    z-index: 30;
   }





/* 背景を暗くする（デフォルトは非表示） */
#header-close{
    display: none;
    position: fixed;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
}



/*スライドで表示させるコンテンツ*/
#header-content{
    z-index: 10;
    overflow: auto;
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
    transition: .3s;
    background: #f9eac5;
    /* デフォルト非表示（左側の見えないところに位置させる） */
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
}



/*チェックが入ったらコンテンツを表示*/
#header-hamburger:checked ~ #header-content{
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
}

/*チェックが入ったらコンテンツ外を暗くする*/
#header-hamburger:checked ~ #header-close{
    display: block;
/*     opacity: .7; */
}



@media screen and (max-width: 480px){
/* アイコンがクリックされたら真ん中の線を透明にする */
#header-hamburger:checked ~ .header-hamburger-icon span {
  background: rgba(255, 255, 255, 0);
}

/* アイコンがクリックされたらアイコンが×印になように上下の線を回転 */
#header-hamburger:checked ~ .header-hamburger-icon span::before {
  bottom: 0;
  transform: rotate(45deg);
}

#header-hamburger:checked ~ .header-hamburger-icon span::after {
  top: 0;
  transform: rotate(-45deg);
}}

.header-hamburger-icon:after {
    content: "";
    position: absolute;
    left: -12px;
    top: -23px;
    width: 50px;
    height: 50px;
    background: transparent;
}

/* 中央にサイトロゴを表示 */
.header-site-icon {
    width: auto;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}


.header-site-icon img {
    width: 70%;
    max-width: 290px;
    height: auto;
    margin: 0 auto;
    padding: 10px 5px;
    display: block;
}



/*ハンバーガーメニュー内*/
.side-menu-hum {
    width: 100%;
    height: 100%;
    /* margin-top: 50px; */
    padding: 0px 10px 0px 10px;
    padding: 0;
    flex-direction: column;
    align-items: center;
    background: #f9eac5;
    overflow: hidden;
}




.side-menu-hum nav, ul {
    width: 100%;
    justify-content: center;
    margin-top: 10%;
    list-style: none;
}


.side-menu-hum li {
    margin: 0;
    padding: 20px 0px;
    text-align: center;
}

.side-menu-hum li a {
    display: block;
    padding: 0;
    text-align: center;
    font-weight: bold;
    color: #595757;
    font-size: 20px;
    letter-spacing: 4px;
    text-decoration: none;
}


.side-menu-hum img{
display: block;
width: 80%;
height: auto;
margin-top: 10px;
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
}

.side-menu-hum p {
    text-align: center;
    margin-top: 20%;
}

@media screen and (min-width: 961px){
#sp{
    display: none;
}}

/*js用スクロールさせない*/
body.active {
  height: 100%;
  overflow: hidden;
}






.header__inner {
    display: flex
;
    align-items: center;
    justify-content: center;
    width: 100%;
    /* margin: 0 auto 1em auto; */
    width: 100%;
    background-color: #fff;
    position: fixed;
    top: 0;
    padding: 1em 20px;
    z-index: 300;
}

.header_sitetitle_pc {
    width: 23%;
    margin: auto 0;
}

.header_sitetitle_pc img {
    width: 40%;
    margin-top: 5px;
}


.header__nav {
    margin: auto 0 auto auto;
}

#g-nav {
    display: table;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 2px;
    margin: auto 0;
}
.nav-item {
    display: table-cell;
    padding: 10px 9px;
    list-style-type: none;
    text-align: center;
}
.nav-item a {
    display: block;
    position: relative;
    color: #333;/* 文字色 */
    text-decoration: none;
}
.nav-item a::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    display: block;
    width: 0px;
    height: 2px;
    background-color: #f2c7c7;
    margin: 0 auto;
    transition: 0.3s;
    transform: translateX(-50%);
}
.nav-item a:hover::after {
    width: 100%;/* 下線の長さ */
    height: 3px;
}



.nav-img {
    width: 23%;
    margin: auto 0;
    text-align: right;
   }

.nav-img img {
    width: 70%;
    margin-top: 5px;
}

 .icon-insta{
   	width: 10%;
    margin-top: 5px;
    }

@media screen and (max-width: 960px){
.header{
    display: none;
}}





.title-1 img.sp {
    width: 960px;
}

@media screen and (min-width: 961px){	
.curved {
        position: relative;
        top: 15px;
        background: #fff;
        height: 3vh;
        border-bottom-left-radius: 50% 30%;
        border-bottom-right-radius: 50% 30%;
        /* margin-top: 20px; */
        /* z-index: 5; */
    }}



@media screen and (max-width: 960px){
.curved {
        position: relative;
        top: 10px;
        background: #fff;
        height: 2vh;
        border-bottom-left-radius: 50% 50%;
        border-bottom-right-radius: 50% 50%;
        margin-top: 0%;
    }
}


@media screen and (min-width: 961px) and (max-width: 1700px){
.title-1 {
    margin-top: 55px;
    position: relative;
    width: 100%;
}	
}


@media screen and (min-width: 1701px){
.title-1 {
        margin-top: 103px;
        position: relative;
        width: 100%;
    }
}



@media screen and (min-width: 961px){
.flex-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /* flex-wrap: wrap; */
    width: 100%;
}



.flex-box-1 {
    display: flex;
    flex-direction: column;
    margin: 15px;
}

.flex-pict-1 img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.flex-text-1 p {
        font-size: 20px;
        text-align: center;
        margin-top: 20px;
        /* font-weight: bold; */
        letter-spacing: 1px;
        font-family: "Zen Maru Gothic", serif;
    }}

@media screen and (max-width: 960px){
.flex-1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

 .flex-box-1 {
  display: flex;
  flex-direction: column;
  padding: 10px;
  width: 50%;
}

.flex-pict-1 img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.flex-text-1 p {
        font-size: 14px;
        text-align: center;
        margin-top: -21px;
        /* font-weight: bold; */
        letter-spacing: 1px;
        font-family: "Zen Maru Gothic", serif;
}}








@media screen and (min-width: 961px){
.curved-2 {
    position: relative;
    background: #d3efb9;
    height: 14vh;
    border-top-left-radius: 50% 20%;
    border-top-right-radius: 50% 20%;
    margin-top: -4%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-bottom: 0px;
    margin-bottom: 0px;
    z-index: 100;
}}

@media screen and (max-width: 960px){
.curved-2 {
    position: relative;
    background: #d3efb9;
    height: 7vh;
    border-top-left-radius: 50% 20%;
    border-top-right-radius: 50% 20%;
    margin-top: -12%;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    padding-bottom: 0px;
    margin-bottom: 0px;
    z-index: 100;
}}




@media screen and (min-width: 961px){
.haikei_green {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    position: relative;
    overflow-x: hidden;
/*     padding-top: 100px; */
    /* margin-bottom: 10%; */
    margin-top: -5%;
    background: #d3efb9;
}}


@media screen and (max-width: 960px){
.haikei_green {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    padding-right: calc(50vw - 50%);
    padding-left: calc(50vw - 50%);
    position: relative;
    overflow-x: hidden;
    padding-top: 20px;
    /* margin-bottom: 10%; */
    margin-top: -6%;
    background: #d3efb9;
}}



























@media screen and (min-width: 961px){
.flex-2 {
  display: flex;
  justify-content: center;
/*   align-items: center; */
/* margin: 10px; */
  width: 100%;
}

.flex-box-2-1 {
    margin: 10px;
    width: 50%;
}

.flex-pict-2-1 img {
    margin: 50px auto;
    display: block;
    width: 70%;
    height: 99px;
    object-fit: scale-down;
}

.flex-box-2-2 {
    display: flex;
    width: 100%;
    margin: 10px;
    /* justify-content: center; */
    align-items: flex-start;
}

 .flex-pict-2-2 img {
  	width: 90%;
}

.flex-pict-2-2 {
    width: 65%;
}

.item{
  display: flex;
  flex-direction: column;
  width: 100%;
}	
	
.flex-text-2 {
/*     display: flex;
    flex-direction: column; */
    width: 90%;
    flex-grow:1;
}
	

	
.flex-text-2 p {
    font-size: 14px;
    margin-left: 10px;
}
	

.flex-text-2-img{
width: 60%;
margin-right: 0;
margin-top: auto;
margin-bottom: 20px;
display: block;
}}


@media screen and (max-width: 960px){
.flex-2 {
/*   display: flex;
  justify-content: center;
  align-items: center; */
/* margin: 10px; */
  width: 100%;
}

.flex-box-2-1 {
    margin: 30% auto;
}


.flex-pict-2-1 img {
    width: 75%;
    display: block;
    margin: 10% auto;
}

.flex-pict-2-2-sp {
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 3%;
    /* padding-right: calc(50vw - 50%); */
    /* padding-left: calc(50vw - 50%); */
}

.flex-text-2 {
    margin: 0 10px;
}	
	
.flex-text-2 p {
    font-size: 14px;
}

.flex-text-2 img {
        /* width: 70%; */
        max-width: 230px;
        margin: 10px auto;
        display: block;
    }
	
	
.flex-text-2-1 {
    margin: 0 10px;
}	
	
.flex-text-2-1 p {
    font-size: 14px;
}

.flex-text-2-1 img {
        max-width: 230px;
        margin: 10px auto;
        display: block;
    }	

.flex-box-2-3 {
  display: flex;
/*   flex-direction: column; */
  justify-content: center;
  align-items: flex-start;
  margin: 10px;
}

.flex-pict-2-3 img {
}

.flex-text-2-3{
order: 1;
}

.flex-text-2-3 p {
    font-size: 14px;
/*     text-align: center; */
/*     margin-top: 20px; */
/*     font-weight: bold; */
/*     letter-spacing: 1px; */
}

.flex-text-2-3 img{
width:30%;
text-align: right;
}

.flex-text-2-img-sp {
        width: 100%;
        margin-right: 0;
        margin-top: auto;
        margin-bottom: 20px;
        display: block;
        display: flex
;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
    }}


.hover-img img:hover {
	opacity: 0.6; filter: brightness(110%);
 -webkit-transition: all .3s; transition: all .3s;
 }









.backcolor-1{
background: #fff;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
/*   padding-right: calc(50vw - 50%);
  padding-right: calc(50vw - 50%); */
}


@media screen and (min-width: 961px){
.flex-3 {
    display: flex;
    padding: 10px;
    justify-content: space-evenly;
    flex-wrap: wrap;
    width: 100%;
}

 
.flex-3-item-1 {
    padding: 20px;
    color: #333;
    margin: 10px;
    /* border-radius: 5px; */
    background: rgba(247, 219, 141, 0.5);
    width: 90%;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
    width: 30%;
}


.flex-pict-3 {
    width: 70%;
    margin: 10px auto;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.right {
  margin: 0 20px;
  padding: 0;
}
.flex-title-3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}
.flex-text-3 {
    margin: 25px 0px;
    padding: 0;
    font-size: 13px;
}

.right-box {
    width: 50%;
    margin-top: auto;
    display: block;
    margin-right: auto;
    margin-left: auto;
}	
	
hr.hr1 {
  border-top: 2px solid #333;
  width:50%;
  margin: 0 auto;
}}



@media screen and (max-width: 960px){
.flex-3{
width: 100%;
}

.flex-3-item-1 {
    padding: 30px 20px;
    color: #333;
    margin: 10px;
    /* border-radius: 5px; */
    background: rgba(247, 219, 141, 0.5);
    width: 100%;
    margin: 30px auto;
    display: flex;
    flex-direction: column;
}


.flex-pict-3 {
    width: 65%;
    margin: 10px auto;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.flex-title-3 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}
.flex-text-3 {
    margin: 25px 0 0;
    padding: 0;
    font-size: 13px;
/*     text-align: center; */
}

.right-box {
        width: 60%;
        max-width: 250px;
        margin-top: auto;
        display: block;
        margin-right: auto;
        margin-left: auto;
        /* margin-bottom: 2em; */
    }	
	
hr.hr1 {
  border-top: 2px solid #333;
  width:50%;
/*   margin: 0 auto; */
}}

























@media screen and (min-width: 961px){
.flex-4 {
    display: flex;
    padding: 10px;
    justify-content: space-evenly;
/*     flex-wrap: wrap; */
}
 
.flex-4-item-1 {
    padding: 10px;
    color: #333;
    margin: 30px 10px;
/*     width: 25%; */
}

.flex-pict-4 {
    width: 80%;
    margin: 10px auto;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.right-2 {
  margin: 0 20px;
  padding: 0;
}
.flex-title-4 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 15px;
    text-align: center;
}
.flex-text-4 {
    margin: 25px 0px;
    padding: 0;
    font-size: 13px;
}}


@media screen and (max-width: 960px){
.flex-4{
width: 100%;
}

.flex-4-item-1 {
    padding: 10px;
    color: #333;
    margin: 10px;
    width: 100%;
    margin: 30px auto;
}

.flex-4-item-2 {
/*     display: flex;
    align-items: center;
    justify-content: center; */
}
.flex-pict-4 {
    width: 60%;
    margin: 10px auto;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.right-2 {
text-align: center;
}
.flex-title-4 {
    margin: 0;
    padding: 0;
    font-weight: bold;
    font-size: 18px;
}
.flex-text-4 {
    margin: 25px 0 0;
    padding: 0;
    font-size: 13px;
}

p.flex-title-4 {
    margin-bottom: -0.5em;
}}











ul {
  padding: 0;
}
li {
  list-style: none;
}
ul.card-list {
  display: flex;
  justify-content: space-between;
}
ul.card-list li {
  display: flex;
  flex-direction: column;
  width: 49%;
  padding: 20px 15px;
}
div.top {
    width: 80%;
    margin: 0 auto;
}
p.text {
    /* flex-grow: 1; */
    font-weight: bold;
    font-size: 15px;
    text-align: center;
    margin-top: 15px;
}
p.button {
    margin-bottom: auto;
    display: block;
    padding: 8px;
    color: #333;
    text-align: center;
    padding: 0;
    font-size: 13px;
}








.suns{
font-family: 'Noto Sans JP', sans-serif;
font-size:18px;
text-align: center;
letter-spacing: 2px;
font-weight: bold;
}

p.suns {
    margin-bottom: 10px;
}

.hr2{
  border-top: 2px solid #333;
  width:10%;
  margin: 0 auto;
}


hr {
    display: block;
    unicode-bidi: isolate;
    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: auto;
    margin-inline-end: auto;
    overflow: hidden;
    border-style: inset;
    border-width: 0px;
}





table.gaiyou {
    font-size: 16px;
}





@media screen and (max-width:960px){
figure.wp-block-image.aligncenter.size-large.is-resized.sp70 {
width: 70%;
}}






/*吹き出し*/
.hukidashi-1 {
    position: relative;
    padding: 0.3em 0.5em;
    background: #fff;
    font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    width: 30%;
    text-align: center;
    margin: 0 auto;
}

.hukidashi-1:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border: 13px solid transparent;
    border-top: 10px solid #fff;
    width: 0;
    height: 0;
}















@media screen and (min-width: 961px){
.flex-5 {
    display: flex;
    padding: 10px;
    justify-content: space-evenly;
}
 
.flex-5-item-1 {
    padding: 10px;
    color: #333;
    margin: 30px 10px;
/*     width: 25%; */
}

.flex-pict-5 {
    width: 80%;
    margin: 10px 0;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.flex-text-5 {
    margin: 25px 0px;
    padding: 0;
    font-size: 13px;
    /* text-align: center; */
}}


@media screen and (max-width: 960px){
.flex-5{
width: 100%;
}

.flex-5-item-1 {
    padding: 10px;
    color: #333;
/*     margin: 10px; */
    width: 90%;
    margin: 0px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.flex-pict-5 {
    width: 20%;
    margin: 10px;
    padding: 0;
    overflow: hidden;
    position: relative;
}
.flex-text-5 {
    margin-top: -10%;
    padding: 0;
    font-size: 13px;
    width: 100%;
}}













   



.backcolor-2-0{
background: url(https://hanatama-gifu.com/wp-content/uploads/2023/04/hanatama_img_45.png) no-repeat center top;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
/*   padding-right: calc(50vw - 50%);
  padding-right: calc(50vw - 50%); */
}

.backcolor-2 {
    background: #f2c7c7;
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    margin-bottom: 0;
}

/*top_採用情報画像*/
figure.wp-block-image.aligncenter.size-full.is-resized {
    margin-bottom: 0;
}

/*ピンクwave画像*/
figure.wp-block-image.size-large.full_img {
    margin-bottom: -5px;
    margin-top: -5px;
}




/*事業概要*/
@media screen and (min-width: 961px){
.z-gaiyou th{
  position: relative;
  text-align: left;
  width: 15%;
  background-color: #d3efb9;
  color: #333;
  text-align: center;
  padding: 10px 0;
}}

.z-gaiyou th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #d3efb9;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@media screen and (max-width: 960px){
.z-gaiyou th {
    position: relative;
    text-align: left;
    width: 23%;
    background-color: #d3efb9;
    color: #333;
    text-align: center;
    padding: 10px 0;
}}



@media screen and (min-width: 961px){
.z-gaiyou th, .z-gaiyou td {
    border: 10px solid #fff;
    padding: 12px;
}}

@media screen and (max-width: 960px){
.z-gaiyou th, .z-gaiyou td {
    border: 5px solid #fff;
    padding: 12px;
}}


.z-gaiyou tr{
margin: 10px 0;
}

table.z-gaiyou {
    font-size: 16px;
}




/*法人概要*/
@media screen and (min-width: 961px){
.h-gaiyou th{
  position: relative;
  text-align: left;
  width: 15%;
  background-color: #f7db8d;
  color: #333;
  text-align: center;
  padding: 10px 0;
}}

.h-gaiyou th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #f7db8d;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

@media screen and (max-width: 960px){
.h-gaiyou th {
    position: relative;
    text-align: left;
    width: 23%;
    background-color: #f7db8d;
    color: #333;
    text-align: center;
    padding: 10px 0;
}}



@media screen and (min-width: 961px){
.h-gaiyou th, .h-gaiyou td {
    border: 10px solid #fff;
    padding: 12px;
}}

@media screen and (max-width: 960px){
.h-gaiyou th, .h-gaiyou td {
    border: 5px solid #fff;
    padding: 12px;
}}


.h-gaiyou tr{
margin: 10px 0;
}

table.h-gaiyou {
    font-size: 16px;
}











.backcolor-3{
background: #f4e4ba;
  margin-right: calc(50% - 50vw);
  margin-left: calc(50% - 50vw);
/*   padding-right: calc(50vw - 50%);
  padding-right: calc(50vw - 50%); */
}












/*ヘッダー画像*/
.full_img {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);
}

.full_img img {
	display: block;
	width: 100%;
	height: auto;
}     







/*サービス_イベント*/
@media screen and (min-width:961px){
.flex-6 {
    display: flex;
    width: 90%;
    margin: 0 auto;
}

.flex-6-item-1 {
    margin: 25px;
}	

.flex-6-item-1 img {
    width: 80%;
    margin: 0 auto;
    display: block;
}
	
.flex-6-item-1 p:nth-child(2) {
    text-align: right;
    font-size: 30px;
    margin-top: -15%;
    margin-bottom: 0;
    margin-right: 5%;
}

.flex-6-item-1 p:nth-child(3) {
    text-align: right;
    font-size: 14px;
    margin-right: 5%;
}}


@media screen and (max-width:960px){
.flex-6 {
    margin: 5px auto;
    width: 80%;
    display: block;
}

	
.flex-6-item-1:nth-child(2n+1) {
    width: 60%;
    text-align: left;
    margin: -10% 0;
}

.flex-6-item-1:nth-child(2n) {
    text-align: right;
    display: block;
    margin: 0 0 0 auto;
    width: 60%;
}

.flex-6-item-1 p:nth-child(2) {
    font-size: 30px;
    margin-top: -15%;
    margin-bottom: 0;
    margin-right: 5%;
}

.flex-6-item-1 p:nth-child(3) {
    font-size: 14px;
    margin-right: 5%;
    margin-top: -4%;
    margin-bottom: 0;
}}



.ma10{
margin: 10px;
}














html {
  font-family: sans-serif;
}

body {
  background: #333;
}

.footer ul {
  padding: 0;
  list-style: none;
}

.footer a {
  color: #4b5564;
  text-decoration: none;
}

.footer a:hover {
  color: #000;
}

.footer hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #e5e7eb;
}



.footer {
  padding: 2rem;
  font-size: 15px;
  color: #4b5564;
  background: #fff;
}

.footer__navi-heading {
  font-weight: 600;
}

.footer__logo {
  display: inline-block;
  margin-bottom: 2rem;
}

.footer__navi li {
  margin-bottom: 0.75rem;
}


.footer__social a:not(:last-child) {
  margin-right: 16px;
}


@media screen and (min-width: 961px) {
  .md-flex {
    display: flex;
    align-items: center;
}

  .md-justify-center {
    justify-content: space-around;
}

.md-justify-between {
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}
	
.footer__social a {
    display: inline-block;
    width: 24px;
    opacity: 0.7;
    margin-top: 5px;
}	
	
.grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  margin-bottom: 1.5rem;
}}

  @media screen and (max-width:960px){  	  
.grid {
    display: grid;
    /* grid-template-columns: repeat(2, minmax(0, 1fr)); */
    gap: 1rem;
    margin-bottom: 1.5rem;
}

.footer__logo {
    display: block;
    margin-bottom: 2rem;
    width: 60%;
    margin: 0 auto;
}

.footer__navi li {
    margin-bottom: 3px;
    font-size: 12px;
}

.footer ul {
    padding: 0;
    list-style: none;
    margin-top: 10px;
}

.md-justify-between {
    justify-content: space-between;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
	  
.footer__social a {
    display: inline-block;
    width: 24px;
    opacity: 0.7;
    margin-right: 10px;
}	  

.footer__social {
    margin-top: 15px;
}}










@media screen and (min-width: 961px){
#map {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

#map iframe {
  width: 100%;
  height: 860px;
/*   margin-top: -65px; */
}}

@media screen and (max-width: 960px){
#map {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

#map iframe {
  width: 100%;
  height: 600px;
/*   margin-top: -65px; */
}}
























.element {
  /* 最初は非表示 */
  transform: translateY(30px);
  opacity: 0;
  visibility: hidden;
  transition: transform 1s, opacity 1s, visibility 1s;
}
/* フェードイン時に入るクラス */
.is-fadein {
  transform: translateX(0);
  opacity: 1;
  visibility: visible;
}


































.top-font1 {
    padding: 0.5em 1em;
    margin: 2em auto 4em auto;
    border: solid 1px #222;
    color: #222;
    border-radius: 10px;
    width: 90%;
    max-width: 910px;
    background: #f5dc8fe3;
}

p.top-font1-font {
    font-size: 14px;
    font-family: 'YakuHanRP', 'Zen Maru Gothic', sans-serif;
    margin-bottom: 0;
}