@charset "UTF-8";

@media (min-width:668px) and (max-width:1024px){
	body {
  font-size: 12px;
  letter-spacing: 0.05em;
  -webkit-text-size-adjust: 100%;
  margin:0px;
}

#wrapper {
  background-color: #fff;
}

/*header
------------------------------------------------------------*/

#header h1 {
	width:100%;
	padding: 6px;
	font-size: 84%;
	}
#header #header_inner {
  margin: 0;
  padding: 5px;
  background-color: #fff;
}
#h_info img,span.contact_txt {
	display:none;
}
#logo {
  padding: 4px 4px;
}

/*mainnav
------------------------------------------------------------*/

a#smpmenu{
	display:none;
	}	

#mainnav {
	margin-top:61px;
}
#mainnav .mainnav_inner {
  width:100%;
  margin: 0 auto 0 auto;
}

.panel{
	display:block !important;
	white-space: nowrap;
	background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#0e5997)
                , color-stop(0.49, #0e5997)
                , color-stop(0.50, #074273)
                , to(#074273));
	text-align:left;
	box-shadow:0px 5px 6px -2px #ccc;
-moz-box-shadow:0px 5px 6px -2px #ccc;
-webkit-box-shadow:0px 5px 6px -2px #ccc;
	}
	
	
/*container
------------------------------------------------------------*/

#container {
  padding: 20px;
}

#contents {
  float: right;
  margin: 0;
  padding: 0;
 font-size: 87.5% ;
  width: 65%;
  letter-spacing: 0.05em;
  text-align: left;
  line-height: 1.5;
}

#contents h2 {
  font-size: 1.31em;
}

#contents h3 {
  font-size: 1.21em;
}

/* SEC02 
------------------------------------------------------------*/
.col3{
	width:100%;
	
	}
	
.col3 li{
	margin:0px;
	}
	
.col3 img{
	width:100%;
	}

/* SEC03 
------------------------------------------------------------*/
#reason img{
	width:30%;
	padding:0 0 10px 10px;
	}
	

/* SEC04
------------------------------------------------------------*/
#news {
  height: 170px;
}

/*tabAccordion
------------------------------------------------------------*/
#tabAccordion {
	width:90%;
	height:300px;
	height: 200px;
	}
#tabAccordion img{
	width:60%;
	}
#tabAccordion dl {
		width: 100%;
	}
#tabAccordion dl dt {
		width: 33.3%;
	}
	#tabAccordion dl:nth-child(2) dt {
		left: 33.3%;
	}
	#tabAccordion dl:nth-child(3) dt {
		left: 66.6%;
	}
#tabAccordion dl dd {
	padding: 30px 10px;
	}
#tabAccordion dl dt a {
	font-size: 75% ;
	line-height:1.5em;
}
#tabAccordion dl dd .tit{
	font-size: 75% ;
	line-height:1.5em;
}
	

/*side
------------------------------------------------------------*/

#side {
	float: left;
	width:33%;
}

.menu_btn img{
  width:100%;
}

.searchbox {
	padding:0;
}
.searchbox li{
	display: inline-block;
	width:48%;
	}
	
form{
	width:100%;
	}

.form-group img{
	width:3vw;
	}

.searchbox p{
	padding:0 10px 0;
}

.mui-select{
  margin: 0px 7px;
    padding: 0.1rem 0.3rem;
  }
 
 .mui-select > select {

  width: 100%;
  font-size:84%;
  padding: 0 10px 0 0;
}

.mdl-radio, .mdl-checkbox{
	display: block;
	text-align:left;
	font-size: 92%;
	line-height:14px;
	padding:0;
	}

.mdl-checkbox__label{
	font-size: 92%;
	}
 
.btn{
	font-size:150%;
	padding: 0.5rem 3rem;
	height: 32px;
	line-height: 20px;
}

.lilbutton{
	 font-size: 84% ;
	 padding:2px 6px;
	}

.form-element {
	 margin:0 10px;
	 padding: 0.3rem 0.5rem;
	}

.searchbox .area{
	font-size: 84% ;
	padding:0;
	}
	
.dateBox{
    margin: 0 10px;
}
.dateBox > input{
	width:90%;
	}
#area{
	display:none;
	}
.modal-content {
	width: 50% ;
	}

/*about*/
#contents h3.bk {
    padding: 16px 12px;
    font-weight: 700;
}

.wide {
    width: 100%;
}

.col3 li {
    margin: 0 0 5px 2px;
    height: 180px;
}
/*security*/
table.price td.security, table.price th.security{
		width: 200px
		
	}
	/*dictionary*/
#dictionary_box .dictionary_boxtit img {
    width: 100%;
	}
#dictionary .tit p {
	display: none;
	}
	
#dictionary_box ul li {
white-space: nowrap;
padding: 18px 20px 28px 20px;
width: 30px;
	}
	
#dictionary_box  li {
padding: 0 0 0 0;
}
	
}