@charset "UTF-8";

.inner_r {
    width:100%;
}
.scrollx {
	width:100%;
	overflow-x: scroll;
}
.smartphone {
	display: block;
}
.pc {
	display: none;
}




/*contact*/
.contact_box01 {
	margin:1em 10px;
}
.contact_box01 .row01 .box01 {
	float:none;
	width:100%
}
.contact_box01 .row01 .box02 {
	float:none;
	width:100%;
}
.contact_box02 {
	margin:1em 10px;
}
.contact_box02 table.form_input {
	border-bottom:1px solid #ccc;
}
.contact_box02 table.form_input th {
    display: inline-block;
	width:100%;
	box-sizing: border-box;
	border-bottom:none;
	border-top:1px solid #ccc;
}
.contact_box02 table.form_input td {
    display: inline-block;
	width:100%;
	box-sizing: border-box;
	border-bottom:none;
}
.contact_box02 table.form_input .ipt01 {
	width:70%;
}
.contact_box02 table.form_input .ipt03 {
	width:40%;
}
.contact_box02 table.form_input th.th2 {
	border-top:1px dotted #ccc;
}

.profile_box01 .imgfix {
	width:100%!important;
	float:auto;
}
.profile_box02 {
	margin:1em .5rem;
}
.profile_box01 h2 {
	font-size:150%!important;
}

.profile_box02 .box_left {
	width:100%;
	float:none;
}
.profile_box02 .box_left dt {
	width:100%;
	float:none;
}
.profile_box02 .box_left dd {
	width:100%;
	float:none;
}
.profile_box02 .box_right {
	width:100%;
	float: none;
}

/* branch */
.profile_box03 h3 {
	background: none;
	border:none;
	padding:.5rem;
	color:#fff;
	background: #00a5d8;
	border-bottom:1pxsolid #fff;
}
.profile_box03 .icon {
	display: block;
	margin-top:-3rem;
	padding-right:1rem;
	color:#fff;
	text-align: right;
	line-height: 100%;
}
.profile_box03 .icon_close {
	display: block;
	float: right;
	margin-top:-3rem;
	margin-bottom:-3rem;
	padding-right:1rem;
	color:#fff;
	text-align: right;
	line-height: 100%;
	font-size: 150%!important;
}
.profile_box03 .accordion {
	display:none;
}
.profile_box03 .accordion table {
	margin-top:1rem;
}
.profile_box03 table tr {
	display: block;
	clear: both;
	border-bottom:1px solid #00a5d8;
	position: relative;
}
.profile_box03 table th, .profile_box03 table td {
	display:block;
	border:none;
	padding:.3rem 1rem;
}
.profile_box03 table tr.tbl_head {
	display: none;
}
.profile_box03 table tr td.map {
	display: inline-block;
	position: absolute;
	top:.2rem;
	right:20px;
}



/* feature */
.profile_box04 figure {
	margin:1rem;
}
.profile_box04 .box_left {
	width:100%;
	float:none;
	padding-left: 0;
	text-align: center;
	padding:0 1rem;
	font-size: 110%;
}
.profile_box04 .box_right {
	width:auto;
	float:none;
	padding:0 1rem;
	margin:0;
	font-size: 80%;
}
.profile_box04 .box01, .profile_box04 .box02, .profile_box04 .box03, .profile_box04 .box04, .profile_box04 .box05, .profile_box04 .box06, .profile_box04 .box07, .profile_box04 .box08, .profile_box04 .box09, .profile_box04 .box10, .profile_box04 .box11, .profile_box04 .box12, .profile_box04 .box13, .profile_box04 .box14, .profile_box04 .box15 {
	float: none;
	width:auto;
	clear: both;
	/*text-align: center;*/
}
.profile_box04 .indent01 {
	margin:0 20px;
}
.profile_box04 .indent01 img {
	max-width:100%;
}

/* connectoin */
.profile_box05 h3 {
	background: none;
	border:none;
	padding:.5rem;
	margin-left:0;
	margin-right:0;
	width:100%;
	box-sizing: border-box;
	height: auto;
	min-height: 23px;
	color:#fff;
	background: #00a5d8;
	border-bottom:1pxsolid #fff;
}
.profile_box05 .icon {
	display: block;
	margin-top:-2rem;
	padding-right:1rem;
	color:#fff;
	text-align: right;
	line-height: 100%;
}
.profile_box05 .icon_close {
	display: block;
	float: right;
	margin-top:-3rem;
	margin-bottom:-3rem;
	padding-right:1rem;
	color:#fff;
	text-align: right;
	line-height: 100%;
	font-size: 150%!important;
}
.profile_box05 .accordion {
	display:none;
}
.profile_box05 .accordion table {
	margin-top:1rem;
}
.profile_box05 table {
	width:100%;
	margin: .5rem 0;
}
.profile_box05 table tr {
	clear: both;
	border-bottom:1px solid #00a5d8;
}
.profile_box05 table th, .profile_box05 table td {
	display:block;
	border:none;
	padding:.3rem 1rem;
}
.profile_box05 table tr.tbl_head {
	display: none;
}
#pagemain .profile_box05 a:link img {
	width:auto !important;
}

/* history */
.a100 .history_contents {
	width: 100%;
	float: none;
}
.a100 .history_title {
	text-align: center;
	width:100%;
}
.a100 .history_title img {
	width:80%;
	height:auto;
}
.a100 .history_nav_m {
	clear:both;
}
.a100 .history_nav_m li {
	width:48%;
	margin:1%;
	float:left;
}
.a100 .history_contents .sp_only {
	padding: 1rem;
}
.a100 .history_contents h4 {
	margin: 1.5rem 0 1rem;
}
.a100 .history_contents h4 .year {
	display: inline-block;
	font-size:200%!important;
	padding-right:.5rem;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}


/* manual */

.manual_box01 .search_area01 {
	margin:1rem 5%;
}
.manual_box01 .search_area02 {
	margin:1rem 10%;
}
.manual_box01 .search_area02 ul {
	margin: 0;
	padding: 0;
	border-top:1px solid #ccc;
	width:70%;
	float:left;
}
.manual_box01 .search_area03 {
	margin:1rem 0;
}
.manual_box01 .search_area03 dd {
	width:100%;
}

#pagemain .products_box03 .link a:link img {
	width:auto !important;
}
.products_box03 h3 span.name {
	width:50% !important;
}
.products_box03 h3 span.tips {
	width:50% !important;
	font-size: 50%;
}

.products_box11 .box01 {
	width: 98%;
	float:none;
}
.products_box11 .box01 h4 {
	/*background-size: cover;*/
}
.products_box11 .box01 .box_h {
	box-sizing: border-box;
	padding: 2% 3%;
}
.products_box11 .box01 .box_h img {
	width: 100% !important;
	margin:0;
}

.products_box11 h3 .btn_open, .products_box11 h3 .btn_close {
	top:2rem;
	right:3%;
}
.products_box11 h3 {
	margin-bottom:4rem;
}
.products_box11 .box01 h4 {
	margin-top:2rem;
}

.products_box11 .box01 .detail img {
	width:100% !important;
}
.products_box11 .box01 .detail {
}
.products_box07 .catalogue .box{
	width:44% !important;
	padding: 2% !important;
}
.products_box07 .catalogue .img {
	height: 260px !important;
}
#pagemain .products_box07 .catalogue .img img {
	width:98% !important;
}

/* maintenance */
.maintenance_box01 {
	margin: 1em !important;
}
.maintenance_box01 .indent01 {
	margin: 1em 0;
}
.maintenance_box01 .officetime {
	width: 95% !important;
	float: none !important;
	font-size: 90%;
	line-height: 1em !important;
}
.maintenance_box01 .fd_img {
	width: 100% !important;
	float: none !important;
	margin-right: 0 !important;
}
.maintenance_box01 .fd_img img {
	width:100% !important;
}
#pagemain .maintenance_box01 .fd_img span.fd {
	top:35% !important;
	font-size: 150% !important;
}
#pagemain .maintenance_box01 .fd_img span.tips {
	top:70% !important;
	left:5% !important;
	width: 90% !important;
	font-size: 60% !important;
	line-height: 1.3em !important;
}
.maintenance_box01 .message01 p {
	margin:0 1em !important;
}

.maintenance_box02 {
	padding: 1rem;
}
.maintenance_box02 .caution {
	width:auto !important;
	padding: 0 !important;
	background: none !important;
}
.maintenance_box02 .button {
	margin:.5rem !important;
}
.maintenance_box02 h3 {
	padding-left: 0 !important;
}
.maintenance_box02 .desc img {
	margin:1rem !important;
	float: none;
	width: 96% !important;
}
.maintenance_box02 table .rline {
	min-width:20em;
}

.maintenance_box03 {
	padding: 1rem;
}
.maintenance_box03 .box01 .box02 h3 {
	font-size: 1.8rem;
}
.maintenance_box03 .box01 .box03 {
	width: 100%;
	float: none;
}
#pagemain .maintenance_box03 .box01 .box03 figure {
	padding-bottom: 0 !important;
}
.maintenance_box03 .box01 .strong {
	font-size: 1.8rem;
}
.maintenance_box03 .box04 li {
	width: 100%;
	float: none;
}
#pagemain a:link img, #pagemain a:visited img, #pagemain a:hover img {
	width:100% !important;
}
.maintenance_box03 h3.title01, .maintenance_box03 h3.title02, .maintenance_box03 h3.title03 {
	font-size: 1.8rem;
	padding: .5rem;
}
.maintenance_box03 .box08 dt {
	width: 100%;
	float: none;
}
.maintenance_box03 .box08 dd {
	width: 100%;
	float: none;
}
#pagemain .manual_box01 .search_area03 img {
	width:20px !important;
}
.manual_box01 .search_area01 .keyword {
	width:95%;
	display: block;
}