@charset "UTF-8";

/* 基本色 */
:root {
	--main-color: #21386C;
	--sub-color: #AE262C;
	--light-color: #F0F0F0;
	--dark-color: #393939;
	--gray-color: #BBBBBB;
}

body {
font-size: 16px;
font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
font-weight: 300;/*Regular*/
line-height: 1.5;
font-style: normal;
color: var(--dark-color);
}

iframe {
border: 1px #DDDDDD solid;
}

.space-s{line-height: 1.2;}
.space-m{line-height: 1.5;}

.ul-a{
border-bottom: 1px solid;
}

a:link{color: #393939;}
a:visited{color: #393939;}
a:hover{color: #393939;
opacity:0.7;}
a:active{color: #393939;}
a{text-decoration: none;}

.line-h12{line-height: 1.2;}

.tex-gray{ var(	--gray-color);}
.bg-dark-color {background-color: var(	--dark-color);}
.bg-lightgray {background-color: var(	--light-color);}
.font-color-w{color: white;}

.tex-xl {font-size: 3.0rem;} /* 48px */
.tex-lg {font-size: 2rem;} /* 32px */
.tex-md {font-size: 1rem;} /* 16px */
.tex-sm {font-size: 0.75rem;} /* 12px */ 

@media screen and (max-width: 640px) {
.tex-xl {font-size: 6vw;} 
.tex-lg {font-size: 1.5rem;} 
.tex-md {font-size: 0.75rem;} 
.tex-sm {font-size: 0.5rem;} 
}
.gf100 {font-weight: 100;}
.gf200 {font-weight: 200;}
.gf300 {font-weight: 300;}
.gf400 {font-weight: 400;}
.gf500 {font-weight: 500;}
.gf600 {font-weight: 600;}
.gf700 {font-weight: 700;}
.gf800 {font-weight: 800;}
.gf900 {font-weight: 900;}

.mb-200{margin-bottom: 200px;}

.bg-main {
width: auto;
height: 200px;
background-image: url(../img/main.jpg);
background-repeat: no-repeat;
background-size: contain;
background-size:cover;
background-position: bottom;
}

/*group logo */
#group-logo img{
position: absolute;
/*position:fixed;*/
z-index: 100;
	top:30px;
left:30px;
width: 50px;
}

.privacy-h1{
width: 100%;
height: 10vh;
line-height:  10vh;
margin-top: 15vh;
margin-bottom: 5vh;
 border-top: 1px solid;
 border-bottom: 1px solid;
}


/* contents magin */
.magin-main{
max-width: 1000px;
margin: 50px auto 100px auto;}
@media (640px < width < 1200px) {
.magin-main{
margin: 50px 50px 100px 50px;}
}

.main-top-dis{
	z-index: 10;
position: absolute;
 top: 0;
left: 0;
width: 100%;
height: 70vh;
display: flex;
 justify-content: flex-end;
align-items: center;
flex-flow: column;
}
.main-top-dis-center{
width: 100%;
height: 70vh;
display: flex;
 justify-content: center;
align-items: center;
flex-flow: column;
}
.main-top-logo{
width: 100%;
margin: 8vh 0 2vh 0;
padding: 20px 0;
background-color: rgba(255,255,255,0.70);
	display: flex;
	justify-content: center; 
}
.main-top-logo img{
width: 10vw;
}
th{width: 30vw;}
@media screen and (max-width: 640px) {
.main-top-logo img{width: 15vw;}
.magin-main{margin: 20px 20px 50px 20px;}
/*table*/
td,th{width: 100%;display: block;}
.b-none{border: none;}
}



/* img-photo**************************************/
.img-photo {
width: 100%;
height: 70vh;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 30px;
}

.img-photo-group-top {background-image: url("../group/img/connect-01_74686916.jpg");}
.img-photo-battery-pc {background-image: url("../group/img/battery-pc.jpg");}
.img-photo-battery-sp {background-image: url("../group/img/battery-sp.jpg");}
.img-photo-medical {background-image: url("../group/img/medical-01_117701665.jpg");}
.img-photo-wine {background-image: url("../group/img/wine-76882378.jpg");}
.img-photo-suisan {background-image: url("../group/img/fisheries.jpg");}
.img-photo-human {background-image: url("../group/img/human_15924210.jpg");}
.img-photo-consultant{background-image: url("../group/img/consultant_96642406.jpg");}
.img-photo-cultural-pc{background-image: url("../group/img/cultural-pc.jpg");}
.img-photo-cultural-sp{background-image: url("../group/img/cultural-sp.jpg");}


@media screen and (min-width: 640px) {
.img-photo-cultural-sp{background-image: url("../group/img/cultural-sp.jpg");
display: none;}
.img-photo-battery-sp {background-image: url("../group/img/battery-sp.jpg");
display: none;}
}

@media screen and (max-width: 640px) {
.img-photo-cultural-pc{background-image: url("../group/img/cultural-pc.jpg");
display: none;}
.img-photo-battery-pc {background-image: url("../group/img/battery-pc.jpg");
display: none;}
}


/* thanks-top **************************************/
.thanks-top{
width: 100%;
height: 70vh;
background-image: url("../thanks/dami-thanks.jpg");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
margin-bottom: 30px;
}
.thanks-top-dis{
width: 100%;
height: 70vh;
display: flex;
 justify-content: center;
align-items: center;
flex-flow: column;
}

.item-center{
  display: flex;
  justify-content: center;
}

/* form-button **************************************/
.button {
  background-color:  #393939;
  color: #fff;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 1em;
		width: 100%;
}
.button:hover {
  color: #fff;
  opacity: 0.8;
}


/*page_topボタン*/
#mmm {
position: fixed;
bottom: 50px;
right: 20px;
z-index: 2;
opacity: 0.8;
}