@charset "utf-8";

/* トップ画像はじまり */
.top-img {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
height: 75vh;
z-index: 1;
}


.top-img01 { grid-area: 1 / 1 / 7 / 4; 
 background-image: url(../images-home/company-bg.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
position: relative;
z-index: -1;
}

.top-img03 { grid-area: 1 / 4 / 4 / 6;
 background-image: url(../images-home/copmany-bg2.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.top-img04 { grid-area: 4 / 4 / 7 / 6; 
 background-image: url(../images-home/top-bg04.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.top-img05 { grid-area:3 / 2 / 5 / 5; 
position: relative;
z-index: 10;
background-color:transparent;
}

.top-img05 h2{
    font-family:'Roboto','Noto Serif JP', serif, cursive;
    font-size: 72px;
    color: #fff;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
      text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000; 
}
.top-img05 p{
    font-family:'Roboto','Noto Serif JP', serif, cursive;
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
      text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000; 
}

@media (max-width: 768px){
.top-img {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(6, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
width: 100%;
height: 75vh;
z-index: 1;
}


.top-img01 { grid-area: 1 / 1 / 7 / 4; 
 background-image: url(../images-home/company-bg.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
position: relative;
z-index: -1;
}

.top-img03 { grid-area: 1 / 4 / 4 / 6;
 background-image: url(../images-home/copmany-bg2.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.top-img04 { grid-area: 4 / 4 / 7 / 6; 
 background-image: url(../images-home/top-bg04.jpg);
 background-repeat: no-repeat;
 background-position: center center;
 background-size: cover;
}
.top-img05 { grid-area:3 / 1 / 5 / 6; 
position: relative;
z-index: 10;
background-color:transparent;
}

.top-img05 h2{
    font-family:'Roboto','Noto Serif JP', serif, cursive;
    font-size: 40px;
    color: #fff;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
      text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000; 
}
.top-img05 p{
    font-family:'Roboto','Noto Serif JP', serif, cursive;
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-top: 0px;
    font-weight: bold;
      text-shadow    : 
       2px  2px 1px #000,
      -2px  2px 1px #000,
       2px -2px 1px #000,
      -2px -2px 1px #000,
       2px  0px 1px #000,
       0px  2px 1px #000,
      -2px  0px 1px #000,
       0px -2px 1px #000; 
}
}
/* トップ画像おわり */

/* プライバシーポリシー*/

.contents-privacy {
    position: relative;
    z-index: 1;
    height:950px;
    font-size:60px;
    padding: 20px 20px;
    text-align :center;
    border:0px solid #f08080;
    border-radius: 0px;
    background-color :transparent;
    }


.p-privacy{
width: 100%;

}

.p-privacy a{
text-decoration: none;
color: #333;
}

.p-privacy  a:hover{
text-decoration: none;
opacity: 0.5;
}

.pp2-2 { 
font-size: 14px;
font-family:'Roboto','Noto Serif JP', serif, cursive;
background:transparent;
opacity: 1;
position: relative;
text-align: center;
color: #333;
padding: 50px;
padding-top: 120px;
border-radius: 20px;
margin:0px;
text-align: left;
}
.pp2-2 p{
    text-align: left;
    padding: 30px;
    font-size: 14px;
    color: #333;
    font-family:'Roboto','Noto Serif JP', serif, cursive;
}

.pp2-2 h1{
    font-size: 18px;
    color: #333;
    padding-left:0px;
}

@media (max-width: 768px){

.contents-privacy {
    position: relative;
    z-index: 1;
    height:1200px;
    font-size:60px;
    padding: 20px 20px;
    text-align :center;
    border:0px solid #f08080;
    border-radius: 0px;
    background-color :transparent;
    }
    
.p-privacy{
width: 100%;
}

.p-privacy a{
text-decoration: none;
color: #333;
}

.p-privacy  a:hover{
text-decoration: none;
opacity: 0.5;
}

.pp2-2 { 
font-size: 14px;
font-family:'Roboto','Noto Serif JP', serif, cursive;
background:transparent;
opacity: 1;
position: relative;
text-align: center;
color: #333;
padding: 5px;
padding-top: 10px;
border-radius: 20px;
margin:0px;
text-align: left;
}
.pp2-2 p{
    text-align: left;
    padding: 20px;
    font-size: 14px;
    color: #333;
    font-family:'Roboto','Noto Serif JP', serif, cursive;
}

.pp2-2 h1{
    font-size: 16px;
    color: #333;
    padding-left:0px;
}
}
/* プライバシーポリシーおわり */