@media screen and (max-width:767px){
#container{
width:100%;
}
#pagetop2{
	display: block;
}

.logo{
	display: none;
}

.ht .sp-logo{
	display: block;
	padding: 0;
}

body .slicknav_menu{
	    display: block;
        position: fixed;
		top: 70px;
        right: 0;
        width: 100%;
	    z-index: 2;
}

body .slicknav_menu li{
	float: none;
}


#page-top a {
	display: none;
}


body header .ht div{
	padding: 10px;

}

body header .ht{
	background-color: rgba(0,0,0,0);
}

body header .ht div{
	width: 100%
}


header .splogo{
	display: block;
}

.info-img{
	display: none;
}

.info-txt{
	width: 100%;
	margin-left: 0;	
	margin-bottom: 10px;
}

.sp-logo{
	width: 500px;
}

.sp-nn{
	display: none;
}

.sp-bl{
	display: block;	
}

.ht{
	width: 100%;
}

#content{
}

.sp-jr{
	text-align: center;
	padding: 50px;
}

.w-100{
	width: 100%;
	padding: 0
}

.w-90{
	width: 90%;
	margin: auto;
}

.w-80{
	width: 80%;
	margin: auto;
}

.w-85{
	width: 85%;
	margin: auto;
}

.w-50{
	width: 50%;
	margin: auto;
}

.smt_50{
	margin-top: 50px;
}

.mb_5{
	margin-bottom: 5%;
}

.mb_5{
	margin-bottom: 5%;
}

.mb_10s{
	margin-bottom: 10%;
}

.mb_10{
	margin-bottom: 10px;
}

.mb_30{
	margin-bottom: 30px;
}

.mb_50{
	margin-bottom: 50px;
}

.mr_20{
	margin-right: 20px;
}

.mg_a{
	margin: auto;
}

.sp-img50{
	width: 50%;
}

.fo_80{
	font-size: 80%;
}

.s-fl{
	float: left;
}

.s-fr{
	float: right;
}

.s-fn{
	float: none;
}

.mt_0{
	margin: 0;
}

.smt_50{
	margin-top: 50px;
}


.txt_c{
	text-align: center;
}

.sta .time p,.pho .time p{
	padding: 0;
}

.sta .tbl table td:nth-child(2){
	padding-left: 1em;
}

.btn img,.time img{
	width: 100%;
}

.pho .main-txt{
	border: 4px solid #558f35;
}



.sta .main-txt{
	border: 4px solid #005ead;
}

.bd_n{
	border:none;
}

.s-bb{
	border-bottom: 1px solid #888889;
}






.t-co2{
	background-color: #fff;
}

.t-co3{
	background-color: #F5B813;
	background-image: none;
	padding: 15px 0;
}




.t-co2 .news{
	margin: 0 auto;
        width: 100%;
}

.t-co2 .news dl{
	width: 100%;
	border: none;
	height: 100%;
	font-size: 100%;
	margin: 0;
	padding: 10px;
}

.t-co2 .news dl .mb_nn{
	margin-bottom: 0;
}


.hco-1>div{
	float: none;
}

.hco-1 .h-txt{
	width: 80%;
	margin: auto;
}

.zek{
	width: 90%;
	margin: auto;
}

.zek li{
	width: 30%;
}

.zek li img{
	width: 100%;
}

.bg_wt{
	background-color: #fff;
}


body #page-top{
	display: none;
}

/*slicknav style*/


.slicknav_nav{
	overflow: auto;
	height  : 100%;
	
}


#sp-menu p{
	text-align: center;
}

.slicknav_menu .slicknav_icon-bar{
	display: block;
	width: 35px;
	height: 0.2em;
	margin-bottom: 0.5em;
}

.slicknav_menu .slicknav_icon-bar:nth-of-type(4){
	margin-bottom: 0em;	
}

.slicknav_menu .slicknav_no-text{
	margin  : 3px 7px 9px 7px;
}

.slicknav_icon{
	background-color: rgba(255,255,255,0);
}

.slicknav_menu .slicknav_btn .m-name{
	background-color: rgba(255,255,255,0);
	color: #224654;
	margin-bottom: 1.5em;
	font-size   : 0.7em;
	text-align: center;
}

.slicknav_btn{
	background-color: #fff;
	opacity     : 0.8;

}



.slicknav_nav li{
	background-color: #224654;
	margin          : 0;
}

.slicknav_nav li a{
	margin          : 0;	
}

html{
	margin-top: 0 !important;
}




dl.accordion { background:#DDD; width:80%; margin:0 auto 30px; margin-top:30px; font-size:16px;}
dl.accordion dt {
	background-color: #224654;
	border-bottom:1px solid #EEE; height:40px; text-indent:10px; line-height:40px; color:#fff; font-weight:bold; cursor:pointer;}
dl.accordion dt.open {
	background-color: #467989;}
dl.accordion dd { background:#FFF; padding:10px; line-height:1.5; display:none;}
dl.accordion .dd2 { background:#FFF; padding:10px; line-height:1.5; display:block;}




.spos{
	width: 100%;
    margin: 0 auto;
}


.spos>ul{
	width: 90%;
    margin: 0 auto;
	display: flex;
        justify-content: space-between;
        row-gap: 30px;
        flex-wrap: wrap;
}

.spos>ul>li{
	width: 46%;
}


.spos img{
	width: 100%;
}


/*syu5*/

.pc,.oubo,.top-txt,.mail{
	display: none;
}

.sp,.sp-txt{
	display: block;
}

.sp-txt{
	margin-bottom: 30px;
	color: #C7000B;
}

.sp img{
	width: 100%;
}

.youko .cnt3{
	text-indent: -2.6em;
	padding-left: 0;
	width: 85%;
}

.stg{
	margin-top: 1.2em;
}

.cnt1,.cnt2{
	font-size: 130%;
}

.cnt2{
	width: 80%;
	line-height: 1.4em;
}

.cnt4{
	width: 100%;
}

.youko .cnt5{
	width: 100%;
}

.youko dt{
	background-image: none;
	background-color: #FDD120;
}

.youko .cnt5 dt{
	background-color: #fff;
}

.panf-ip{
	margin-top: 1em;
}

.banner p:nth-of-type(1){
	width: 80%;
}

.banner p,.banner p:nth-of-type(3){
	width: 80%;
	margin: auto;
	margin-bottom: 1em;
	float: none;
}

.banner p img{
	width: 100%;
	display: block;
	margin: auto;
}

.mem-box p{
	width: 100%;
}

.mem-box .sample{
	width: 86%;
	padding: 5%;
}

.mem-box .sample li{
	width: 100%;
}

.mem-box ul{
	width: 100%;
}

.mem-box h2{
	margin-bottom: 5%;
}

.mem-box .mb_70{
	margin-bottom: 20%;
}

.mem-box .mb_120{
	margin-bottom: 20%;
}

.mem-box .caution li{
	margin-bottom: 10%;
}

.mem-box p{
	margin-bottom: 5%;
}




/*syu5-hm*/

.saiyo{
	width: 80%;
}


.w-70{
	width: 70%;
}

.saiyo{
	margin-top: 10%;
}

.saiyo .saiyo-tit{
	left: 40%;
	top: -1.8%;
}

.saiyo ul{
	padding: 5% 3%;
	height: 100%;
	text-align: justify;
}

.saiyo ul li{
	width: 47%;
	margin-right: 0%;
	margin-bottom: 10%
}

.saiyo ul li p{
	text-align: center;
}

.saiyo ul li img{
	display: block;
	margin: auto;
}

.saiyo ul .syu-mbn{
	margin-bottom: 10%;
}

.saiyo ul li:nth-last-child(1){
	margin-bottom: 0;
}

.hm-info p{
	margin-top: 10%;
	margin-bottom: 0;
}

.hm-info p:nth-child(2){
	margin-top: 5%;
}

.hm-info table{
	width: 100%;
	display: block;
	overflow: auto;
	border: 1px solid #595757;
}

.hm-info table a{
	display: block;
	width: 100%;
	height: 100%;
}

.hm-info table td:nth-child(1),.hm-info table th:nth-child(1){
	border-left: none;
}

.hm-info table td:nth-last-child(1),.hm-info table th:nth-last-child(1){
	border-right: none;
}

.hm-info table th{
	border-top: none;
}

.hm-info table tr:nth-last-child(1) td{
	border-bottom: none;
}

.hm-child table{
	border: none;
}

.hm-child table th,.hm-child table td{
	border: 1px solid #595757;
}

.hm-child table th:nth-child(1),.hm-child table th:nth-child(4),.hm-child table tbody tr:nth-last-child(1) td,.hm-child table td:nth-last-child(1),.hm-child table th:nth-last-child(1)
{
	border-bottom: 1px solid #595757;
	border-right: 1px solid #595757;
	border-left:  1px solid #595757;
}

.hm-child{
	font-size: 100%;
}

}





@media screen and (max-width:767px){

	body header .ht div{
		padding-top: 5%;
	}
	


	header #sp-menu h1{
		max-width: 30%;
		height: auto;
		width:auto;
		margin: auto;
		margin-top: 5%;
	}
	
	.slicknav_nav{
		font-size: 0.6em
	}


	.t-co2 .news dl{
		width: 90%;
		font-size: 1em;
		height: 100%;
	}

body header .ht div{
	
}

.zek li{
	width: 47%;
}

/*syu5*/

.cnt2{
	width: 100%;
	
}

.saiyo .saiyo-tit{
	left: 38%;
	top: -2%;
}


}




@media screen and (max-width:400px){

body header .ht div{
	width: 100%
}

.fo_80{
	font-size: 60%;
}


	header{
		height: auto;
		margin: auto;
	}

	header img{
		width: 100%
	}


.w-70{
	width: 70%;
}



	
	.slicknav_menu .slicknav_no-text{
		margin-top: 0;
	}

	.slicknav_menu .slicknav_icon-bar{
		width: 36px;
		height: 2px;
		margin-bottom: 0.3em;
	}


	.slicknav_menu .slicknav_btn .m-name{
		font-size: 0.6em;
		padding-top: 0.8em;
		height: 1.5em;
		width: 36px;
	}

/*syu5*/

.cnt2{
	width: 90%;
}


.sta .main-txt p{
	text-align: left;
}


.saiyo .saiyo-tit{
	left: 35%;
}

.hm-child{
	font-size: 70%;
}

.hm-info table .cld-nam{
	width: 20%;
}

}




@media screen and (max-width:350px){
	.slicknav_menu{
	top     : 0%;
}

/*syu5*/

.cnt2{
	width: 100%;
}

body header .ht div{
		padding-top: 8%;
	}

.saiyo .saiyo-tit{
	left: 32%;
	top : -2.5%;
}

.hm-child{
	font-size: 65%;
}

}