@charset "UTF-8";

*{
margin: 0;
padding: 0;
font-family: serif;
}

img{
max-width: 100%;
height: auto;
vertical-align: middle;/*画像の下のアキの処理*/
/*vertical-align: top;
vertical-align: bottom;*/
/*top,middle,bottom*/
/*初期値はbaseline*/
/*インライン要素やテーブルセル内の要素の縦方向の揃えを指定する
ブロックレベル要素などには効かない*/
}

.main-visual{
background-color: #fff;
background-image: url(../image/top_back.jpg);
height: 100vh;/*100vhは画面の高さと同じ（100%）を表す*/
min-height: 540px;/*ブラウザを縮めた時の画像の最小値*/
background-size: cover;/*一枚の画像だけで隙間なく表示させる*/
background-position: center;/*画像をセンターに配置する*/
background-repeat: no-repeat;/*画像の繰り返しをなくす*/
}

.t1{
display: block;/*ブロック要素にする*/
margin: 0px auto;/*横方向の中央配置*/

padding-top: 10px;
}

.sect1 ul{
display: flex;/*フレックスコンテナとして表示*/
list-style-type: none;/*リストのマーカーをなしにする*/
justify-content: space-between;/*両端を固定して均等配置*/
padding: 40% 0px 10%;/*左右の空き*/
align-items: flex-end;

}

.sect1 li{
width: 30vw;
padding: 0 40px;
}
.worries__image{
/*text-align: center;*/
background-color: #fce8e7;
background-image: url("../image/p2_back.jpg");
background-position:top, bottom;
background-size:1000px, 1200px;
background-repeat:repeat-x;
padding: 50px 100px;
}

.slide-in__1 {
  font-size: 50px;
  font-weight: bold;
	max-width: 100%;
	padding-top: 100px;
padding-bottom: 5%;
	
  animation: slideIn1 6s  linear infinite;
	animation-delay: 1s;
}
.slide-in__2 {
	text-align: end;
  font-size: 55px;
  font-weight: bold;
	max-width: 100%;
	padding-bottom: 5%;
	
  animation: slideIn2 7s  linear infinite;
	animation-delay: 2s;
	

}
.slide-in__3 {
  font-size: 45px;
  font-weight: bold;
	max-width: 100%;
	padding-bottom: 50px;
	
  animation: slideIn1 5s  linear infinite;
	animation-delay: 2s;
	

}
@keyframes slideIn1 {
	
  /*0% {
    transform: translateX(-100%);
    opacity: 0;
}*/
  
  100% {
    transform: translateX(100%);
    opacity: 0;
  }
}

@keyframes slideIn2 {
	
  /*0% {
    transform: translateX(0%);
    opacity: 1;
  }*/
  100% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

.slidein{
background-color: #FDFF9B;

}

.slidein-text {
  
  font-size: 5vw;
  font-weight: bold;
  padding: 100px;

    animation: slideIn 3s infinite cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes slideIn {
  0% {
    transform: translateX(180px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
  }
  40%,100% {
    opacity: 1;}
}

.solution__image{
text-align: center;
background-color: #eee;
background-image: url("../image/p3_back.jpg");
background-position:top, bottom;
background-repeat:repeat-x;
}

.tyumoku{
padding-bottom: 50px;
}

.point__image{
text-align: center;
background-color: #e1ece4;
background-image: url("../image/p4_back.jpg");
background-position:top, bottom;
background-size:1000px, 1200px;
background-repeat:repeat-x;
padding: 10% 0px 10% 0px;
}

.point ul{
/*background-color: aquamarine;*/

display: flex;/*フレックスコンテナとして表示*/
list-style-type: none;/*リストのマーカーをなしにする*/
justify-content: space-between;/*両端を固定して均等配置*/
padding: 0px 50px 10px;/*左右の空き*/
align-items: flex-end;


}
.point li{
width: 50%;
padding: 0 10px;
}

h2{
font-size: 10vw;
padding-bottom: 70px; 
line-height:100px;
}

h2{
padding-top: 50px;
}
h2 span{
font-size: 7vw;
}
.menu__image{
text-align: center;
background-color: #e1ece4;
background-image: url("../image/p5_back.jpg");
background-position:top, bottom;
background-size:1200px, 1200px;
background-repeat:repeat-x;
}

.menu ul{
display: flex;
flex-wrap: wrap;
justify-content: center;
list-style-type: none;
padding: 0 15px 50px;

}

.menu li{
padding: 0 10px 20px 10px;
width: 46%;
}

footer{
font-size: 20px;
background-color: #fcff00;
text-align: center;
padding: 20px;
}