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





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

body {
	padding-bottom: 0px;
}

.subhead
{
	font-size: 1.3em;
	line-height: 1.5em;
}

	
.snumber
{
		display: none;
}

.sname
{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 1.8em;
	z-index: 9999;
	position:relative;
	border-left: 5px solid #69ba00;
	line-height: 1.2em;
	padding-left: 20px;
	margin-top: 30px;
}

.snamea
{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size:2em;
	color: #DDD;
	margin: -20px 0px 0px 20%;
	position:relative;
	letter-spacing: -1px;
}
	
	
.ctmg
{
	margin-bottom: 0px;
}



.semil{
	float: none;
	width: 100%;
}

.semir{
	float: none;
	width: 100%;
}



.semir h2{
	font-size: 1.3em;
	line-height: 1.5em;
	margin-bottom:15px;
	margin-top: 15px;
}



.datal{
	float: left;
	width: 47%;
	font-size: 1em;
}

.semide{
	display: block;
	font-size: 13px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.datar{
	float: right;
	width: 47%;
	font-size: 1em;
}



.imgr
{
	float: none;
	padding: 0px;
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
}



.semibt{
	width: 80%;
	margin: 20px auto 0px auto;
}

.semibt a {
    border-radius: 40px;
    display: inline-block;
    padding: 3px 15px;
    text-align: center;
    text-decoration: none;
    transition: all .2s linear;
    width: 100%;
	box-sizing: border-box;
	border: 2px solid #407BFF;
	color:#407BFF;
}
.semibt a:hover {
    box-shadow: 0 5px 25px rgba(0,0,0,.15);
  opacity: 1;
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  background-color:#F1F8FF;
/*  background: -webkit-linear-gradient(top, #FFB76B 0%, #FFA73D 50%, #FF7C00 51%, #FF7F04 100%);*/
}

.line{
	font-size: 1px;
	line-height: 1px;
	border-bottom: 1px solid #CCC;
	margin: 50px 0px;
}

.topmmgbg{
	padding: 20px;
	box-sizing: border-box;
  background-color: rgba(105, 186, 0, 0.8);
	margin-top: 20px;
	color: #FFF;
	text-align: center;
	border-radius: 30px 0px 30px 0px;
}
.topmmgbg h2{
	font-size: 1.3em;
	font-weight: 700;
}



.opthead
{
	font-size: 1.2em;
	text-align: center;
	color: #FFF;
	font-weight: 700;
	padding-bottom: 10px;
	line-height: 1.5em;
}

.optbg{
	padding: 20px;
	box-sizing: border-box;
  background-color: rgba(105, 186, 0, 0.8);
	margin-top: 20px;
	color: #FFF;
	border-radius: 10px;
	font-weight: 700;
}
.optl{
	float: none;
	width: 100%;
}


.inputtext input{
	border: 5px solid #DDD;
	padding: 10px;
	font-size: 1.2em;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 0px;
	
}

.inputbt input{
	width: 100%;
}
.optr{
	float: none;
	width: 100%;
}


.kiyakut
{
	margin-top: 20px;
	margin-bottom: 5px;
	font-size: 0.7em;
	line-height: 1.5em;
}

.kiyaku {
    border: 1px solid #FFF;
    color: #FFF !important;
    font-size: 10px;
    height: 70px;
    line-height: 1.4em;
    overflow-x: hidden;
    overflow-y: scroll;
    padding: 10px;color: #FFF;
}

	
	
footer
{
	padding: 30px 0px;
	background-color: #f5f5f5;
	font-size: 0.9em;
}

.ftl
{
	float: none;
	width: 100%;
	text-align: center !important;
}

.ftr
{
	float: none;
	width: 100%;
}

.ftcopy
{
	font-size: 10px;
}
.ftlogo
{
	text-align:center !important;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 170px;
}
.ftlogo img
{
	width:100%;
}


.ftmenu {
	margin: 20px 0px 20px 0px;	
	padding: 0px 0px;
	text-align: center;
	
}
.ftmenu li {
display: inline-block;
margin-right: 10px;
}
.ftmenu li:last-child {
	margin-right: 0px;
}

.ftmenu li a {
display: block;
	padding: 5px 0px;
	text-decoration: none;
	color:#555;
	font-size:12px;
	line-height:1.1em;
}
.ftmenu li:hover > a {
	color:#002b6b;
	text-shadow:none;
	text-decoration: underline;
}

	
.asst img{
	width: 100%;
}
	


.ordert
{
	font-weight: 700;
	text-align: center;
	font-size: 1.1em;
}
	

.jil{
	float: none;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 30px;
}

.jir{
	float: none;
	width: 100%;
}

.jititle
{
	text-align: center;
	font-size: 1.1em;
	font-weight: 700;
	margin-bottom: 5px;
}

	

.inputbt{
	text-align: center !important;
width: 100%;
	margin: 20px auto 0px auto;
}

.proimgr
{
	float: none;
	padding: 0px 0px 20px 0%;
	width: 80%;
	margin: 0 auto;
}
.inputbt img{
	width: 100%;
}
	
.productimg
{
	width: 90%;
	margin: 0 auto;
}
	
ul.blet li {
	list-style:none;
	background-image:url("../image/blet.png");
	background-repeat:no-repeat;
	background-size:26px;
	background-position:0px 20px;
	padding:15px 15px 25px 40px;
	margin:0px 0px 18px 0px;
	line-height:1.8em;
	font-size:1em;
	border-bottom: 1px dotted #CCC;
}

ul.blet li strong {
	font-size:1.1em;
	font-weight: 700;
	display: block;
	margin-bottom: 0px;
}

.pointt
{
	font-size: 1.5em;
	color: #69ba00;
}
.pointt2
{
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
}
	
	
	
.headeradd
{
	background-color: #000;
	padding: 10px;
}

.headeradd img
{
	width: 60px;
}
	

.pointli{
	border: 7px solid #f5f5f5;
	padding: 15px;
	margin-bottom: 15px;
	font-weight: 700;
	font-size: 1.05em;
}
	
	
	.conblet 
	{
	display:inherit;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	}


.conblet li{
	float: left;
	border: 5px solid #EEE;
	padding: 20px;
	width: 100%;
	margin-right: 0%;
	margin-bottom: 7%;
	height: inherit;
}

.conblet li:last-child{
	margin-right: 0%;
}
.conblet li img{
	width: 30px;
	margin: 0 auto;
	padding-bottom: 15px;
}

.conblet li strong{
	display: block;
	font-weight: 700;
	font-size: 1.2em;
	text-align-last: center;
	line-height: 1.5em;
	padding-bottom: 15px;
}


.law
{
	border:1px solid #CCC;
	width:100%;
}
.law tr th
{
	padding:15px;
	background-color:#EEE;
	font-weight:bold;
		width:25%;
	border-bottom:1px solid #CCC;
	font-size: 0.8em;
	line-height: 1.2em;
}

.law tr td
{
	padding:10px;
	border-bottom:1px solid #CCC;
	font-size: 0.8em;
}


.headbg{
	background-color: #003f73;
  padding: 50px 0px 50px 0px;
	background-image: url("../image/headbg.jpg");
	background-size: cover;
	background-position: center;
}
	
	
	
	
}