*{margin:0px;padding:0px;}

html{height:100%;}

IMG{border:0px;}
UL{list-style:none;}

body{font-size:16px;line-height:24px;background:#000;text-align:center;letter-spacing:2px;color:#fff;width:100%;height:100%;}

input#submitbtn{padding:6px;font-size:18px;border:double 3px #ffffff;background:#006699;color:#ffffff;letter-spacing:1px;}
input#resetbtn{padding:6px;font-size:18px;border:double 3px #ffffff;background:#ff6600;color:#ffffff;letter-spacing:1px;}
input#downloadbtn{padding:4px;font-size:14px;border:double 3px #ffffff;background:#006699;color:#ffffff;letter-spacing:1px;font-weight:bolder;}

.wpcf7 input[type="submit"] {font-size:0.8em;letter-spacing:10px;padding:10px 40px;margin:0px;background:#666666;color:#ffffff;border-radius:4px;cursor:pointer;box-shadow:0 0 1px rgba(0,0,0,.2);border:3px double #ccc;}

p{width:90%;margin:0px auto 30px;}

div#end{clear:both;display:block;overflow:hidden;text-indent:-9999px;}


div#contents{width:100%;}

div#footer{width:100%;margin:200px auto 0px;border-top:solid 1px #fff;background:#fff;color:#000;}
div#footer div#contents{margin:0px auto;padding:50px 0px;overflow:hidden;letter-spacing:6px;}
/*
div#footer div#contents p{font-size:1.1em;}
div#footer div#contents p span{font-size:1.2em;}
*/
div#footer div#contents p{width:300px;margin:20px auto;overflow:hidden;}
div#footer div#contents p a{background:url(img/footer_logo.png) no-repeat center center;width:300px;line-height:62px;display:block;overflow:hidden;text-indent:-9999px;}
div#footer div#tel{margin:0px auto;padding:10px 0px 0px;overflow:hidden;font-size:0.8em;letter-spacing:2px;}

div.wpcf7-validation-errors,div.wpcf7-acceptance-missing {display: none !important;}

.post-password-form{margin:200px auto 400px;}


.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea {width:80%!important}

div#photo_12{display: none;}
div#photo_12 img{width:100%;height:400px;object-fit:cover;}
div#video_12{display: none;width:100%;}
video#opv{/*position: fixed;top: 0;left: 0;object-fit: cover;width: 100vw;height: 100vh;*/vertical-align: bottom;}




/*スマホ*/
@media screen and (max-width:640px){

h2{margin:50px 0px 30px;font-size:1.4em;font-weight:bolder;}

div#header{width:100%;box-sizing:border-box;margin:0px auto;padding:0px 10px;background:#fff;}
div#header h1 img{display:none;height:0px;}/*max-width:100%;*/
div#header ul{display:none;}

div#description{clear:both;width:100%;text-align:center;font-size:0.9em;padding:4px 0px;letter-spacing:6px;}

div#photo_1 img{max-width:100%;}


div#description_2{margin:30px auto;font-size:1.2em;}

div#photo_2{width:100%;height:200px;margin:0px auto;background:url(img/2334336_m.jpg) no-repeat center center;background-size:cover;}
div#photo_2 span{display:none;}

.section1{padding:100px 0px 200px;margin:-100px 0px 0px;}
.section1_bg{background-color:rgba(233,84,20,0.6);}
.section1.section_tilt_r {clip-path:polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);}
.section1 p{text-align:left;}

div#section1_banner{margin:50px 0px 0px;}
div#section1_banner a{background:#000;position:relative;display:flex;justify-content:space-around;align-items:center;margin:0 auto;max-width:360px;padding:20px 10px;color:#fff;transition:0.3s ease-in-out;font-weight:bolder;}
div#section1_banner a::before {content:'';position:absolute;top:-6px;left:-6px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #fff;transition:0.2s;}
div#section1_banner a::after {content:'';width:5px;height:5px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg);}
div#section1_banner a:hover::before {top:0;left:0;border:2px solid #000;}
div#section1_banner a:hover {text-decoration:none;background-color:#ffcc00;color:#000;}
div#section1_banner a:hover::after {border-top:3px solid #000;border-right:3px solid #000;}

.section2{padding:100px 0px 150px;margin:-100px 0px 0px;}
.section2_bg{background-color:rgba(0,128,192,0.6);}
.section2.section_tilt_l{clip-path:polygon(0 0, 100% 100px, 100% 100%, 0 calc(100% - 100px));}
.section2 p{margin:0px 0px 30px;font-size:1.4em;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
.section2 table{width:80%;margin:30px auto;background:#333;color:#000;border-collapse:separate;border-spacing:1px;}
.section2 table th{background:#ddd;padding:4px 10px;font-weight:normal;}
.section2 table td{background:#efefef;padding:4px 10px;text-align:left;}

.section_contact{padding:100px 0px 100px;margin:-100px auto 0px;overflow:hidden;}
.section_contact_bg{background-color:rgba(128,128,128,0.6);}
.section_contact.section_tilt_r {clip-path:polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);}
.section_contact form table#contact{width:90%;margin:50px auto;background:#666666;color:#333;}
.section_contact form table#contact th{width:150px;padding:4px;background:#ccc;}
.section_contact form table#contact td{text-align:left;padding:4px;background:#ffffff;}

div#footer div#contents div#qr{display:none;}

}

/*パソコン*/
@media screen and (min-width:641px){

h2{margin:80px 0px 60px;font-size:2.2em;letter-spacing:4px;font-weight:bolder;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}

div#header{width:100%;box-sizing:border-box;margin:0px auto;padding:0px 10%;background:#fff;height:120px;}
div#header h1{float:left;width:420px;margin:20px 0px 0px;text-align:left;overflow:hidden;}
div#header h1 a{background:url(img/top_logo.png) no-repeat center center;width:418px;height:87px;display:block;overflow:hidden;text-indent:-9999px;}
div#header ul{float:right;margin:40px 0px 0px;}
div#header ul li{float:left;margin:0px;line-height:60px;border-left:1px solid #333;padding:0px 20px;}
div#header ul li:last-child{border-right:1px solid #333;}
div#header ul li a{color:#000;text-decoration:none;}
div#header ul li a:hover{color:#0000ff;text-decoration:none;}

div#description{clear:both;width:100%;text-align:center;font-size:0.9em;padding:4px 0px;letter-spacing:6px;}

div#photo_1{width:100%;height:400px;margin:0px auto;background:url(img/bg_top.png) no-repeat center center;background-size:cover;}
div#photo_1 span{display:none;}
div#photo_1 img{display:none;}

div#description_2{margin:70px auto;line-height:2em;font-size:2.4em;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}

div#photo_2{width:100%;height:400px;margin:0px auto;background:url(img/2334336_m.jpg) no-repeat center center;background-size:cover;}
div#photo_2 span{display:none;}

.section1{padding:150px 0px 250px;margin:-100px 0px 0px;}
.section1_bg{background-color:rgba(233,84,20,0.6);}
.section1.section_tilt_r {clip-path:polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);}
.section1 p{font-size:1.4em;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}

div#section1_banner{margin:100px 0px 0px;}
div#section1_banner a{background:#000;position:relative;display:flex;justify-content:space-around;align-items:center;margin:0 auto;max-width:360px;padding:20px 40px 20px;color:#fff;transition:0.3s ease-in-out;font-weight:bolder;}
div#section1_banner a::before {content:'';position:absolute;top:-6px;left:-6px;width:calc(100% - 4px);height:calc(100% - 4px);border:2px solid #fff;transition:0.2s;}
div#section1_banner a::after {content:'';width:5px;height:5px;border-top:3px solid #fff;border-right:3px solid #fff;transform:rotate(45deg);}
div#section1_banner a:hover::before {top:0;left:0;border:2px solid #000;}
div#section1_banner a:hover {text-decoration:none;background-color:#ffcc00;color:#000;}
div#section1_banner a:hover::after {border-top:3px solid #000;border-right:3px solid #000;}
div#section1_banner a span{font-size:1.4em;}

.section2{padding:150px 0px 150px;margin:-150px 0px 0px;}
.section2_bg{background-color:rgba(0,128,192,0.6);}
.section2.section_tilt_l{clip-path:polygon(0 0, 100% 100px, 100% 100%, 0 calc(100% - 100px));}
.section2 p{margin:0px 0px 30px;font-size:1.4em;font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;}
.section2 table{width:50%;margin:50px auto;background:#333;color:#000;border-collapse:separate;border-spacing:1px;}
.section2 table th{background:#ddd;padding:10px 20px;font-weight:normal;}
.section2 table td{background:#efefef;padding:10px 40px;text-align:left;}

.section_contact{padding:100px 0px 100px;margin:-100px auto 0px;overflow:hidden;}
.section_contact_bg{background-color:rgba(128,128,128,0.6);}
.section_contact.section_tilt_r {clip-path:polygon(0 100px, 100% 0, 100% calc(100% - 100px), 0 100%);}
.section_contact form table#contact{width:50%;margin:50px auto;background:#666666;color:#333;}
.section_contact form table#contact th{padding:10px 40px;background:#ccc;}
.section_contact form table#contact td{text-align:left;padding:10px 40px;background:#ffffff;}

div#footer div#contents div#qr{position:fixed;width:90px;height:90px;bottom:10px;right:10px;}
div#footer div#contents div#qr a{width:90px;height:90px;display:block;overflow:hidden;text-indent:-9999px;background:url(img/marushoqr_b.png) no-repeat;}

div#footer div#contents div#pagetop{position:fixed;width:90px;line-height:30px;bottom:100px;right:10px;background:#000;}
div#footer div#contents div#pagetop a{width:90px;display:block;overflow:hidden;color:#fff;text-decoration:none;letter-spacing:1px;font-weight:bolder;}

/*
div#footer_menu{width:100%;background:#fff;}
div#footer_menu ul{margin:30px auto 0px;}
div#footer_menu ul li{float:left;margin:0px;border-left:1px solid #fff;padding:0px 20px;}
div#footer_menu ul li:last-child{border-right:1px solid #333;}
div#footer_menu ul li a{color:#fff;text-decoration:none;}
div#footer_menu ul li a:hover{color:#ffcc00;text-decoration:none;}
*/

}

div#maintenance{background:#fff;position:relative;width:100%;height:100%;}
div#maintenance img{position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);}