@charset "utf-8";
/* CSS Document */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body{
	margin: 0 0 ;
font-family: sans-serif;
	text-align: center;
}
.fixed{
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	overflow: hidden;
	width: 50%;
}
.fixed img{
	height: 100%;
	margin: auto;
	display: block;
}
img.gl{
position:relative;
}
img.gl-1{
position: absolute;
    top: 0;
    left: 0;
	z-index: 10;

}
.right {
	width: 50%;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff59c;
	background-image: repeating-linear-gradient(118deg,
   #fff, #fff 10px,
   transparent 0, transparent 21px);
}

img.right-top{
	width: 100%;
}

table{
  width: 100%;
  border-collapse: collapse;
}

table tr{
  border-bottom: solid 2px white;
}

table tr:last-child{
  border-bottom: none;
}

table th{
  position: relative;
  text-align: left;
  width: 30%;
  background-color: #52c2d0;
  color: white;
  text-align: center;
  padding: 10px 0;
}

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

table td{
  text-align: left;
  width: 70%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}


.s1{
	width: 90%;
	margin:30px auto;
	background: #FFFFFF;
	padding: 10px 10px;
	
}
span{
	font-size: 93.75px;
	letter-spacing: .04em;
	line-height: 1.2;
	font-weight: 500;
	font-family:'Impact';
	color: #ff71f7;
	background: -webkit-linear-gradient(0deg, #ff475b, #fdce6c);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
/*span.pink{
	color: #ffffff00;
	background: -webkit-linear-gradient(
286deg
,#ed6dda 0,#ff8add 46%,#000 46%,#000 100%);
	background: linear-gradient(
164deg
,#ffabe3 0,#ff475b 46%,#000 46%,#000 100%);
	-webkit-background-clip: text;
}
span.bule{
	color: #ffffff00;
	background: -webkit-linear-gradient(
286deg
,#57ebff 0,#6deaed 46%,#000 46%,#000 100%);
	background: linear-gradient(
342deg
,#6db4ed 0,#6dede5 46%,#000 46%,#000 100%);
	-webkit-background-clip: text;
}
*/
.s1-1 h2{
	color: #ff6d6d;
}
.s1-1 p{
	margin: 0;
	font-weight: bold;
}

.Twitter{
	width: 90%;
	margin:30px auto;
	background: #FFFFFF;
	padding: 10px 10px;
}
.timeline-Header{
    display: none!important;
}
.tit hr{
	border: none;
	border-top: 6px dotted #fdbc7b;
	width: 90%;
	margin:20px auto;
}
.tit-in{
	width: 90%;
	margin:auto;
	height: 500px;
	overflow: auto;
	padding: 10px 0;
	background: #FFFFFF;
}
.tit-in::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
 
.tit-in::-webkit-scrollbar-thumb {
  background: #fdbc7b;
  border-radius: 5px;
}

.flowbtn12{
	font-family:'Verdana',sans-serif;
	display:inline-block;
	width:90%;
	font-size:20px;
	transition:.4s;
	text-decoration:none;
	padding: 30px 0;
}
.flowbtn12 p{
	margin: 0;
	display: inline;
	    font-size: 25px;
}
/* ボタン内テキストマウスホバー時 */
.flowbtn12:hover{
color:#fff!important;
text-decoration:none;
}
/* Twitter */
.flowbtn12.fl_tw2{border: solid 2px #55acee;color:#55acee;background: white;}
/* Twitterマウスホバー時 */
.flowbtn12.fl_tw2:hover{
border:solid 1px #55acee;
background:#55acee;
}
.fa-twitter:before {
    margin-right: 15px;
}

a.btn{
	text-decoration: none;
	color: #FFFFFF;
	background:#000000;
	width:90%;
	padding: 30px 0;
	display: block;
	margin: auto;
	text-align: center;
	font-weight: bold;
	font-size: 25px;
	letter-spacing: .1em;
}
a.btn:hover{
	background:#000000d6;
}

.sns{
	width: 90%;
	margin:30px auto;
	background: #FFFFFF;
	padding: 10px 10px;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.sns img{
	width:80px;
	transition: transform .3s,-webkit-transform .3s;
}
.sns img:hover{
	-webkit-transform:scale(1.1);
	transform:scale(1.1);
}

.Polka_v2 {
 background-image:
    repeating-linear-gradient(to bottom,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px),
 
    repeating-linear-gradient(to right,
      transparent 25px,
      rgba(0, 0, 0, 0.04) 26px,  rgba(0, 0, 0, 0.04) 26px,
      transparent 27px,  transparent 51px, 
      rgba(0, 0, 0, 0.04) 52px,  rgba(0, 0, 0, 0.04) 52px,
      transparent 53px,  transparent 77px, 
      rgba(0, 0, 0, 0.04) 78px,  rgba(0, 0, 0, 0.04) 78px,
      transparent 79px,  transparent 103px, 
      rgba(0, 0, 0, 0.04) 104px,  rgba(0, 0, 0, 0.04) 104px,
      transparent 105px,  transparent 129px, 
      rgba(0, 0, 0, 0.04) 130px,  rgba(0, 0, 0, 0.04) 130px);
}


footer{
	background:#ff475b;
	padding: 30px 0;
	margin-top: 50px;
	color: #FFFFFF;
}

footer ul{
	list-style: none;
	display:flex;
	justify-content: center;
}
footer li{
	margin-right:10px;
}
footer a{
     text-decoration: none;
     color: #FFFFFF;
}

.company,.privacypolicy{
	height:100vh;
	padding:10px 0;
	background-color: #fff59c;
    background-image: repeating-linear-gradient(118deg, #fff, #fff 10px, transparent 0, transparent 21px);
}
.company footer,.privacypolicy footer{
	width:100%;
	position:absolute;
	bottom:0;
}
.company .s1,.privacypolicy .s1 {
    width: 90%;
	margin:0 auto 30px;
    padding: 10px 10px;
}
.company h2,.privacypolicy h2{
	font-size: 30px;
}


.privacy-policy {
  max-width: 100%;
	margin: 50px auto;
	text-align: left;
  height: 600px;
  overflow: scroll;
  padding: 25px;
  border: 1px solid black;
  background-color: #e5e5e5;
  line-height: 1.2;
  &__item {
    p {
      margin-bottom: 25px;
    }
  }
}
.privacy-policy__item__desc{
	

}




@media screen and (max-width: 700px) {
	.fixed{
	position: inherit;
	width: 100%;
	display: none;
}
	.right {
	position: inherit;
    width: 100%;
}
	
	
.sns {
    justify-content: space-around;
    flex-direction: column;
}	
	
	
	
	
	
	
	
	
	
}


