@charset "utf-8";

/*----------------------------------------
	for PC
----------------------------------------*/
	br.sp{display:none;}
section a{color:#fff; text-decoration: underline;}

body::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  background:url("../img/bg.jpg") no-repeat center ;
  background-size:cover;
}

#wrapper{potision:relative; padding-top: 75px; }
main{margin-bottom:110px;}

section.info-top{margin-top:50px;}
ul.info-list li {display: flex; text-indent:inherit; align-items: center;padding-left: 0;margin-top: 20px;}
ul.info-list2 li {margin-top:5px;}
ul.info-list li:first-child {margin-top: 0;}
ul.info-list li p.data{ margin-right: 20px;}
ul.info-list li span{background:#fff; color:#073c77; padding:0 20px;  text-decoration: none;   border-radius: 20px; }
ul.info-list li p a{color: #fff;}	

h1{position: absolute; top:20px; left: 20px; width:4.5em;}
h1 img{width: 100%;}
section h2{text-align:center; font-size:36px; padding: 20px; line-height: 50px; background: #073c77;margin-bottom:60px;}
h2.title{width: 615px; margin: 0 auto;}
p{text-align:left;font-size:18px; line-height:35px; font-family: 'Noto Sans JP', sans-serif; margin-top: 20px;}
p.day{margin:30px 0  0; }
p.day span{font-size:18px; background:#fff; margin:30px 0  0; padding :5px 20px; color:#073c77;border-radius:30px;}
p.small{font-size:17px; line-height:30px; padding-top:20px;}
strong{color:#ffea7b; }
p a{color:#ffea7b; }
p.title{font-size:40px; line-height:50px; font-weight: bold; margin-top: 30px; text-shadow:0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf,0 0 3px #005dcf; }
p.title span{font-size:27px; }
p.title span.middle{font-size:35px; }
section ul li{font-size:18px!important; text-indent: -1em; padding-left:1em; margin-top: 30px;}
h3{text-align:center; position: relative; font-size: 30px; color: #073c77; background: #d1d1d1; font-weight: bold!important; font-family: 'Noto Sans JP', sans-serif; margin: 60px 0 30px;}
section{width:1000px; margin: 0 auto 50px; padding:50px; background:rgba(7,60,119,0.7) ;}
h4{ color: #e8dcaf; margin: 40px auto 20px; padding:0 15px; text-align: left; font-size: 27px; border-left: 8px solid #e8dcaf; line-height: 1.5;}
section hr{margin-top:30px;height: 0px;}
section span{font-weight: bold;font-size:23px; }

section table.info-table{border-top:1px solid #fff;border-left:1px solid #fff; border-spacing: 0; margin:0 auto 20px;}
section table.info-table th{border-right:1px solid #fff; border-bottom:1px solid #fff; background:rgba(255,255,255,0.7); color: #073c77;padding: 10px; font-size: 20px; line-height: 28px;}
section table.info-table td{border-right:1px solid #fff; border-bottom:1px solid #fff; padding: 10px; text-align: center; font-size: 20px; line-height: 28px;}

section .disc{
  margin-top: 1em;}
section .disc li{
    padding-left:1em;
    text-indent: -1em;
    margin-bottom: 0.7em;
    line-height: 1.4;
    margin-top: 0;
  }
section .disc li::before{
      content: "・";
    }
section ul.asterisk{
  list-style-type: none;
  margin-top: 1em;
  color: #e2e2e2;
  font-size: 1rem;}

section ul.asterisk li{
    padding-left:1em;
    text-indent: -1em;
    margin-bottom: 0.3em;
    line-height: 1.4;
    font-size: inherit !important;
    margin-top: 0;
  }
section ul.asterisk li::before{
      content: "※";
    }

section dl.info_qa{font-size:18px; margin-top: 30px; font-weight: normal; line-height: 30px;}
section dl.info_qa dt,section dl.info_qa dd{font-weight: normal; padding-left:1.8em; text-indent: -1.8em;}
section dl.info_qa dd{margin-bottom:1em; border-bottom: 1px solid #5c6f8d; padding-bottom: 1em;}
section dl.info_qa dt::before{
  content: "Q：";
}
section dl.info_qa dd::before{
  content: "A：";
}


@keyframes btn_hover{
  0% {filter: brightness(100%)}
  100% {filter: brightness(140%)}
}

@keyframes btn_out{
  0% {filter: brightness(140%)}
  100% {filter: brightness(100%)}
}

  .ot-btn{
    display:block;
    width:500px;
    margin:10px auto 0;
    position:relative;
    z-index:10;
    animation:btn_out 0.5s ease-in forwards;
  }

  .ot-btn:hover{
  animation:btn_hover 0.5s ease-in forwards;
  }
.ot-btn img{width:  100%;}

@media screen and (min-width: 769px){

  /* footer */

  .footer{
    height:110px;
    overflow: hidden;
    position:relative;
  }

  .footer-sns{
    position:absolute;
    top:20px;
    left:20px;
    display: flex;
    align-items: center;
  }


  .footer-sns li img{width: 30px;}

  .footer-sns li{
    margin:10px;
	z-index: 10;
  }

  .footer-logo{
    position:absolute;
    top:5px;
    right:15px;
    display: flex;
    align-items: center;
  }

  .footer-logo li{
    margin:10px;
  }

  .footer-logo li img{
    width: 70px;
  }

  .footer-logo li:nth-child(2) img{
    width: 55px;
  }


  .footer-rights{
    font-size:11px;
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    z-index:0;
    text-align: center;
    transform: translate(0,-50%);
  }
}


/*----------------------------------------
	for SP
----------------------------------------*/


@media screen and (max-width: 750px){
	br.sp{display: block;}	
	.pc{display: none;}	
	
	
body::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:100%;
  background-size:cover;
}
main{margin-bottom:calc(80/768*100vw);}
#wrapper{padding-top: 10vw!important; background:none!important;}
h2.title{width: calc(615/768*100vw); margin: calc(200/768*100vw) auto 0;}		
h2.title img{width:100%;}	
section.info-top{ margin-top: calc(30/768*100vw); padding:calc(30/768*100vw); width: calc(710/768*100vw);}
ul.info-list li{margin-top: calc(30/768*100vw);}	
ul.info-list li p.data{margin-right: calc(30/768*100vw);}	
ul.info-list li p{margin-top:0;}	
h1{position: absolute; top:calc(40/768*100vw); left:50%; margin-left:calc(-110/768*100vw); width:calc(240/768*100vw);}
h1 img{width:  100%;}
section h2{text-align:center; margin:0 auto ; width:110%; font-size:4vw; padding: 5%; line-height: 6vw; margin-left: -10%;}
section h2 img{width:  100%;}
p{font-size:calc(28/768*100vw); line-height:calc(48/768*100vw); margin-top:calc(30/768*100vw); }
p strong{color:#ffea7b; }
p.day{margin:calc(28/768*100vw) auto  0; }
p.day span{font-size:calc(24/768*100vw); background:#fff; margin:calc(28/768*100vw) 0  0; padding :calc(5/768*100vw) calc(20/768*100vw); color:#073c77;border-radius:calc(30/768*100vw);}

p.small{font-size:3vw; line-height:4vw; padding-top:3vw;}
section span{font-size:4vw; }

h3{text-align:center; position: relative; font-size: calc(32/768*100vw); color: #073c77; font-weight: bold!important; margin: calc(60/768*100vw) 0 calc(20/768*100vw);line-height: calc(50/768*100vw);padding: calc(10/768*100vw) 0;}
section{padding:calc(50/768*100vw);margin:calc(200/768*100vw) auto calc(60/768*100vw); width: calc(670/768*100vw); }

section ul li{font-size:calc(28/768*100vw)!important; line-height:calc(48/768*100vw); margin-top:calc(30/768*100vw); }
	

section table.info-table{ border-spacing: 0; margin:0 auto calc(20/768*100vw); width: 100%;}
section table.info-table th{border-right:1px solid #fff; border-bottom:1px solid #fff; background:rgba(255,255,255,0.7); color: #073c77;padding: calc(10/768*100vw);font-size:calc(26/768*100vw); line-height:calc(38/768*100vw);}
section table.info-table td{ padding: calc(10/768*100vw); text-align: center;font-size:calc(26/768*100vw); line-height:calc(38/768*100vw);}	
	

h3 + p{margin-top:calc(40/768*100vw);}


  .ot-btn{
    display:block;
    width:calc(500/768*100vw);
    margin:calc(30/768*100vw) auto 0;
    position:relative;
  }

	
  .ot-btn img{
    display:block;
    width:100%;
  }

  .ot-btn:hover{
  animation:btn_hover 0.5s ease-in forwards;
  }
	
section p.img{ flex-wrap: wrap;margin:calc(20/768*100vw) calc(20/768*100vw) 0;  }
section p.img img{margin:calc(20/768*100vw) ; width:43%;}

section p.img2{ width:100%;}
section p.img2 img{ width:100%;}
	
	
section .inner{display:inherit;}	

section table{width:85vw; margin:3vw;}
section .inner table{width:85vw;}
section table td{ padding: 2vw; font-size:3vw;}
section table th{padding: 2vw; font-size:3vw;}
section table + table{margin-top:-3vw;}
	

h4{ width: 83vw; margin: 5vw auto 0; padding: 0.5vw 0 0 2vw;  font-size:4vw;}	
	
	 /* footer */

  .footer{
    overflow: hidden;
    position:relative;
    background-color:#000;
    padding:5vw;
  }

  .footer-sns{
    position:relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding:0vw 0 0vw;
  }
  

  .footer-sns li{
    display: block;
    margin:0 2vw;
  }

  .footer-sns li img{
    width: 10vw;
  }

  .footer-logo{
    position:relative;
    display: flex;
    justify-content: center;
    width:100%;
    align-items: center;
  }

  .footer-logo li{
    margin:2vw;
  }

  .footer-logo li:nth-child(3) img{
    height:10vw;
  }

  .footer-logo li:nth-child(1) img{
    height:13vw;
  }

  .footer-logo li:nth-child(2) img{
    height:13vw;
  }

  .footer-rights{
    font-size:11px;
    position:relative;
    width:100%;
    z-index:0;
    text-align: center;
  }

section dl.info_qa{font-size:3.5vw; margin-top: 3vw; line-height: 5.5vw;}
section dl.info_qa dd{margin-bottom: 3vw;}
section ul.asterisk{font-size: 3.3vw;}


}