bnmbertsurhetertertertertertertertpdf'tdfg

hjkhghopjkertteerterterterertertrtoirh bnmbertsurhetertertertertertertertpdf'tdfg

@charset "UTF-8";
/* CSS Document */
html { height: 100%;/*width: 100%;margin: 0;	padding: 0;*/} 
body{margin: 0;	padding: 0; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight:500; -webkit-text-size-adjust: 100%;}

/*body.fixed {	position: fixed;height: 100vh;}*/
.gothic{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.clearfix:after{content: "";clear: both;display: block;}
:hover{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;transition: all  0.3s ease;}

@media screen and (min-width:1051px) {
    body{position: relative;width: 100%; height: auto;min-height: 100%;/*height: 100vh;*/}
    
    #wrapper {  padding-bottom: 70px;}
    
    header{width:100%;margin: 0 auto 0px auto;	padding: 0; }
    
    header div{width:100%;margin: 0 auto 0px auto;	padding: 0; }
    header div h1{width:100%;margin: 0;padding:50px 0 20px 0; text-align: center}
    header div h1 img{width:200px;}
    header div figure{display: none;}
        
    main{width:100%;margin: 0 auto 0px auto;	padding: 0; }
    
    main figure{float: left;width:49%;display:table-cell;vertical-align: middle; height: 80vh;margin: 0;	padding: 0 1% 0 0; text-align: right}
    main figure img{width:90%;max-width: 900px;height: 100%;object-fit: cover;object-position: 95% 85%}
    
    main div{float: right;width:49%;margin: 0 ;padding:0px 0% 0px 1%;}
    main div section{display:table-cell;vertical-align: middle;height: 80vh;max-width: 700px;margin: 0 ;padding:0px 5% 0px 0%;}
    main div section h2{margin: 0 auto;padding: 0px 0;text-align: center;font-size: 45px; letter-spacing: 3px;font-weight: normal}
    main div section h3{margin: 0 auto 30px auto;padding: 0px 0;text-align: center;font-size: 32px; letter-spacing: 3px;font-weight: normal}
    main div section p{margin: 0 auto 30px auto;padding: 0px 0;font-size: 17px; letter-spacing: 2px;line-height: 40px;}
    main div section article{margin: 0 auto 30px auto;padding: 0px 0;font-size: 16px; letter-spacing: 2px;text-align: right;line-height: 30px;}
    main div section a{display:block;width: 80%;margin: 0 auto 0px auto;padding: 20px 0;text-align: center;font-size:20px;color: white; letter-spacing:1px;background: #b77d42;text-decoration: none;}
    main div section a:hover{background:#1f1719;}
    
    footer{position: absolute;bottom: 0%;left: 0;width:100%;height: 70px; margin: 0;padding:0px 0 0 0;}/*低い画面になった時、スクロールさせる*/
    footer small{display:block; font-size: 12px; text-align: center;margin: 0;padding:25px 0 0 0;}    
}

@media screen and (min-width:701px) and (max-width:1050px) {    
    body{position: relative;width: 100%; height: auto;min-height: 100%;/*height: 100vh;*/}
    
    #wrapper {  padding-bottom: 70px;}
    
    header{width:100%;margin: 0 auto 0px auto;	padding: 0; }
    
    header div{width:100%;margin: 0 auto 0px auto;	padding: 0; }
    header div h1{width:100%;margin: 0;padding:50px 0 20px 0; text-align: center}
    header div h1 img{width:200px;}
    header div figure{display: none;}
        
    main{width:100%;margin: 0 auto 0px auto;	padding: 0; }
    
    main figure{float: left;width:49%;display:table-cell;vertical-align: middle; height: 80vh;margin: 0;	padding: 0 1% 0 0; text-align: right}
    main figure img{width:90%;max-width: 900px;height: 100%;object-fit: cover;object-position: 95% 85%}
    
    main div{float: right;width:49%;margin: 0 ;padding:0px 0% 0px 1%;}
    main div section{display:table-cell;vertical-align: middle;height: 80vh;max-width: 700px;margin: 0 ;padding:0px 5% 0px 0%;}
    main div section h2{margin: 0 auto;padding: 0px 0;text-align: center;font-size: 40px; letter-spacing: 2px;font-weight: normal}
    main div section h3{margin: 0 auto 20px auto;padding: 0px 0;text-align: center;font-size:26px; letter-spacing: 3px;font-weight: normal}
    main div section p{margin: 0 auto 30px auto;padding: 0px 0;font-size: 16px; letter-spacing: 1px;line-height:26px;}
    main div section article{margin: 0 auto 30px auto;padding: 0px 0;font-size: 16px; letter-spacing: 1px;text-align: right;line-height: 26px;}
    main div section a{display:block;width: 90%;margin: 0 auto 0px auto;padding: 20px 0;text-align: center;font-size:18px;color: white; letter-spacing:1px;background: #b77d42;text-decoration: none;}
    main div section a:hover{background:#1f1719;}
    
    footer{position: absolute;bottom: 0%;left: 0;width:100%;height: 70px; margin: 0;padding:0px 0 0 0;}/*低い画面になった時、スクロールさせる*/
    footer small{display:block; font-size: 12px; text-align: center;margin: 0;padding:25px 0 0 0;}
}

@media screen and (max-width:700px) {    
    body{width:100%;height: 100%;margin: 0;	padding: 0;}
    
    header{width: 100%;margin: 0 auto 20px auto}
    
    /*フルスクリーン
    header div{position: relative;width: 100%; height: 100vh;}
    
    header div h1{position:absolute;top: 0;left: 0%;width:100%;margin: 0;padding:30px 0 20px 0; text-align: center;background: white; z-index: 1;}
    header div h1 img{width:40%;max-width: 200px;}
    header div figure{position:absolute;top: 0%;left: 5%;width:90%;height:95vh; margin: 0 ;padding: 0;}
    header div figure img{width:100%;height: 100%;object-fit: cover;object-position: 60% 50%}
    */
    
    header div{width: 100%;}
    
    header div h1{width:100%;margin: 0;padding:20px 0 0px 0; text-align: center;background: white; z-index: 1;}
    header div h1 img{width:40%;max-width: 200px;}
    header div figure{width:90%; margin: 0 auto;padding: 0;}
    header div figure img{width:100%;height: 100%;object-fit: cover;object-position: 60% 50%/**/}

main{width:80%;margin: 0 auto 0px auto;padding:0px 0;}
    
    main figure{display:none;}
    
    main div{margin: 0 auto;padding:0px;}
    main div section{width: 100%;margin: 0 auto;padding:0px 0 0px 0;}
    main div section h2{margin: 0 auto;padding: 0px 0;text-align: center;font-size: 25px; letter-spacing: 2px;font-weight: normal}
    main div section h3{margin: 0 auto 20px auto;padding: 0px 0;text-align: center;font-size: 20px; letter-spacing: 1px;font-weight: normal}
    main div section p{margin: 0 auto 20px auto;padding: 0px 0;font-size: 14px; letter-spacing: 0px;line-height:26px;}
    main div section article{margin: 0 auto 20px auto;padding: 0px 0;font-size: 13px; letter-spacing: 0px;text-align: right;line-height: 20px;}
    main div section a{display: block;width:100%;margin: 0 auto;padding: 24px 0;text-align: center;font-size:18px;color: white; letter-spacing:0px;background: #b77d42;text-decoration: none;}
    main div section a:hover{background:#1f1719;}
    
    footer{width:96%;margin: 0 auto;padding:20px 0;}
    footer small{display:block;font-size: 10px; text-align: center;margin: 0;padding: 0;}
}