td {
font-size: 16px;
}
.wp-block-table {
border-radius: 12px;
background-color: white;
} .page-id-1745 .site-content{
background-image: url(https://towa-gifu.co.jp/wp-content/uploads/2024/08/Internship-background.jpg);
background-size: 100% 100%; 
background-repeat: no-repeat;
} .page-id-1633 .site-content {
background-image: url(https://towa-gifu.co.jp/wp-content/uploads/2024/08/Internship-background.jpg);
background-size: 100% 100%; 
background-repeat: no-repeat;
} .page-id-3406 .site-content {
background-image: url(https://towa-gifu.co.jp/wp-content/uploads/2024/08/Internship-background.jpg);
background-size: 100% 100%; 
background-repeat: no-repeat;
}.androidnote { font-size:.87em;display:block;margin:0 auto;width:80%;margin-bottom:3vh;margin-top:-20vh;} @media (min-width:1441px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:88%;position:fixed;top:-20vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:85vh;margin-bottom:-250px;} .sec { font-size:1.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.5em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:1441px) and (min-width:1282px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;align-self:center;margin:auto;position:fixed;top:-28vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:65vh;width:100%;margin-bottom:-25vh auto;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:1281px) and (min-height:1000px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:80em;align-self:center;margin:auto;position:fixed;top:-8vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:65vh;width:80em;margin-bottom:-150px;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:1280px) and (min-width:1025px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:88%;align-self:center;margin:auto;position:fixed;top:-5vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:65vh;width:100%;margin-bottom:-150px;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:1280px) and (min-width:1025px) and (max-height:810px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:87%;align-self:center;margin:auto;position:fixed;top:-15vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:65vh;width:100%;margin-bottom:-150px;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:820px) and (max-width:1024px) and (max-height:700px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;align-self:center;margin:auto;position:fixed;top:-40%;} .clipmask { clip-path:polygon(0vh 20vh, 100vh 0vh, 100vh 45vh, 0vh 65vh);height:65vh;width:100%;margin-bottom:-250px;background-size:cover;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:820px) and (max-width:1024px) and (orientation:landscape) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;align-self:center;margin:auto;position:fixed;top:-38vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:65vh;width:100%;margin-bottom:-15vh;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:800px) and (max-width:1024px) and (max-height:780) and (orientation:landscape) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;align-self:center;margin:auto;position:fixed;top:-38vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:65vh;width:100%;margin-bottom:-15vh;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:820px) and (max-width:1024px) and (max-height:450px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:80%;align-self:center;margin:auto;position:fixed;top:-10vh;} .clipmask { clip-path:polygon(0% 20%, 100% 0%, 100% 45%, 0% 65%);height:65vh;width:100%;margin-bottom:-100px;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} .androidnote { font-size:.87em;display:block;margin:0 auto;width:80%;margin-top:2vh;margin-bottom:7vh;} } @media (min-width:820px) and (max-width:1024px) and (orientation:portrait) { .title { margin-left:1.5vh;font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:80%;margin:auto;position:fixed;top:5vw;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:65vh;width:100%;margin-bottom:-42vh;margin-top:5%;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:820px) and (max-width:1024px) and (min-height:1100px) and (max-height:1200px) and (orientation:portrait) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;margin:auto;position:fixed;top:-10vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:65vh;width:100%;margin-bottom:-43vh;margin-top:5%;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:1020px) and (max-width:1024px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { margin:auto;position:fixed;top:-14vh;} .clipmask { height:65vh;width:100%;margin-bottom:-24vh;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:1020px) and (max-width:1024px) and (max-height:601px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5 60 72);} .upperImg { margin:auto;position:fixed;top:-18vh;} .clipmask { height:75vh;width:100%;margin-bottom:-25vh;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:850px) { .title { margin-top:-40px;font-size:2.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;margin:auto;position:fixed;top:-5vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:78vh;width:100%;margin-bottom:-48vh;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:1.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:850px) and (max-height:420px) { .title { margin-top:-40px;font-size:2.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:80%;margin:auto;position:fixed;top:-18vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:130vh;width:100%;margin-bottom:-75vh;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:1.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} .androidnote { font-size:.87em;display:block;margin:0 auto;width:80%;margin-bottom:3vh;margin-top:7vh;} } @media (min-width:420px) and (max-width:712px) { .title { font-size:3.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;margin:auto;position:fixed;top:-10%;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:65vh;width:100%;margin-bottom:-500px;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:2.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (min-width:420px) and (max-width:712px) and (max-height:420px) { .title { margin-top:-40px;font-size:2.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:80%;margin:auto;position:fixed;top:-7vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:120vh;width:100%;margin-bottom:-75vh;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:1.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:2vh;margin-bottom:6vh;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:100%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:100%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:550px) and (max-height:800px) { .title { font-size:2.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { margin:auto;position:fixed;top:-1vh;width:100%;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:85vh;width:100%;margin-bottom:-400px;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:2em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:800px) and (min-width:713px) and (max-height:550px) and (min-height:370px) { .title { font-size:2.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { margin:auto;position:fixed;top:-9vh;width:80%;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:85vh;width:100%;margin-bottom:-280px;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:2em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:500px) { .title { margin-top:-40px;font-size:2.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;margin:auto;position:fixed;top:5vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:65vh;width:100%;margin-bottom:-370px;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:1.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:500px) { .title { margin-top:-40px;font-size:2.5em;font-weight:bold;margin-bottom:-1.2vh;color:rgb(5, 60, 72);} .upperImg { width:100%;margin:auto;position:fixed;top:4vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:65vh;width:100%;margin-bottom:-41vh;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:1.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:30px;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} .androidnote { font-size:.87em;display:block;margin:0 auto;width:80%;margin-bottom:3vh;} } @media (max-width:380px) { .title { margin-top:-40px;font-size:2em;font-weight:bold;color:rgb(5, 60, 72);} .upperImg { width:90%;margin:auto;position:fixed;top:6vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:65vh;width:100%;margin-bottom:-39vh;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:1.8em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.4em;font-family:'sans-serif';letter-spacing:2px;margin-top:2vh;margin-bottom:2vh;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.6em;} .img1 { display:block;margin-top:3em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:10px;} .d3 { font-size:1.4em;} .note { font-size:0.8em;} .androidnote,.d1, .d2, .d3 { text-align:center;} } @media (max-width:300px) { .title { margin-top:-40px;font-size:1.9em;font-weight:bold;color:rgb(5, 60, 72);} .upperImg { width:100%;margin:auto;position:fixed;top:15vh;} .clipmask { clip-path:polygon(0% 10%, 100% 0%, 100% 25%, 0% 35%);height:65vh;width:100%;margin-bottom:-280px;} .textsec { margin-right:5%;margin-left:5%;} .sec { font-size:1.3em;font-weight:bold;color:rgb(34, 161, 114);letter-spacing:2px;} .secsub { font-size:1.2em;font-family:'sans-serif';letter-spacing:2px;margin-top:2vh;margin-bottom:2vh;color:rgb(72, 72, 72);} .s1, .ss1, .s3, .ss3 { text-align:right;} .ss1 { font-size:1.3em;} .image { margin-top:5em;margin-bottom:5em;} .note { font-size:0.8em;} .img1 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;} .img2 { display:block;margin-top:5em;margin-left:auto;margin-right:auto;width:80%;margin-bottom:1em;border-radius:22px;} .androidnote,.d1, .d2, .d3 { text-align:center;} }