/*Tablet*/


/*Android&iphone*/
@media screen and (max-width: 767px) {

h1 > a > img{
width: 130px;
    height: 103px;
    margin-left: 20px;
}



.listflex{
	width: 100%;
}
.listbox{
	width:50%;
	 padding: 5px 5px 20px;
    box-sizing: border-box;
	transition: all .5s ease-out;
	}


.h1title {
    width: 100%; 
    height: 80px;
}
.menubox .sns {
    top: 35px;
}

.menubox .sns img {
    position: relative;
    margin: auto 5px;
    width: 25px;
    height: 25px;
}



.swiper-container{
  width: 100%;
  height: 450px;
}
.swiper-slide{
  width: 100%;
  height: 450px;
}


.sl01{
	background-image:url(../img/srider/20210701s.jpg);
}
.sl02 {
	background-image:url(../img/srider/20210702s.jpg);
}
.sl03 {
	background-image:url(../img/srider/20210703s.jpg);
}
.sl04 {
	background-image:url(../img/srider/20210704s.jpg);
}
.sl05 {
	background-image:url(../img/srider/20210705s.jpg);
}
.sl06 {
	background-image:url(../img/srider/20210706s.jpg);
}
.sl07 {
	background-image:url(../img/srider/20210707s.jpg);
}
.sl08 {
	background-image:url(../img/srider/20210708s.jpg);
}
.sl09 {
	background-image:url(../img/srider/20210709s.jpg);
}
.sl0804 {
	background-image:url(../img/srider/20210804s.jpg);
}


.sl083101 {
	background-image:url(../img/srider/20210831_01s.jpg);
}
.sl083102 {
	background-image:url(../img/srider/20210831_02s.jpg);
}
.sl083103 {
	background-image:url(../img/srider/20210831_03s.jpg);
}
.sl083104 {
	background-image:url(../img/srider/20210831_04s.jpg);
}
.sl090901 {
	background-image:url(../img/srider/20210909_01s.jpg);
}
.sl090902 {
	background-image:url(../img/srider/20210909_02s.jpg);
}
.sl090903 {
	background-image:url(../img/srider/20210909_03s.jpg);
}
.sl091701 {
	background-image:url(../img/srider/20210917_s.jpg);
}
.sl092001 {
	background-image:url(../img/srider/20210920_s.jpg);
}
.sl092101 {
	background-image:url(../img/srider/20210921_s.jpg);
}
.sl092401 {
	background-image:url(../img/srider/20210924_01s.jpg);
}
.sl092402 {
	background-image:url(../img/srider/20210924_02s.jpg);
}

.sl101401 {
	background-image:url(../img/srider/20211014_01s.jpg);
}
.sl110101 {
	background-image:url(../img/srider/20211101_s.jpg);
}
.sl111201 {
	background-image:url(../img/srider/20211112_01s.jpg);
}
.sl111202 {
	background-image:url(../img/srider/20211112_02s.jpg);
}

header{
	min-width:100%;
	min-height:450px;
	}

.mainimgB{
	width:100%;
	height:450px;
	min-width:100%;
	min-height:450px;
	}
#mainimg{
	width:100%;
	height:450px;
	min-width:100%;
	min-height:450px;
	}
.topdh1 {
    font-size: 8px;
    letter-spacing:2px;
}
.menubox{
    /*top: 580px;*/
	}
.menuboxfix{
    top:0;

}
.menubox .menu {
    top: 30px;
}

.menubox .comp {
    font-size: 15px;
    text-align: left;
    letter-spacing: 3px;
    padding: 0 20px;
}

.sidemenu.open {
    display: block;
    font-size: 15px;
   /* height: auto;*/
}
.sidemenu a{ 
    width: 100%;
}

.stageBase {
    padding-top: 10px;
}


.topcontact{
    font-size: 14px;
    background-position: center 20px;
    padding: 50px 20px 20px 20px;
}


.st1-mv {
    width: auto;
    height: auto;
}

.st2box{
	width: 100%;
    margin-bottom: 40px;
}
.st2 li{
	width: 50%;
    margin: 0;
}
.st2 ul li > div:first-child {
    box-shadow: 1px 1px 5px rgb(0 0 0 / 20%);
    margin:10px 5px 10px 5px;
}

#stage0 {
    padding-top: 50px;
}

.fdtxt{
display: block;
}
.newsday{
display: flex;
}
.year{
margin-right: 1rem;;
}
.about{
	width: 100%;
}
.fdtxt {
    margin: 1rem 1rem;
}
#st1-st{
	width: 95%;
    display: block;
	}
.st1h2 {
    margin-bottom: 4rem;
}
.st1-mv {
    margin-bottom: 20px;
}

.st3{
	width: 100%;
}


.footbt2 {
    font-size: 10px;
    line-height: 15px;
}



/*トップニュース 2023*/

.newsmg{
    padding: 0 20px;
    box-sizing: border-box;
}

.tpthm01{
    width: 100%;
    display: block;
}


.tpthm01 .tulbox .tlibox {
    display: flex;
    width: 100%;
}
.tpthm01 .tulbox {
    width: 100%;
}

.tpthm01  div.tmbimg {
    height: auto;
    width: 40%;
    max-height: 110px;;
    align-items: center;
    display: flex;
}

.blocklist{
    width: 100%;
    display: block;
    padding-left: 8px;

}

.pthmboxch{
    display: flex;
    width: 100%;
}

.pthmbtbox {
    width: 100%;
}

.h3box .dt19 {
    min-width: auto;
    font-size: 70%;
    padding: 0 2px;
    margin: 0 1px;
}



div.tmbimg {
    height: auto;
    width: 40%;
    max-height: 110px;;
    align-items: center;
    display: flex;
}


.listbox{
    width: 33%;
    padding: 5px 10px 5px;
}


.listname{
    letter-spacing: 0.1rem;
    font-size: 8px;
}



}




@media (min-width:768px) and (max-width:1200px) {


header {
    min-width: 100%;
}


.topdh1 {
    font-size: 12px;
    letter-spacing:2px;
}

.swiper-container{
  width: 100%;
}

.swiper-slide{
  width: 100%;
}
.mainimgB {
 min-width: 768px; 
 min-height: 200px;
}

.about {
    width:100%;
    padding: 20px;
    box-sizing: border-box;
}

#st1-st{
    padding: 20px;
    box-sizing: border-box;
    width: 100%;
    max-width: 768px;
    flex-wrap: wrap;
    justify-content: space-around;
	}
.st1-mv {
    width: 45%;
    height: 240px;
    margin: 10px;
}
.st2box {
    width:100%;
}
.st2 {
    padding: 20px;
    box-sizing: border-box;
}
.st2 li {
    width: 45%;
    margin: 10px;
}


.st3 {
    width:100%;
}













}