@charset "utf-8";
/* CSS Document */
/*********************************共通部分*/
body {
  background-color: #F3F3F3;
  color: #333;
}
html {
  font-size: 100%;
}
img {
  max-width: 100%;
}
/*********************************フッター*/
footer {
  padding: 3rem 3rem 0 3rem;
}
footer a {
  text-decoration: none;
  color: #333;
}
/*フッターのバックグラウンド　画像の設定*/
.main-footer {
  background-image: url("../images/main-footer-l.jpg");
  background-size: cover;
  background-position: center bottom;
  height: 600px;
}
/*****矢印　→　*****/
.arrow-img {
  display: inline-block;
  width: 600px;
  height: 30px;
  background: linear-gradient(90deg, #b5dcfb 0%, #215f9a 83%, #000000 100%);
  clip-path: polygon(0 41.7%, 94.8% 41.7%, 94.8% 0, 100% 50%, 94.8% 100%, 94.8% 58.3%, 0 58.3%);
}
/*****フッター上半分*****/
.footer-container1{
	display: flex;
	justify-content: space-around;
	margin-top: 4rem;
}
.footer-text1{
	font-size: 2.4rem;
}
.footer-text2{
	font-size: 1.4rem;
	padding-bottom: 0;
}
.footer-logo{
		vertical-align:text-bottom;
}
.arrow{
	margin-left: 2rem;
}
/*****フッター下半分*****/
.footer-container2{
	display: flex;
	justify-content: space-around;
	border-top: solid 3px #000;
	margin-top: 2rem;
	padding-top: 2rem;
}
/*TOP↑*/
.footer-item4{
	text-align: right;
}
/*コピーライト*/
.main-copyright {
 text-align: center;
  color: #333333;
  font-size: 1.2rem;
}

@media (max-width: 800px) {
  /* 背景画像を消す、または高さを自動にする */
  .main-footer {
    background-image: none; 
    height: auto;
    bottom: 0; 
    }
  /* 文字を白にする */
	.footer-container2 a {
	color: #fff;
	}
	.footer-item4 a {
	color: #fff;
	}
	.main-copyright{
	color: #fff;
	}
  /* Cntact画像を非表示にする */
	.contact{
    display: none;
	}
  /* フッター上半分テキストを非表示にする */
	.footer-text1,.footer-text2{
    display: none;
	}
  /* 線を非表示にする */
	.footer-container2{
	border-top: none;
	}
	
  /* 矢印を非表示にする */
  .arrow-img {
    display: none;
  }

  /* Flexboxを解除して縦並びにする */
  .footer-container1, 
  .footer-container2 {
    display: block; /* 横並びを解除 */
    margin-top: 1rem;
  }

  /* 余白の調整 */
  footer {
    padding: 1.5rem;
  }
}