@charset "utf-8";

@media print, screen and (min-width: 828px){
/**************************
PC用スタイル
**************************/
/* ヘッダ */
.Hed_bg{
    position: fixed; /* ここに注目! */
    top: 0;
    z-index: 1000;
    width: 100%;
    padding-top: 10px;
    background-color: #FFFFFF;
    padding-bottom: 10px;
}
.Hed_bloc{
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.Hed_logo{
    width: 250px;
}
.Hed_logo img{
    width: 100%;
}
.Hed_menu{}
.spmenu_btn {
    display: none;
}
.Hed_menu ul{
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
}
.Hed_menu ul li{}
.Hed_menu ul li a{
    text-decoration: none;
    font-size: clamp(12px, 1.2vw, 18px);
    font-weight: 700;
    white-space: nowrap;
    margin-left: clamp(2px, 0.5vw, 15px);
    margin-right: clamp(2px, 0.5vw, 15px);
    color: #292929;
    letter-spacing: 2px;
}
.Hed_menu ul li a {
    display: block;
    text-decoration: none;
}
.Hed_menu ul li a::after {
    border-bottom: solid 2px #79C6FF;
    bottom: 0;
    content: "";
    display: block;
    transition: all .3s ease;
    -webkit-transition: all .3s ease;
    width: 0;
    padding-bottom: 5px;
}
.Hed_menu ul li a:hover::after {
  width: 100%;
}
.Hed_menu ul li a:hover{}
.Hed_contact{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Hed_contact_box1{
    width: 49%;
}
.Hed_contact_box1 h3{
    font-size: clamp(6px, 1.0vw, 12px);
}
.Hed_contact_box1 h4{
    font-size: clamp(6px, 1.5vw, 20px);
    color: #E30003;
    line-height: 128%;
    white-space: nowrap;
}
.Hed_contact_box2{
    width: 49%;
    white-space: nowrap;
}
/* スライド */
.swiper-container{
    width: 100%;
    height: 100vh;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.swiper-wrapper{
  width: 100%;
  height: 100%;
}
.swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%; 
  background: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slide-img {
  width: 100%;
  height: 100%;
  background-size: cover; 
  background-position: center center; 
}
.swiper-wrapper .chatch{
    color: #FFF;
    font-family: 'Noto Serif JP', serif;
    position: absolute;
    transform: translateX(-10%);
    font-size: 32px;
    line-height: 200%;
    text-align: left;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 2.0);
    font-weight: 700;
}
.chatch_title{
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
}
.swiper-wrapper .chatch._01{
  top:53%;
  left:30%;
}
.swiper-wrapper .chatch._02{
  top:15%;
  left:5%;
}
.swiper-wrapper .chatch._03{
  top:60%;
  left:30%;
}
.swiper-wrapper .chatch._04{
  top:20%;
  left:15%;
}
.swiper-wrapper .chatch._05{
  top:50%;
  left:25%;
}
/* 初期状態: ちょい拡大＋薄い */
.slide-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.1);
  opacity: 0;
  transition: transform 2s ease, opacity 2s ease;
}

/* アクティブスライドだけズームイン＆フェードイン */
.swiper-slide-active .slide-img {
  transform: scale(1);
  opacity: 1;
}
.swiper-slide {
  opacity: 0;
  transform: scale(1.2); /* ちょいズームした状態から開始 */
  transition: opacity 2s ease, transform 2s ease; /* フェード＋ズーム */
}

.swiper-slide-active {
  opacity: 1;
  transform: scale(1); /* 通常サイズへ戻る（ズームイン） */
}
/* テキストの初期状態（見えない & 少し下から） */
.chatch {
  opacity: 0;
  transition: opacity 1.8s ease, transform 1.8s ease;
  will-change: opacity, transform; /* カクつき防止 */
}

/* アクティブなスライドのテキストだけ表示 */
.swiper-slide-active .chatch {
  opacity: 1;
  transform: translateY(0);
}
/* コンセプト */
.Top_concept_bg{
    padding-top: 200px;
    padding-bottom: 100px;
    background-color: #FFFBEC;
}
.Top_concept_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_concept_bloc h3{
    font-size: 24px;
    font-weight: 700;
    line-height: 168%;
    margin-bottom: 50px;
}
.Top_concept_main_box{
}
.Top_concept_main_img{
    width: 55%;
    position: relative;
    z-index: 1;
}
.Top_concept_main_img img{
    width: 100%;
    margin-top: -350px;
    border-radius: 30px;
    object-fit: cover; /* この一行を追加するだけ！ */
}
.Top_concept_main_content{
    width: 68%;
    text-align: left;
    font-size: 17px;
    line-height: 208%;
    margin-left: 32%;
    padding-top: 2%;
    padding-right: 2%;
    padding-bottom: 2%;
    padding-left: 2%;
    background-color: #FFFFFF;
    border-radius: 30px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 100;
}
.Top_concept_main_content_span{
    color: #e96223;
    font-weight: 700;
}
.Top_concept_main_content p{
    margin-bottom: 30px;
}
.Top_concept_main_content p:last-of-type{
    margin-bottom: 0px;
}
/* トップのmainメニューブロック */
.Top_main_contentmenu_bg{
    width: 100%;
    padding-top: 100px;
    padding-bottom: 100px;
}
.Top_main_contentmenu_bloc{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.Top_main_contentmenu_item{
    width: 30%;
}
.Top_main_contentmenu_item_img{
    margin-bottom: 20px;
}
.Top_main_contentmenu_item_img img{
    width: 100%;
    border-radius: 10px;
}
.Top_main_contentmenu_item_img a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
.Top_main_contentmenu_item_title{
    text-align: left;
    font-size: 24px;
    line-height: 168%;
    font-weight: 700;
    margin-bottom: 20px;
}
.Top_main_contentmenu_item_title_sub{
    font-size: 14px;
    margin-left: 5px;
    font-weight: 700;
}
.Top_main_contentmenu_item_coment{
    text-align: left;
    font-size: 16px;
    line-height: 168%;
    margin-bottom: 30px;
}
.Top_main_contentmenu_item_btm{
    width: 100%!important;
    display: block!important;
}
/* 会社概要 */
.Top_cp_bg{
    padding-top: 100px;
    padding-bottom: 100px;
    background-color: #EDEDED;
}
.Top_cp_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.Top_cp_img{
    width: 46%;
}
.Top_cp_img img{
    width: 100%;
}
.Top_cp_content{
    width: 46%;
}
.Top_cp_content_title{
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 10px;
    margin-top: 30px;
}
.Top_cp_content_title_sub{
    font-size: 24px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.Top_cp_content_coment{
    line-height: 200%;
    margin-bottom: 200px;
}
/* 会社概要 */
.Top_news_bg{
    padding-top: 100px;
    padding-bottom: 100px;
}
.Top_news_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_title{
    font-size: 32px;
    font-weight: 700;
}
.Top_news_title_sub{
    font-size: 18px;
    font-weight: 700;
    color: #C3C3C3;
    margin-bottom: 30px;
    margin-left: 15%;
    margin-right: 15%;
    padding-bottom: 10px;
    line-height: 128%;
}
.Top_news_list{
    max-width: 980px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_item{
    display: flex;
    border-bottom: 1px dotted #A2A2A2;
    padding-bottom: 20px;
    padding-top: 20px;
}
a .Top_news_item{
    background-image: url(../img/icon/yaji_01.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: auto 15px;
    transition: 0.1s linear;
}
a:hover .Top_news_item{
    background-image: url(../img/icon/yaji_01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 15px;
    transition: 0.1s linear;
}
.Top_news_list a{
    color: #272727;
    text-decoration: none;
}
.Top_news_list a:hover{
    color: #e96223;
}
.Top_news_item_date{
    width: 10%;
    line-height: 168%;
}
.Top_news_item_coment{
    width: 85%;
    text-align: left;
    line-height: 168%;
}

  /* 左3つ並びの場合(space-between指定時)
.Page-panel1::after{
      content:"";
      display: block;
      width:30%;
}
  */
  /* 左4つ並びの場合(space-between指定時)
.Page-panel1::before{
      content:"";
      display: block;
      width:23%;
      order:1;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:23%;
}
  */


/* ページ共通 contact */
input, button, textarea, select {}


/* ページ共通 ボタン */
.button01 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    outline: none;
    font-size: 14px;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    border-radius: 15px;
}
.button01::before,
.button01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button01,
.button01::before,
.button01::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button01 {
    background-color: #79C6FF;
    border: 2px solid #79C6FF;
    color: #fff;
}
.button01:link {
    color: #fff;
}
.button01:hover {
    background-color: #fff;
    border-color: #79C6FF;
    color: #79C6FF;
}
.button02 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    outline: none;
    font-size: 14px;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    border-radius: 15px;
}
.button02::before,
.button02::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button02,
.button02::before,
.button02::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button02 {
    background-color: #e96223;
    border: 2px solid #e96223;
    color: #fff;
}
.button02:link {
    color: #fff;
}
.button02:hover {
    background-color: #fff;
    border-color: #e96223;
    color: #e96223;
}
/* フッター 共通 */
.Foot_bg{
    padding-top: 100px;
    padding-bottom: 30px;
    background-color: #FFEDD4;
}
.Foot_bloc{
    max-width: 1180px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.Foot_logo{
    width: 40%;
    text-align: left;
}
.Foot_logo img{
    width: 400px;
}
.Foot_content{
    width: 45%;
    text-align: left;
}
.Foot_content_title{
    font-size: 38px;
    font-weight: 700;
    margin-bottom: 30px;
}
.Foot_content_acc{
    font-size: 18px;
    font-weight: 700;
    line-height: 208%;
}
.Foot_content_tel{
    font-size: 18px;
    font-weight: 700;
    line-height: 208%;
}
.Foot_content_mail{
    font-size: 18px;
    font-weight: 700;
    line-height: 208%;
}
.Foot_cp{
    font-size: 12px;
}

/*　リストアイコン軍　*/

/* 非表示 */
.pc-hide{
    /*<br / class="pc-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 60px;
    margin-top: -60px;
    display:inline-block;
}


}
@media screen and (max-width: 828px){
/**************************
スマホ用スタイル
**************************/
/* ヘッダ */
.Hed_bg{
    position: fixed; /* ここに注目! */
    top: 0;
    z-index: 1000;
    width: 100%;
    background-color: #FFFFFF;
    padding-bottom: 10px;
}
.Hed_bloc{
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: space-between;
}
.Hed_logo{
    width: 200px;
    margin-top: 10px;
    padding-left: 10px;
}
.Hed_logo img{
    width: 100%;
}
.Hed_menu{}
.spmenu_btn {
    display: block;
    position: absolute;
    top: 15px;
    width: 30px;
    height: 22px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    z-index: 20;
    padding: 0px;
    right: 5px;
    margin: 0px;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.spmenu_btn hr {
    margin: 0px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    padding-top: 8.5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-right-style: none;
    border-left-style: none;
    border-top-width: 2px;
    border-top-style: solid;
    border-top-color: #000;
}
.spmenu_btn:before {
    content: '';
    position: absolute;
    width: 30px;
    height: 2px;
    top: 0px;
    right: 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background-color: #000;
}
.spmenu_btn:after {
    content:'';
    position:absolute;
    width:30px;
    height:2px;
    background:#000;
    bottom:-0px;
    right:0;
    -moz-transition:all 0.3s;
    -webkit-transition:all 0.3s;
    transition:all 0.3s;
}
.spmenu_btn.active {
    top: 5px;
    background-color: #FFF;
    -webkit-border-radius: 25px;     /* for Safari and Chrome */
    -moz-border-radius: 25px;    /* for Firefox */
    -o-border-radius: 25px;  /* when Opera Presto 2.3 or later is released */
    -khtml-border-radius: 25px;   /* Linux browsers */
    border-radius: 25px;     /* CSS3 */
    behavior: url(PIE.htc);
    height: 40px;
    width: 40px;
}
.spmenu_btn.active hr {
    margin: 0px;
    padding: 0px;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: #000;
    display: none;
}
.spmenu_btn.active:before {
    -moz-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top:20px;
    right: 0px;
    left: 5px;
    bottom: 0px;
}
.spmenu_btn.active:after {
    -moz-transform:rotate(135deg);
    -webkit-transform:rotate(135deg);
    transform:rotate(135deg);
    top:20px;
    right: 0px;
    left: 5px;
    bottom: 0px;
}

.spmenu {
    display: none;
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    background-color: #FFFFFF;
    height: 100vh;
    padding-top: 15%;
}
.spmenu nav {
    display:block;
    width:100%;
    margin:0 auto;
}
.spmenu nav li a {
    display: block;
    width: 100%;
    color: #2F2F2F;
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
    border-bottom: 1px solid #DCDCDC;
    text-decoration: none;
    font-size: 20px;
    line-height: 300%;
    font-weight: 700;
}
.spmenu nav li:first-of-type {
    border-top: 1px solid #DCDCDC;
}
.Hed_contact{
    display: none;
}
.Hed_contact_box1{
    width: 49%;
}
.Hed_contact_box1 h3{
    font-size: clamp(6px, 1.0vw, 12px);
}
.Hed_contact_box1 h4{
    font-size: clamp(6px, 1.5vw, 20px);
    color: #E30003;
    line-height: 128%;
    white-space: nowrap;
}
.Hed_contact_box2{
    width: 49%;
    white-space: nowrap;
}
/* スライド */
.swiper-container{
    width: 100%;
    height: 70vh;
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
    position: relative;
}
.swiper-wrapper{
  width: 100%;
  height: 100%;
}
.swiper-wrapper .swiper-slide {
  width: 100%;
  height: 100%; 
  background: #fff;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slide-img {
  width: 100%;
  height: 100%;
  background-size: cover; 
  background-position: center center; 
}
.swiper-wrapper .chatch{
    color: #FFF;
    font-family: 'Noto Serif JP', serif;
    position: absolute;
    transform: translateX(-10%);
    font-size: 14px;
    line-height: 200%;
    text-align: left;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 2.0);
    font-weight: 700;
}
.chatch_title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 20px;
    display: inline-block;
}
.swiper-wrapper .chatch._01{
    top: 65%;
    left: 5%;
    margin-right: 10px;
}
.swiper-wrapper .chatch._02{
  top:15%;
  left:5%;
    margin-right: 10px;
}
.swiper-wrapper .chatch._03{
  top:70%;
  left:5%;
    margin-right: 10px;
}
.swiper-wrapper .chatch._04{
  top:15%;
  left:5%;
    margin-right: 10px;
}
.swiper-wrapper .chatch._05{
  top:70%;
  left:5%;
    margin-right: 10px;
}
/* 初期状態: ちょい拡大＋薄い */
.slide-img {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  transform: scale(1.1);
  opacity: 0;
  transition: transform 2s ease, opacity 2s ease;
}

/* アクティブスライドだけズームイン＆フェードイン */
.swiper-slide-active .slide-img {
  transform: scale(1);
  opacity: 1;
}
.swiper-slide {
  opacity: 0;
  transform: scale(1.2); /* ちょいズームした状態から開始 */
  transition: opacity 2s ease, transform 2s ease; /* フェード＋ズーム */
}

.swiper-slide-active {
  opacity: 1;
  transform: scale(1); /* 通常サイズへ戻る（ズームイン） */
}
/* テキストの初期状態（見えない & 少し下から） */
.chatch {
  opacity: 0;
  transition: opacity 1.8s ease, transform 1.8s ease;
  will-change: opacity, transform; /* カクつき防止 */
}

/* アクティブなスライドのテキストだけ表示 */
.swiper-slide-active .chatch {
  opacity: 1;
  transform: translateY(0);
}
/* コンセプト */
.Top_concept_bg{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #FFFBEC;
}
.Top_concept_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_concept_bloc h3{
    font-size: 14px;
    font-weight: 700;
    line-height: 168%;
    margin-bottom: 50px;
}
.Top_concept_main_box{
    display: flex;
    flex-direction: column-reverse;
}
.Top_concept_main_img{
    width: 100%;
    position: relative;
    z-index: 1;
    margin-bottom: 30px;
}
.Top_concept_main_img img{
    width: 100%;
    margin-top: 0px;
    border-radius: 30px;
    object-fit: cover; /* この一行を追加するだけ！ */
}
.Top_concept_main_content{
    width: 100%;
    text-align: left;
    font-size: 17px;
    line-height: 208%;
    padding-top: 5%;
    padding-right: 5%;
    padding-bottom: 5%;
    padding-left: 5%;
    background-color: #FFFFFF;
    border-radius: 30px;
    box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.4);
    position: relative;
    z-index: 100;
}
.Top_concept_main_content_span{
    color: #e96223;
    font-weight: 700;
}
.Top_concept_main_content p{
    margin-bottom: 30px;
}
.Top_concept_main_content p:last-of-type{
    margin-bottom: 0px;
}
/* トップのmainメニューブロック */
.Top_main_contentmenu_bg{
    width: 100%;
    padding-top: 50px;
    padding-bottom: 50px;
}
.Top_main_contentmenu_bloc{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_main_contentmenu_item{
    width: 100%;
    margin-bottom: 50px;
}
.Top_main_contentmenu_bloc .Top_main_contentmenu_item:last-of-type{
    margin-bottom: 0px;
}
.Top_main_contentmenu_item_img{
    margin-bottom: 20px;
}
.Top_main_contentmenu_item_img img{
    width: 100%;
    border-radius: 10px;
}
.Top_main_contentmenu_item_img a:hover img {
 opacity: 0.7;
 filter: alpha(opacity=70);
 -moz-opacity: 0.7;
}
.Top_main_contentmenu_item_title{
    text-align: left;
    font-size: 24px;
    line-height: 168%;
    font-weight: 700;
    margin-bottom: 20px;
}
.Top_main_contentmenu_item_title_sub{
    font-size: 14px;
    margin-left: 5px;
    font-weight: 700;
}
.Top_main_contentmenu_item_coment{
    text-align: left;
    font-size: 16px;
    line-height: 168%;
    margin-bottom: 30px;
}
.Top_main_contentmenu_item_btm{
    width: 100%!important;
    display: block!important;
}
/* 会社概要 */
.Top_cp_bg{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #EDEDED;
}
.Top_cp_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column-reverse;
}
.Top_cp_img{
    width: 100%;
}
.Top_cp_img img{
    width: 100%;
}
.Top_cp_content{
    width: 100%;
}
.Top_cp_content_title{
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 10px;
    margin-top: 30px;
}
.Top_cp_content_title_sub{
    font-size: 24px;
    margin-bottom: 30px;
    padding-bottom: 10px;
}
.Top_cp_content_coment{
    font-size: 14px;
    line-height: 200%;
    margin-bottom: 50px;
}
/* 会社概要 */
.Top_news_bg{
    padding-top: 50px;
    padding-bottom: 50px;
}
.Top_news_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_title{
    font-size: 32px;
    font-weight: 700;
}
.Top_news_title_sub{
    font-size: 18px;
    font-weight: 700;
    color: #C3C3C3;
    margin-bottom: 0px;
    margin-left: 15%;
    margin-right: 15%;
    padding-bottom: 10px;
    line-height: 128%;
}
.Top_news_list{
    max-width: 980px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.Top_news_item{
    border-bottom: 1px dotted #A2A2A2;
    padding-bottom: 20px;
    padding-top: 20px;
}
a .Top_news_item{
    background-image: url(../img/icon/yaji_01.png);
    background-repeat: no-repeat;
    background-position: 99% center;
    background-size: auto 15px;
    transition: 0.1s linear;
}
a:hover .Top_news_item{
    background-image: url(../img/icon/yaji_01.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 15px;
    transition: 0.1s linear;
}
.Top_news_list a{
    color: #272727;
    text-decoration: none;
}
.Top_news_list a:hover{
    color: #e96223;
}
.Top_news_item_date{
    width: 100%;
    line-height: 168%;
    text-align: left;
}
.Top_news_item_coment{
    width: 90%;
    text-align: left;
    line-height: 168%;
}
  /* 左3つ並びの場合(space-between指定時)
.Page-panel1::after{
      content:"";
      display: block;
      width:30%;
}
  */
  /* 左4つ並びの場合(space-between指定時)
.Page-panel1::before{
      content:"";
      display: block;
      width:23%;
      order:1;
}
.Page-panel1::after{
      content:"";
      display: block;
      width:23%;
}
  */


/* ページ共通 contact */
input, button, textarea, select {}


/* ページ共通 ボタン */
.button01 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    outline: none;
    font-size: 14px;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    border-radius: 15px;
}
.button01::before,
.button01::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button01,
.button01::before,
.button01::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button01 {
    background-color: #79C6FF;
    border: 2px solid #79C6FF;
    color: #fff;
}
.button01:link {
    color: #fff;
}
.button01:hover {
    background-color: #fff;
    border-color: #79C6FF;
    color: #79C6FF;
}
.button02 {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    line-height: 24px;
    outline: none;
    font-size: 14px;
    padding-top: 12px;
    padding-right: 15px;
    padding-bottom: 12px;
    padding-left: 15px;
    border-radius: 15px;
}
.button02::before,
.button02::after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
}
.button02,
.button02::before,
.button02::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.button02 {
    background-color: #e96223;
    border: 2px solid #e96223;
    color: #fff;
}
.button02:link {
    color: #fff;
}
.button02:hover {
    background-color: #fff;
    border-color: #e96223;
    color: #e96223;
}
/* フッター 共通 */
.Foot_bg{
    padding-top: 50px;
    padding-bottom: 30px;
    background-color: #FFEDD4;
}
.Foot_bloc{
    max-width: 1180px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
}
.Foot_logo{
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    margin-bottom: 50px;
}
.Foot_logo img{
    width: 100%;
}
.Foot_content{
    width: 100%;
    text-align: left;
}
.Foot_content_title{
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}
.Foot_content_acc{
    font-size: 12px;
    font-weight: 700;
    line-height: 208%;
}
.Foot_content_tel{
    font-size: 12px;
    font-weight: 700;
    line-height: 208%;
}
.Foot_content_mail{
    font-size: 12px;
    font-weight: 700;
    line-height: 208%;
}
.Foot_cp{
    font-size: 8px;
}

/*　リストアイコン軍　*/

/* 非表示 */
.sp-hide{
    /*<br / class="sp-hide">*/
    display: none;
}
/*　アンカーマージン　*/
.anchor {
    padding-top: 60px;
    margin-top: -60px;
    display:inline-block;
}



}
/**************************
PC・スマホ共に同じスタイル
**************************/

/*　フロートリセット　*/
.cl{
    /*<div class="cl"></div>*/
	line-height: 0px;
	clear: both;
	height: 0px;
}
.title_01{
    border-bottom: solid 3px black;
}
.title_02{
    border-bottom: double 5px #FFC778;
}
.title_03{
  color: #e96223;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #e96223;/*上線*/
  border-bottom: solid 3px #e96223;/*下線*/
}
.title_04{
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/
}
.title_05{
  padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
  color: #494949;/*文字色*/
  background: #f4f4f4;/*背景色*/
  border-left: solid 5px #7db4e6;/*左線*/
  border-bottom: solid 3px #d7d7d7;/*下線*/
}
.title_06{
  color: #505050;/*文字色*/
  padding: 0.5em;/*文字周りの余白*/
  display: inline-block;/*おまじない*/
  line-height: 1.3;/*行高*/
  background: #dbebf8;/*背景色*/
  vertical-align: middle;
  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}
.title_06:before{
  content: '●';
  color: white;
  margin-right: 8px;
}
.title_07{
    position: relative;
    background-color: #FFCF43;
    box-shadow: 0px 0px 0px 5px #FFEADF;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
    -webkit-box-shadow: 0px 0px 0px 5px #FFEADF;
}
.title_07:after{
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #fff #fff #933b12;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.title_08{
  border-bottom: solid 3px skyblue;
  position: relative;
}
.title_08:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #ffc778;
  bottom: -3px;
  width: 30%;
}
.title_09{
  position: relative;
  padding: 5px 5px 5px 42px;
  background: #77c3df;
  font-size: 20px;
  color: white;
  margin-left: -33px;
  line-height: 1.3;
  z-index:-1;
}
.title_09:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index:-2
}
.title_10{
  position: relative;
  padding: 5px 26px 5px 42px;
  background: #fff0d9;
  font-size: 20px;
  color: #2d2d2d;
  margin-left: -33px;
  line-height: 1.3;
  border-bottom: solid 3px orange;
  z-index:-2;
}
.title_10:before{
  position: absolute;
  content: '';
  left: -2px;
  top: -2px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px white;
  border-bottom: solid 79px transparent;
  z-index: -1;
}
.title_10:after {
  position: absolute;
  content: '';
  right: -3px;
  top: -7px;
  width: 0;
  height: 0;
  border: none;
  border-left: solid 40px transparent;
  border-bottom: solid 79px white;
  z-index: -1;
}
.title_11{
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.title_11:before, .title_11:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}
.title_11:before{
  left:0;
}
.title_11:after{
  right: 0;
}
.title_12{
  position: relative;
  display: inline-block;
  padding: 0 45px;
}
.title_12:before, .title_12:after{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: black;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
.title_12:before{
  left:0;
}
.title_12:after{
  right: 0;
}
.title_13{
  position: relative;
  padding: 0.25em 1em;
  border-top: solid 2px black;
  border-bottom: solid 2px black;
}
.title_13:before, .title_13:after{
  content: '';
  position: absolute;
  top: -7px;
  width: 2px;
  height: -webkit-calc(100% + 14px);
  height: calc(100% + 14px);
  background-color: black;
}
.title_13:before{
  left: 7px;
}
.title_13:after{
  right: 7px;
}
.title_14{
  position: relative;
  color: #158b2b;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
.title_14:before{
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid #a6ddb0;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.title_15{
  position: relative;
  line-height: 1.4;
  padding:0.25em 1em;
  display: inline-block;
}
.title_15:before, .title_15:after{
  content:'';
  width: 20px;
  height: 30px;
  position: absolute;
  display: inline-block;
}
.title_15:before{
  border-left: solid 1px #ff5722;
  border-top: solid 1px #ff5722;
  top:0;
  left: 0;
}
.title_15:after{
  border-right: solid 1px #ff5722;
  border-bottom: solid 1px #ff5722;
  bottom:0;
  right: 0;
}
.title_16{
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #7b6459;/*文字色*/
}
.title_16:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1b0";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #ff938b; /*アイコン色*/
}
.title_17{
  position: relative;
  background: #eff4ff;
  padding: 2px 5px 2px 20px;
  font-size: 20px;
  color: #474747;
  border-radius: 0 10px 10px 0;
}
.title_17:before{
  font-family: "Font Awesome 5 Free";
  content: "\f041";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #81a1e4;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0px 2px 1px rgba(0, 0, 0, 0.29);
  border-bottom: solid 2px #4967b4;
}
.title_09{

}