body{
  font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  min-width: 1200px;
  background-color: #eeeeff;
}

/* コンテンツ（サイト内容）
  幅を1000px / 使用エリアを真ん中に配置 */
#Cntnt {
  width: 1000px;
  padding-top:100px;
  margin: 0px auto 0px;
  /* text-align: center; */
}

.slick-slide img {
  width: 100%;
  height: auto;
}
.Mypattern{
  width: 100%;
}

/* 横にチラッと見える画像を半透明にする */
.Mypattern .slick-slide:not(.slick-center) {
  -webkit-filter: opacity(50%);
  -moz-filter: opacity(50%);
  -o-filter: opacity(50%);
  -ms-filter: opacity(50%);
  filter: opacity(50%);
  transition: 0.2s linear;
}

/* メニューバー（青色の帯の部分） */
.Site_Header.index{
  background: #fff;
  display: flex;
  position: absolute;
  justify-content: space-between;
  width: 100%;
  min-width: 1200px;
  background-color:#148cdc;
  height: 60px;
  text-align: center;
  vertical-align: center;
  font-size: 18px;
  padding: 10px 0;
  z-index: 9998;
}
.Site_Header{
  background: #fff;
  display: flex;
  position: fixed;
  justify-content: space-between;
  width: 100%;
  min-width: 1200px;
  background-color: #148cdc;
  height: 60px;
  text-align: center;
  vertical-align: center;
  font-size: 18px;
  padding: 10px 0;
  z-index: 9998;
}
.Site_Header img{
  margin-right: 5px;
}
.Site_Header.index.fixed{
  display: flex;
  position: fixed;
  top: 0;
  z-index: 9998;
}
.GNav{
  height: 60px;
  padding: 0;
  width: 1200px;
  text-align: center;
  margin: 0 auto;
  color: #fff;
  font-weight: 600;
}
/* メニューバー　ロゴ及び社名 */
.syamei_Box{
  display: inline-block;
  width: 250px;
  height: 60px;
  margin: 0;
}
.syamei_Box img,
.syamei_Box p{
  display: inline-block;
  vertical-align: middle;
  letter-spacing: 0;
  text-shadow:
       1px  1px 0px #003366,
      -1px  1px 0px #003366,
       1px -1px 0px #003366,
      -1px -1px 0px #003366,
       1px  0px 0px #003366,
       0px  1px 0px #003366,
      -1px  0px 0px #003366,
       0px -1px 0px #003366; /* 文字の影 */
  filter: drop-shadow(3px 3px 5px rgb(60, 81, 185));
  cursor:default;
}


/* メニューバー　リスト（ホーム～問い合わせまで） */
.Menu_Box{
  display: inline-block;
  width: 940px;
  margin: 0;
  letter-spacing: 0;
}
.GNav_Menu{
  display: flex;
  text-align: center;
}
.GNav_Menu_Item{
  width: 185px;
  margin: 0;
}
.GNav_Menu_Item li{
  margin: auto;
}
.GNav_Menu_Item a{
  width: 185px;
  text-decoration: none;
  height: 40px;
  color: #fff;
  font-weight: 600;
  text-shadow:
       1px  1px 0px #003366,
      -1px  1px 0px #003366,
       1px -1px 0px #003366,
      -1px -1px 0px #003366,
       1px  0px 0px #003366,
       0px  1px 0px #003366,
      -1px  0px 0px #003366,
       0px -1px 0px #003366; /* 文字の影 */
}

.GNav_Menu_Item a{
  position: relative;
  margin:0 20px 0 0;
  padding: 0 0 10px ;
}

.GNav_Menu_Item a::after {
  content: '';
  position: absolute;
  width: auto;
  transform: scaleX(0);
  height: 2px;
  bottom: 0;
  right: 0;
  left:-35px; 
  background-color: rgb(248, 255, 209);
  transform-origin: bottom right;
  transition: transform 0.4s cubic-bezier(0.86, 0, 0.07, 1);
}

.GNav_Menu_Item a:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.GNav_Menu_Item a:hover{
  color: #eeffff;
    text-shadow:
  1px  1px 0px #2b5e91,
 -1px  1px 0px #2b5e91,
  1px -1px 0px #2b5e91,
 -1px -1px 0px #2b5e91,
  1px  0px 0px #2b5e91,
  0px  1px 0px #2b5e91,
 -1px  0px 0px #2b5e91,
  0px -1px 0px #2b5e91;
}
.GNav_Menu_Item img{
  position: relative;
  top: 4px;
}

ul.Line_3 {
  cursor:default;
}
/* お知らせ */

/* フッター (現在仮設)*/
footer{
  z-index:10000;
}
#Footer {
  width: 100%;
  background-color:#c2c2c2 ;
  color:black
}
#F_Box {
  width: 1000px;
  height: auto;
  margin: 0 auto;
  padding-top: 30px;
}
#F_Box li {
  list-style: none;
  display: inline-block;
}

#F_Company {
  width: 200px;
  display: inline-block;
  margin: auto 15px auto 0;
  vertical-align: top;
  line-height: 1.3;
}
#F_Company Li {
  margin-top: 5px;
  font-weight: 400;
}

/*text-shadow:
1px  1px 0px #333,
-1px  1px 0px #333,
1px -1px 0px #333,
-1px -1px 0px #333,
1px  0px 0px #333,
0px  1px 0px #333,
-1px  0px 0px #333,
0px -1px 0px #333; 文字の影 */


#F_Menu {
  width: 775px;
  height: 150px;
  display: inline-block;
  font-size: 1.4em;
  line-height: 1.8;
  padding-top: 15px;
}

#F_CopyRight {
  width: 200px;
  height: 30px;
  margin: 10px auto 0;
  text-align: center;
}

#F_Menu a{
  color:#111;
  text-decoration:none;
}

#F_Menu a:hover{
  text-decoration:underline;
}


#page_top{
  width: 100px;
  height: 60px;
  position: fixed;
  right: 0;
  bottom: 0;
  border-radius:5px;
  background: #3f42ef;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 100px;
  height: 60px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -25px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}
#page_top a::after{
  content: 'PAGE TOP';
  font-size: 13px;
  color: #fff;
  position: absolute;
  top: 30px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

@media screen and ( min-width:1025px){
  .menu_wrapper,.Responsive_Header{
    display:none;
  }
}
@media screen and ( max-width:1025px) {
  .Line_1,.Site_Header{
    display:none !important; /*非表示*/
  }
  body{
    min-width:300px;
  }
  #Cntnt, button,#Footer,.Soft_Box
  ,.Consul_Box,td,#F_Menu
  ,#F_Menu_Top,#F_Company,tr,th,table,#News
  ,.Info,.Info_HP,.Info_Oshirase,body
  ,footer,.Web_Box,#F_Box,#Info_Box,#Next{
    max-width: 100vw ;
    text-align: center;
    margin: 0px;
  }
  table {
    border-bottom: none;
    display: block;
    width: 100%;
  }
  td{
    padding:10px 0;
  }
  footer{
    padding-top:100px;
  }
  #F_Company,#F_Menu_Top{
    display:block;
  }
  #F_Company li{
    display: flex;
  }
  button::before{ 
    opacity: 0; transform: translate(0,-100%)
  }
  button div{    
    transform: translate(0,0);
  }
  button h1{
    font-size:25px;
  }
  .ham {
    position: fixed;
    top:0;
    right: 0px;
    width: 80px;
    height: 80px;
    cursor: pointer;
    border-radius:5px;
    background-color: rgb(143, 170, 229);
    z-index:10001;
  }
  .ham_line {
    position: absolute;
    border-radius:2px;
    left: 20px;
    width: 40px;
    height: 4px;
    background-color: #ffffff;
    transition: all 0.3s;
  }
  .ham_line1 {
    top: 20px;
  }
  .ham_line2 {
    top: 36px;
  }
  .ham_line3 {
    top: 52px;
  }
  
  /* 以下はすべて新規行で追加 */
  .clicked .ham_line1 {
    transform: rotate(45deg);
    top: 40px;
    
  }
  .clicked .ham_line2 {
    width: 0px;
  }
  .clicked .ham_line3 {
    transform: rotate(-45deg);
    top: 40px;
  }
  .menu_wrapper{
    display:inline;
  }
  .menu {
    position: fixed;
    width: 300px;
    height: 1000px;
    top:80px;
    right: -400px;
    text-align: left;
    display: block;
    padding: 40px;
    font-size:25px;
    background-color: rgba(159, 185, 224, 0.959);
    justify-content: space-around;
    transition: all 0.3s;
    overflow: hidden;
    z-index:10000;
  }
  .menu li{
    list-style: none;
    border-bottom: medium solid #98add4;
    padding:10px;
  }
  .menu a{
    color: rgb(23, 31, 128);
    text-decoration:none;
    font-weight:800;
    text-shadow:
         1px  1px 0px #ffffff,
        -1px  1px 0px #ffffff,
         1px -1px 0px #ffffff,
        -1px -1px 0px #ffffff,
         1px  0px 0px #ffffff,
         0px  1px 0px #ffffff,
        -1px  0px 0px #ffffff,
         0px -1px 0px #ffffff; /* 文字の影 */
  }
  .clicked .menu {
    right: 0px;
  }
  .Responsive_Header{
    top:0;
    padding-left:10px;
    position: fixed;
    text-align:left;
    width: 100%;
    height:80px;
    background-color:rgba(255, 255, 255, 0.829);
    z-index:10000;
  }
  .Responsive_Header a{
    position:relative;
    top:10px;
    vertical-align: middle;
    display: inline-block;
    text-decoration:none;
    color: rgb(0, 3, 34);
    letter-spacing: 0;
    font-size:20px;
    font-weight:bold;
    cursor:default;
  }
  #page_top {
    margin-bottom:100px;
  }
  #F_CopyRight {
    padding-top: 30px;
  }
}