@page {
	margin: 0mm 5mm;
	size: A4 portrait; //横の場合はlandscape
}
@media print{
body{
        margin-top: 0px;
        padding-bottom: 0px;
        min-height: 0px;
        -webkit-print-color-adjust: exact; /* 印刷時でも背景色や背景画像を表示 */
        padding-top: 5mm;
        width: 210mm;
        zoom: 0.3; /* なるべく多くのブラウザで切れないようにするため */
        overflow-x: visible;
}
    body img{
        width: 180mm;
    }
}

body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}


header{
    margin: 0;
    padding: 0;
    width: 100%;
}
footer{
    text-align: right;
    display: flex;
    justify-content: right;
}

h1{
    font-size: min(18pt,max(2vw,14px));
    font-family: 'helvetica','verdana','UD デジタル 教科書体 N-R','游明朝 regular',sans-serif;
    font-weight: 300;
    color:#FFFFFF;
    text-shadow: 1px 1px 3px #000000;
}
h2{
    font-size: min(20pt,max(2.5vw,16px));
    font-family: 'helvetica','verdana','UD デジタル 教科書体 N-R','游ゴシック bold',sans-serif;
    font-weight: 550;
    color:#000000;
    margin-bottom: 0;
    margin-top: 1vh;
}
h3{
    font-size: min(16pt,max(2vw,14px));
    font-family: 'helvetica','verdana','UD デジタル 教科書体 N-R','游明朝 regular',sans-serif;
    line-height: min(30pt,max(2vw,20px));
    font-weight: 300;
    color:#000000;
    margin-bottom: 0;
    margin-top: 1vh;
}
h4{
    font-size: min(14pt,max(1.5vw,12px));
    font-family: 'helvetica','verdana','UD デジタル 教科書体 N-R','游明朝 regular',sans-serif;
    font-weight: 450;
}
h5{
    font-size: min(10pt,max(1.2vw,10px));
    font-family: 'helvetica','verdana','UD デジタル 教科書体 N-R','游ゴシック',sans-serif;
    font-weight: 500;
}
.credit{
    margin-left: 3vw;
}
iframe{
    width: 100%;
    border: 0;
}

#banner{
    margin-left: 2vw;
    margin-top: 5vh;
    display: flex;
    align-items: center;
}
#head{
    overflow: hidden;
    background-image: url(../../images/amodo/0.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    height: 100vh;
}

#lang{
    margin-left: auto;
    margin-right: 2vw;
    
}
#about{
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: 60vh;
}
#about{
    animation-name:fadeIn;
    animation-duration:0.5s;
    animation-fill-mode:forwards;
    opacity:0;
}

@keyframes fadeIn{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}
}

a{
    color:#000000;
    text-decoration: none;
}
a:visited{
    color:#000000;
}
#menu{
    margin-top: 2vh;
    margin-right: 5vw;
    width: fit-content;
}
ul a {
    text-decoration: none;
    list-style: none;
    font-size: min(14pt,max(3vw,18px));
    font-family: 'verdana','helvetica','UD デジタル 教科書体 N-R','游明朝 regular',sans-serif;
    font-weight: 400;
    line-height: min(28pt,max(6vw,33px));
    color: #000000;
}
.part a{
    color: #000000;
}
.part img{
    vertical-align: bottom;
}
.textbox{
    margin-right: 2vw;
    margin-left: 2vw;
}


@media screen and (min-width: 1000px){
#wrap{
    min-height: calc(100vh - 590px);
    position: relative;
    margin-top: 0px;
    padding-bottom: 0px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
#header1 iframe{
    height: 60px;
    margin-bottom: 0px;
}
#header2 iframe{
    height: 160px;
    margin-bottom: 0px;
}
footer iframe{
    height: 350px;
}
footer{
    width: 100%;
}
#logoint img{
    width:50vw;
}
#logo{
    width:5vw
}
#brand{
    width:25vw
}
.part{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vh;
}
.part img, video{
     width: 40vw;
}
.textbox{
     width: 40vw;
}
.part2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vh;
    grid-gap:1vw;
}
.part2 img{
     height: 20vw;
}
}
@media screen and (max-width: 1000px){
#wrap{
    min-height: calc(100vh - 330px);
    position: relative;
    margin-top:0px;
    padding-bottom: 0px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}
#logo{
    width:10vw
}
#brand{
    width:50vw
}
.part{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vh;
    flex-direction: column-reverse;
    grid-gap: 5vw
}
.part img, video{
     width: 90vw;
}
.textbox{
     width: 90vw;
}
.part2{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2vh;
    flex-direction: row;
    grid-gap: 5vw;
}
.part2 img{
     height: 20vw;
}

}