@charset "UTF-8";

/* スマートフォンサイズ 1px ～ 640px */
@media only screen and (max-width: 55em) {

/* トップ */
.header {
    height: 50px;
}
.header_s {
    height: 50px;
}
.hdr-logo {
    left: 0;
    display: block;
    max-width: 150px;
    height: auto;
    margin: 6px 10px;
}
h3{
	margin-top: 10px;
	padding: 3px; 
	font-size: 120%; 
}
.index .clm {
	margin-bottom: 15.8%;
}
.index .clm .flow img {
	padding: 10% 7%;
	width: 100%;
}
.index .clm li {
	float: none;
	width: auto;
}
.index .clm .li-right {
	float: none;
}
.index .clm li h3 {
	width: 50%;
}
.index .clm li img {
	width: 100%;
}
/* 各ページ共通のフォームボタン部分 */
#CISMA25 .btn-clm {
	width: auto;
	padding: 10% 10% 5% 10%;
}
#CISMA25 .btn-clm {
	width: auto;
	padding: 10% 10% 5% 10%;
	margin-bottom: 15%;
}
#CISMA25 .btn-clm img {
	margin-right: 0;
	width: 68%
}
#CISMA25 .btn-clm a img {
	width: 100%
}

/* 各システム共通 */
#CISMA25 .clm .btn-ctlg-clm {
	width: auto;
	padding: 10%;
	text-align: center;
}
#CISMA25 .case {
	width: auto;
}
#CISMA25 .case ul {
	width: 100%;
}
#CISMA25 .case li {
	margin: 0 0 1em 0;
	width: 100%;
}
#CISMA25 .case p {
	width: 20%;
	margin-right: 10px;
}
#CISMA25 .case dl {
	padding-top: 0;
}
#CISMA25 .case dt {
	padding-top: 0;
}
#CISMA25 .case .dtl-btn {
	display:block;
	width: 100%;
	margin-top: 0.5em;
}
#CISMA25 .case .dtl-btn a {
	padding: 4px 8px;
	background-color: #000000;
	color: #ffffff;
}
#CISMA25 .case .dtl-btn a:hover {
	text-decoration: none;
}

.tecsection{
	width: 100%;
}
.teclist .tecitem {
    display: block;
    height: auto;	
	margin: 50px auto;
}
.teclist .tecpara {
	padding: 0 5px;
}
.teclist .tecmv {
	order: 3;             /* tecmv を必ず一番下に */
	width: 100%;          /* 横幅いっぱいで落とす */
	margin-top: 10px;
}
.teclist .tecmv img {
	width: 80%;      /* はみ出し防止 */
	height: auto;         /* 縦横比維持 */
}

.loc-container{
	width: 100%;
	margin-bottom: 30px;
}
.loc-container img{
	padding: 5px;
}
.loc-info{
	margin: 0 auto;
	display: block;
	width: 100%;
}
.loc-info img{
	display: block;
	margin: auto;
}
img.loc-look{
	height: 170px;
}
img.loc-addrPT{
	height:50px;
	margin-top: 0;
}
img.loc-addrPJ{
	height:40px;
	margin-top: 0;
}
}