html{font-size:16px}
html,body{height:100%}
body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,table,tr,th,td,input,textarea,select,button{margin:0;padding:0;line-height:1.6;list-style:none inside;-webkit-text-size-adjust:100%;word-wrap:break-word;overflow-wrap:break-word;word-break:break-all;color:#333;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Noto Sans Japanese", Noto Sans JP, sans-serif;}
header,footer,nav,article,section,aside{display:block}
a {color:#034784;text-decoration:none;}
a:hover {color:#ea5f00;text-decoration:underline;}
img{image-rendering: -webkit-optimize-contrast;}

#container {margin:0 auto;position:relative;min-height:100%;height:100%;min-height:100%;height:auto !important;background-color:#fdfbef;}

.movieTtl{font-size:1.2rem; font-weight:bold;text-align:center;margin:20px 0;}
.zoomAlert{text-align:center;font-size:1rem;margin:0 0 10px 0;}
/*  */
section{margin-bottom:80px;}
h2{background-color:#0070c0;margin:0 0 20px 0;}
h2 p{color:#fff;margin:0 auto;}
h2 .fa-inverse {color:#0070c0;}
p.stepIc {background-color:#ff9600;color:#fff;border-radius:8px;text-align:center;font-weight:bold;}
p.osKbn {font-weight:bold;color:#ff9600;font-size:0.9rem;}
p.stepTtl {font-weight:bold;}

.dtlBtn{margin:30px 0 0 0;}
a.btnStyle {display:block;background-color: #eb6100;font-size: 16px;color: #FFF;font-weight: bold;padding:20px 20px;text-align: center;border-radius: 8px;transition: .4s;text-decoration:none;margin:0 auto;}
a.btnStyle:hover {background-color: #037ee2;}

.guideMenu ul{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.guideMenu .menuNum{font-size:1.2rem;color:#0070c0;}
.guideMenu li:nth-child(2){font-size:1.2rem;padding-top:2px;}
div.stepClm{margin:0 auto 10px;}

.characterAlert{background-color:#ffb636;color:#fff;font-weight:bold;border-radius: 5px;}
.characterAlert p{padding:10px 0;color:#fff;text-align:center;}


footer{background-color:#333;padding:30px 0;margin:0 0 0;position: absolute;bottom: 0;width:100%;}
footer p{text-align:center;color:#fff;font-size:0.8rem;}

.step01Style{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.step01Style li:nth-child(2) {margin-left:15px;}
.step01Style li:nth-child(2) img{width:80px;}
.step02Style{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}


#page_top {
    position: fixed;
    bottom: 30px;
    right: 20px;
}
#page_top a {
border-radius:50%;
    background-color: #999;
    color: #fff;
    text-align: center;
    text-decoration: none;
    padding: 12px 20px;
opacity:80%;
}
#page_top a:hover {
    background-color: #666;
    text-decoration: none;
}
.userNote p{font-size:1.2rem;}
.userNote p b{color:#ff0000;}
.userNote p.userAlert{background-color:#cc3300;color:#fff;font-weight:bold;border-radius: 5px;padding:20px 0;font-size:16px;}



@media screen and (min-width: 768px){
header{background:url(./images/bg_header.png) repeat-x;}
header.pd20211108{background:url(./images/bg_header.png) repeat-x;}
header img{display:block;width:800px;margin:0 auto;}
/**/
.guideMenu ul{margin:10px 10px;}
.guideMenu {width:800px;margin:20px auto 30px;}
h2 {padding:15px 0;}
h2 .menuNum{font-size:1rem;}
h2 p{width:800px;;font-size:1.2rem}
p.stepIc {font-size:1rem;padding:5px 0;width:100px;}
.dtlBtn a {width:300px;}
.entryBtn a{width:300px;margin:0 0 0 120px;}
.confirmBtn a{width:300px;margin:20px auto;}

div.stepClm {width:800px;position:relative;}
p.stepIc {position:absolute;top:0;left:0;}
div.stepDtl{margin-left:120px;}
p.stepTtl {font-size:1.2rem;margin:0 0 15px 0;padding:5px 0 0 0;}
.step02Style img.btn{display:none;}
.step02Style img.qr{width:80px;}
.step02Style li{text-align:center;margin:0 20px 0 0;}

.step03Style {display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.step03Style div:first-child img{width:60px;}
.step03Style div:nth-child(2) {margin:20px 15px;}
.step03Style div i.arrow{color:#0070c0;font-size:2rem;margin:-20px 15px 0;}

.step03Style ul {display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.step03Style ul li {font-size:0.8rem;margin-right:40px;}
.step03Style ul li img{height:200px;}
ul li .menuNum{font-size:0.6rem;}
.step03Style ul li p.clm01 {width:140px;}
.step03Style ul li p.clm02 {width:300px;}
.step03Style ul li .menuNum,.step06Style ul li .menuNum{height:50px;float:left;}

.step04Style {display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.step04Style li {margin-right:20px;}
.step04Style li img{height:200px;}
.step04Style li .menuNum{font-size:0.6rem;}
.step04Style li p {font-size:0.8rem;}
.step04Style li p.clm01 {margin-top:90px;}
.step04Style li p.clm02 {margin-top:15px;}
.step04Style li p.clm03 {margin-top:15px;}

.step05Style p{font-size:0.8rem;margin:20px 0 0 0;}
.step05Style p.updateAlert{font-size:1rem;color:#ff0000;font-weight:bold;}

.step06Style ul {display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.step06Style ul li {font-size:0.8rem;margin-right:20px;}
.step06Style ul li img{height:200px;margin-left:20px;}
.step06Style li p.clm01 {width:200px;}
.step06Style li p.clm02 {width:500px;}
.step06Style li p.clm03 {width:350px;}
.step06Style li p.clm04 {width:300px;}
.step06Style li p.clm05 {width:350px;}

.characterAlert{margin:20px 0;}

.ph03Style{width:800px;margin:0 auto;}
.ph03Style p {margin:0 10px 15px;}
.ph03Style div{text-align:center;margin:20px 0 20px;}
.ph03Style div img{width:500px;}

.ph04Style{width:800px;margin:0 auto;}
.ph04Style dl{border:2px solid #ccc;width:90%;margin:0 auto 20px;}
.ph04Style dt{border-bottom:2px solid #ccc;padding:12px 20px;background-color:#E7E7E7;font-weight:bold;}
.ph04Style dt ul{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.ph04Style dt ul li:first-child{color:#cc0000;font-weight:bold;margin-right:10px;line-height:120%;}
.ph04Style dt ul li:nth-child(2){line-height:120%;}
.ph04Style dd{padding:12px 20px;line-height:150%;background-color:#fff;}
.ph04Style dd p{color:#cc0000;font-weight:bold;}

.ph05Style{width:800px;margin:0 auto;}
.ph05Style p{text-align:center;margin:20px 0 0;}
.ph05Style div img{width:500px;}
section#ph06{padding-bottom:150px;margin:0;}


.movie{width:720px;margin:0 auto 50px auto;overflow:hidden;zoom:1;}
.movie li{width:350px;margin:0 auto;}
.movie img{width:350px;height:197px;}
.movie .lmov{float:left;}
.movie .rmov{float:right;}


.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
  z-index:1;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
text-align:center;
/*    width: 60%; */
}

.modal__content iframe{width:650px;height:366px;}

p.pd20211108{width:800px;margin:100px auto;text-align:center;font-size:1.5rem;font-weight:bold;}
}

@media screen and (max-width: 768px){
a.btnStyle{font-size:20px;}
header{background:url(./images/bg_header.png) repeat-x;}
header img{display:block;width:100%;margin:0 auto;}

.guideMenu ul{margin:10px 10px;}
.guideMenu {margin:20px auto 30px;}
h2 {padding:10px 10px;overflow:hidden;zoom:1;}
h2 .menuNum{font-size:0.8rem;display:block;float:left;margin-right:4px;}
h2 p{font-size:1rem}

p.stepIc {font-size:1rem;padding:5px 0;width:100px;}
.dtlBtn a {width:80%;margin:0 auto;}
.entryBtn a{width:80%;margin:0 auto;}
.confirmBtn a{width:80%margin:0 auto;}

.step01Style {margin:0 0 15px 0}

div.stepClm {margin:0 10px 20px 10px;}
p.stepIc {}
div.stepDtl{margin:0px;}
p.stepTtl {font-size:1rem;line-height:120%;margin:0 0 15px 0;padding:5px 0 0 0;}
.step02Style img.btn{width:150px;}
.step02Style img.qr{display:none;}
.step02Style li{text-align:center;margin:0 10px 0 0;}

.step03Style div:first-child {margin-bottom:20px;text-align:center;}
.step03Style div:first-child img{width:90px;}
.step03Style div:nth-child(2) {display:none;}

.step03Style div i.arrow{color:#0070c0;font-size:2rem;margin:-20px 15px 0;}

.step03Style ul li {font-size:0.6rem;margin-bottom:20px;text-align:center;}
.step03Style ul li img{height:200px;width:auto;}

ul li .menuNum{font-size:0.7rem;}
.step03Style ul li p {font-size:1rem;text-align:left;}
.step03Style ul li .menuNum,.step06Style ul li .menuNum{height:50px;float:left;}

.step04Style li {margin-right:20px;text-align:center;}
.step04Style li img{height:200px;widt:auto;}
.step04Style li .menuNum{font-size:0.6rem;}
.step04Style li p {font-size:0.9rem;text-align:left;}

.step05Style p{font-size:0.8rem;margin:20px 0 0 0;}
.step05Style p.updateAlert{font-size:1rem;color:#ff0000;font-weight:bold;}

.step06Style ul li {font-size:0.8rem;text-align:center;margin-bottom:20px;}
.step06Style ul li img{height:200px;}
.step06Style li .menuNum{font-size:0.6rem;}
.step06Style li p {font-size:0.9rem;text-align:left;}
.step06Style li p br {display:none;}

.characterAlert{margin:20px 0;}

.ph03Style {margin:0 auto;}
.ph03Style p {margin:0 10px 15px;}
.ph03Style div{text-align:center;}
.ph03Style div img{width:90%;}

.ph04Style{margin:0 10px;}
.ph04Style dl{border:2px solid #ccc;width:95%;margin:0 auto 20px;}
.ph04Style dt{border-bottom:2px solid #ccc;padding:12px 20px;background-color:#f6f6f6;}
.ph04Style dt ul{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;}
.ph04Style dt ul li:first-child{color:#cc0000;font-weight:bold;margin-right:10px;line-height:120%;}
.ph04Style dt ul li:nth-child(2){line-height:120%;}
.ph04Style dd{padding:12px 20px;line-height:120%;}
.ph04Style dd p{color:#cc0000;font-weight:bold;}

.ph05Style{margin:0 10px 100px 10px;}
.ph05Style p{text-align:center;margin:20px 0 20px;}


ul.movie{display:none;}
.modal__content {width:350px;margin:0 auto;}
.modal__content iframe{width:350px;height:197px;}
.modal__content a{display:none;}
#modal01 {margin-bottom:10px;}
#modal02 {margin-bottom:10px;}

p.pd20211108{margin:60px 20px;text-align:center;font-size:1.2rem;font-weight:bold;}
section#ph06{padding-bottom:40px;}


}