@charset "utf-8";

/* reset
----------------------------------------------------------------------*/
*{ 
  margin: 0; padding: 0;
  border: none;
  vertical-align: bottom;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.sectionWidth img {
    padding-bottom: 20px;

}


article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,main,figure {
	display:block;
}
ul, ol { list-style: none; }
table{ border-collapse:collapse;}
input[type="text"]:focus {outline: 0;}

/* structure
----------------------------------------------------------------------*/
html { height: 100%;font-size: 10px; }
body {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 100%;
	height: 100%;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%;
	word-break : break-all;
}
a { text-decoration: none; }

#wrapper {
	position: relative;
	width: 100%;
	height: 100%;
}
body > #wrapper { height: auto; min-height: 100%; }


@media screen {
/*\*/
* html #wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}
.mailerror {
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 20px;
    line-height: 1.5em;
}
.mailerror a {
    color: #FFED00;
    text-decoration: underline;
}


/**/
}


@media screen and (min-width: 769px) {
	.sp {display: none !important;}
  a.hover { 
    -webkit-transition: opacity 0.3s ease;
    -ms-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  a.hover:hover{ 
    filter: alpha(opacity=60);
    -moz-opacity:0.6;
    opacity: 0.6;
  }
}
@media screen and (max-width: 768px) {
	.pc {display: none !important;}
	img{max-width: 100%;height: auto;}
}

/* ========================================
  LAYOUT
======================================== */
.sectionWidth{
  margin: auto;
  max-width: 1060px;
}

/*--------------------------------------
  siteHeader
---------------------------------------*/
.siteHeader{
  background: #000000;
  text-align: center;
  line-height: 1;
  color: #ffff00;
  padding-bottom: 7em;
}
.siteHeader h1 img{
  max-width: 100%;
}

.siteHeader h2{
  margin-top: 4em;
}
.siteHeader .txt{
    font-size: 3rem;
    font-weight: bold;
    margin-top: 10px;
}
.siteHeader .txt time{font-size: 4.7rem;}
.siteHeader .btnArea{padding: 5em 0 0;}
a.btn01{
  display: block;
  background: #ffff00;
  color: #000000;
  border: 4px solid #fff;
  border-radius: 80px;
  max-width: 620px;
  margin: 0 auto;
}
a.btn01 span{
  display: block;
  border-radius: 80px;
  border: 4px solid #000000;
  font-size: 3.6rem;
  padding: 10px;  
  font-weight: bold;
}

.time{
    font-weight: bold;
    font-size: 16pt;
}

.TimeShift {
    display: block;
    width: 400px;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    font-size: 24px;
    text-align: left;
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.6em;
}

/*--------------------------------------
  siteFooter
---------------------------------------*/
.siteFooter {text-align: center;background: #000000;padding: 34px 0 50px;}
.siteFooter,
.siteFooter a{color: #fff;}
.siteFooter h3{font-size: 2.7rem;line-height: 1.2;font-weight: bold;}
.siteFooter p{font-size: 2.3rem;line-height: 1.2;margin-top: 2px;}
.siteFooter p.copyright{font-size: 1.5rem;margin-top: 4px;}
.siteFooter img.logo{display: block;margin: 23px auto 0;}


.pagetop{text-align: center;background: #000000;position: fixed;right: 20px;bottom: 20px;}
.pagetop a{position: relative;display: block;width: 60px;height: 0;padding-top:60px;color: #fff;overflow: hidden;}
.pagetop a:before,
.pagetop a:after{
	left: 50%;margin-left: -7px;
	top: 50%;
	position: absolute;
	-webkit-transform:rotate(-45deg) ;
	-ms-transform:rotate(-45deg) ;
	transform:rotate(-45deg) ;
	display: block;content:'';height: 14px;width: 14px;}
.pagetop a:before{background: #fff;margin-top: -2px;}
.pagetop a:after{background: #000000;margin-top: 2px;}


/* ========================================
  
======================================== */
.contents{
  color: #000;
  font-size: 1.8rem;
  line-height: 1.2;
  text-align: center;
}
.contents strong.color01{
    color: #980D48;
}
.contents h3{
    background-color: #980D48;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
  font-size: 3rem;
}

.contents p,
.contents dl,
.contents ol,
.contents ul{
    max-width: 900px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.contents p{line-height: 1.6;}
.contents dl {
    text-align: left;
    padding-right: 20px;
    display: block;
}
.contents dt {
    font-weight: bold;
    padding-right: 20px;
    clear: both;
  margin-top: 1em;
  font-size: 2rem;
}
.contents dt:before {
  content:'';
  display: inline-block;
  width: .9em;
  height: .9em;
  border-radius: 100%;
  vertical-align: bottom;
  margin-right: .3em;
  margin-bottom: .15em;
  background: #980D48;
}
.contents dd {
  line-height: 1.4;
  margin-top: .4em;
}

.contents ul{
  padding-left: 1em;
  list-style: disc;
}
.contents li{
  margin-top: .4em;
  text-align: left;
}

/**/
.conSec{
  padding: 36px 0 50px;
}

.flowSec h4{
  max-width: 900px;
  text-align: left;
  margin: 2em auto 0;  
  font-size: 2rem;
  color: #980D48;
}
.flowSec p{text-align: left;}
.flowSec img{
  display: inline-block;
  max-width: 100%;
  margin: 20px auto;
}
.flowSec ol{
  padding-left: 1em;
  text-indent: -1em;
/*  list-style: decimal;*/
}
/**/
.box01{
  background: #fff3f8;
  max-width: 900px;
  margin: 2em auto 0;
  padding: 1em 1em .7em;
}
.box01 h5{
  max-width: 900px;
  text-align: left;
  margin: 0 auto;
  font-size: 1.6rem;
}
/**/

.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}
.fade-in-down {
  transform: translate(0, -50px);
}
.fade-in-left {
  transform: translate(-50px, 0);
}
.fade-in-right {
  transform: translate(50px, 0);
}
.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}


/**/


.bnr01{margin: 40px auto;}

/* add 20230508 */
.siteHeader .txt{
    margin-top: 30px;
    margin-bottom: 10px;
}
.numberSt{
    color: #fff;
    font-size: 25px;
    margin-top: 10px;
    font-weight: bold;
    line-height: 1.5em;
    padding-bottom: 10px;
}
.numberList{
  display: -webkit-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 30px;
}
.numberList li{
    width: 18%;
    margin: 10px 1%;
    padding: 20px 2px;
    font-size: 22px;
    background: #fff;
    color: #000;
    font-weight: bold;
}

.numberList2{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
    margin-bottom: 30px;
}
.numberList2 li{
    width: 18%;
    margin-top: 5px;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 5px;
    font-size: 22px;
    color: #FFFFFF;
    font-weight: normal;
    line-height: 1em;
}
.numberList2 li u {
    text-decoration: none;
    line-height: 1.5em;
    font-size: 14px;
}


@media screen and (min-width: 769px) {
  .contents{
    padding-bottom: 50px;
  }
  .flexStretch{
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
  }
  
  
  .col2PC{overflow: hidden;max-width: 900px;margin-left: auto;margin-right: auto;}
  .col2PC>*{float: left;width: 48.8%;}
  .col2PC>*:nth-child(2n){float: right;}
  .col2PC>* img{max-width: 100%;}
  
  .daigeiTvSec .txt,
  .daigeiTvSec .btnArea{
    float: right;
    max-width: 500px;
    width: 49%;
}
  .daigeiTvSec .txt img,
  .daigeiTvSec .img img{max-width: 100%;}
  .daigeiTvSec .img{float: left;max-width: 500px;width: 49%;}
  
  
}

@media screen and (max-width: 768px) {
  .siteHeader{padding-bottom: 30px;}
  .siteHeader .txt{font-size:2.2rem;}
  .siteHeader .txt time{font-size: 2.4rem;}
  .siteHeader .btnArea{padding-top: 30px;}
  a.btn01{border-width: 2px;width: 90%;}
  a.btn01 span{
    font-size: 1.9rem;
    border-width: 2px;
    padding: 6px;
  }
	.pagetop a{width: 40px;height: 0;padding-top: 40px;}
  .siteFooter h3{font-size: 1.8rem;}
  .siteFooter p{font-size: 1.4rem;margin-top: 6px;}
  .siteFooter img.logo{width: 62%;max-width: 250px;}
  .siteFooter p.copyright{font-size: 1rem;}
  
	/* 
	---------------------------------------*/
  .contents{font-size: 1.3rem;}
  .contents h3{font-size: 2rem;margin-bottom: 20px;}
  .contents dt,
  .flowSec h4{font-size: 1.6rem;}
  .box01 h5{font-size: 1.4rem;line-height: 1.4;}
  .time{
    font-size: 12pt;

}
  
	.sectionWidth,
  .contents p,
  .contents dl{
    padding-left: 4%;
    padding-right: 4%;
  }
  .contents ol,
  .contents ul,
  .flowSec h4{
     margin-left: 4%;
    margin-right: 4%;
  }
  .contents dt:before{margin-bottom: .2em;}
  .conSec{padding: 2em 0 2.5em;}
  
  .conSec img,
  .flowSec img{max-width: 90%;}
  .flowSec p{margin-top: 1em;}
  .flowSec ol{margin-top: .1em;margin-bottom: .5em;}
  .box01 ol{margin: 0;}
  
/* add 20230508 */
  .siteHeader .txt{
    margin-top: 10px;
}
  .numberSt{
    font-size: 20px;
    margin-top: 5px;
}
  .numberList{margin-top: 15px;}
.numberList li{
    padding: 10px 2px;
    margin: 5px 1%;
    font-size: 13px;
}

  .numberList2{margin-top: 15px;}
.numberList2 li{
    padding: 10px 2px;
    margin: 5px 1%;
    font-size: 13px;
}

 .TimeShift {
    display: block;
    width: 300px;
    margin-left: auto;
    margin-right: auto;
    color: #FFFFFF;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    margin-top: 20px;
    line-height: 1.6em;
} 
  
}