/*==================================
       スマホサイト専用
==================================*/
#sp-title, #dialog_menu, .sp-menu, #spFooterContactBtn {
	display:none;
}


@media screen and (max-width:767px){
h1#mainh1 ,
.only_pc {
	display:none;
}
.only_sp {
	display:block;
}
.sp-menu {
	display: block;
	float: right;
	text-align: center;
}
.sp-menu a {
    display: block;
	background: #dcdcdc none repeat scroll 0 0;
    padding: 10px 16px 7px;
	border:1px #666666 solid;
	margin:5px 10px 0px 0px;
}
#wrapper {
	overflow:hidden;
}
p ,.h4box p ,a {
	font-size:16px;
}
h3.h3box {
	margin:20px auto;
}
h3.h3box, h4.h4box ,h5.h5box, .blue-bg, .h4box h4, .h4box h5 {
	font-size:17px;
}
/*============ dialog_menu  ============*/
#dialog_menu {
	margin: 8px 40px 10px;
	background: #ffffff none repeat scroll 0 0;
    border: 1px solid #dddddd;
    border-radius: 5px;
    box-shadow: 3px 3px 3px #999999;
}
.dialogMenuTitle {
	background-color:#666666;
    border-radius: 5px 5px 0px 0px;
	padding:5px;
	color:#FFFFFF;
}
#dialog_menu li a{
	background: rgba(0, 0, 0, 0) url("/img/common/arrow02.png") no-repeat scroll 15px 26px;
    padding: 20px 10px 20px 25px;
	color: #333333;
    display: block;
	text-decoration: none;
}
#dialog_menu li a:hover {
    background: #b2c5ff url("/img/common/arrow02.png") no-repeat scroll 15px 26px;
    color: #ffffff;
}
#dialog_menu li a.close {
	background:none;
	text-align:center;
}
#dialog_menu li a.close:hover {
    background: none;
    color: #333333;
	text-align:center;
}
.grayLine {
	background: url("/img/common/gray_line.jpg") repeat-x 0 0;
}

/*============ dialog_menu end ============*/

/*============ header  ============*/
.header-otoiawase {
	display:none;
}
.logo, .main-menu, #contents, .main-img, .topic-main, h1#mainh1, .footer-main {
    width: 100%;
}
.logo img {
	display:block;
	margin:0 auto;
}
#main {
    width: 95%;
    margin: 0 auto;
    float: none;
    padding: 20px 10px;
    box-sizing: border-box;
}
h3 ,h4 ,th ,td {
	font-size:16px;
}
#menu {
	width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    border-top: none;
    background:#fff;
    box-shadow:none;
    position:inherit;
    behavior: none;
	padding:0;
	height:auto;
}
#menu li {
    width: 50%;
    background: #0591D8;
    border-top: #fff solid 1px;
    box-sizing: border-box;	
}
#menu li:nth-child(odd) {
	border-right:#fff solid 1px;
}
#menu li a {
	padding:10px;
	text-align:left;
}
#menu li a:hover {
	opacity:0.5;
	background: rgba(0,0,0,0.3);
	-pie-background: rgba(178,98,23,1);
	box-shadow: none;	
	position:inherit;
	behavior: none;
	border-radius:0;	
}
#menu li a::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    color: #fff;
    font-weight: 900;
    padding-right: 10px;
}
.top-back {
    list-style-type: none;
    border-top:none;
    background: #666;
    box-shadow:none;
    position:inherit;
    height:auto;
    padding: 0px;
    margin: 0;
}
#sideNavi {
	display:none;
}
.osusume-text, .main-img, .contact img {
	height:auto;
}
/*============ header end ============*/

/*============ footer  ============*/
.footer-back {
    padding:0;
}
#menu-footer-menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    border-top: none;
    background: #fff;
    box-shadow: none;
    position: inherit;
    behavior: none;
    padding: 0;
    height: auto;
	background-color:#eaeaea;
}
.footer-menu ul li {
    display: block;
    float: none;
    padding:0;
    text-align:left;
    width: 50%;
    background: #666;
    border-top: #fff solid 1px;
    box-sizing: border-box;
}
.footer-menu ul li:nth-child(odd) {
	border-right:#fff solid 1px;
}
.footer-menu ul li a {
    width: auto;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 10px;
    text-decoration: none;
    text-shadow: 0px -1px 1px rgba(0,0,0,0.7);
    display: block;
}
.footer-menu ul li a:hover {
	opacity:0.5;
	background: rgba(0,0,0,0.3);
	-pie-background: rgba(178,98,23,1);
	box-shadow: none;	
	position:inherit;
	behavior: none;
}
.footer-menu ul li a::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    color: #fff;
    font-weight: 900;
    padding-right: 10px;
}
.footer-menu {
    margin: 0 auto;
}
.ft_ttl {
	margin:0 auto 10px;
	font-weight:bold;
	font-size:18px;
}
.ft_tel,
.ft_fax {
	margin:5px auto;
	font-weight:bold;
}
.footer-info {
	padding:20px;
	background-color:#eaeaea;	
}
.copyright {
    display: block;
    text-align: center;
    color: #666;
    font-family: Verdana, "Droid Sans" !important;
    font-size: 12px;
    margin: 10px auto 0;
}
.sp_ft_tel {
	font-weight:bold;
}
.sp_ft_tel a {
    display: inline-block;
    font-size: 18px;
    margin: 0 0 0 10px;
}
/*============ footer end ============*/
/*============ top page  ============*/
.hojin-card-img, .corp-card-img, .hojin-card-text, .corp-card-text {
    width: 100%;
	height:auto;
}
h3.Information {
	width:90%;
}
h4.h4bg {
	width:85%;
	padding: 10px 3%;
}
.contact img, .osusume-text, .comparison table {
	width:90%;
}
.topic-main dl {
	width:90%;
}
ul#feed li span.naiyou {
	width : 50% ; /* IE8以下とAndroid4.3以下用フォールバック */
/*	width : -webkit-calc(100% - 160px) ;
	width: calc(100% - 160px);*/
}
p.w700 {
	width:90%;
}
.dl-left,
.dl-right,
.dl-double,
.dl-img-left,
.dl-img-right {
    width: auto;
    float: none;
    padding: 10px;
    margin: 0 auto 10px;
}
.dl-img-left img,
.dl-img-right img {
    width:70%;
	height:auto;
}
.after_box {
    width: 100%;
    height: auto;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin: 20px auto;
    padding: 0;
    border: #D3D1D1 solid 2px;
}
.officer-box .center {
    width: 100%;
}
.officer-box table {
    width: 850px;
    margin: 15px;
    display: block;
}
.scroll {
	display:block;
    margin: 20px;
    padding: 0;
    color: #FF0000;
}
/*============ top page end ============*/

/*============ page  ============*/
.hImg img {
	width:95%;
	height:auto;
}
.chuui-jikou {
	width:90%;
}
table.company, table.contact {
	width:95%;
}
.main-etc {
    width: 90%;
}
.disc li {
	width:85%;
	margin-left:20px;
	list-style:disc;
}
#map_canvas {
	width:68% !important;
}
p.info {
    width: 90%;
}
.answer {
	width:85%;
}
.subimg, .subp, .subp2 {
	float:none;
}
.subp, .subp2, p.waribikiDot {
	width:80%;
}
.tokuchouTtl {
	padding: 10px 3% 0px;
	width: 90%;
    line-height: 1.3;
	font-size:130%;
}
.tokuchouTxt {
	padding: 0px 3% 10px;
	width: 90%;
}
.flow li {
	width:95%;
}
.entryLi01, .entryLi01-1 {
	width:20%;
	padding:10px 3%;
}
.entryLi02, .entryLi02-1 {
	width:64%;
	padding:10px 5%;
}
.entryLi02 ul li, .entryLi02-1 ul li {
	width:90%;
}
.payment p, .billBox {
	float:none;
	width:90%;
}
.exBox {
	width:90%;
}
.tokuchouLeft, .tokuchouRight {
	width:90%;
	float:none;
}
.waribikiTxt {
	width:90%;
	padding:10px 4%;
}
.waribikiTable01, .waribikiTable02 {
	width:90%;
}
.waribikiTable01 img, .waribikiTable02 img {
	width:100%;
	height:auto;
}
.waribikiPink, .waribikiOrange, .waribikiBlue {
	padding:5px 5%;
	width:85%;
}

#waribiki01, #waribiki02, #waribiki03, #waribiki04 {
	width:90%;
	float:none;
	margin-bottom:20px;
}

#waribiki01 .waribikiTtl a, #waribiki02 .waribikiTtl a, #waribiki03 .waribikiTtl a, #waribiki04 .waribikiTtl a {
	width:90%;
	padding:10px 5%;
}
.waribikiImg {
	width:90%;
	height:auto;
}

.waribikiLeft {
    float: none;
    margin: 0px;
    width: 90%;
}
.waribikiRight {
	float:none;
}
.comparison table {
	table-layout:fixed;
}
.comparison table tr td:not(.comp) {
	width:40px;
}
.comp {
	white-space:normal;
	width:10%;
}
.tokuchouRight img {
    height: auto;
    width: 100%;
}
.tel {
	width:50%;
	height:auto;
}
.waribikiOguchi {
	width:90%;
}
/*============ page end ============*/

/*============ about ============*/
#aboutNavi {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style-type: none;
    border-top: none;
    background: #fff;
    box-shadow: none;
    position: inherit;
    behavior: none;
    padding: 0;
    height: auto;
}
#aboutNavi li {
    width: 50%;
	margin:0 auto;
	padding:0;
    background: #b4d2e5;
    border-top: #fff solid 1px;
    box-sizing: border-box;
	text-align:left;
}
#aboutNavi li .on_btn {
    padding: 5px 7px;
	font-size:14px;
	font-weight:bold;
	color:#000;
	text-indent:0;
}
#aboutNavi li:nth-child(odd) {
	border-right:#fff solid 1px;
}
#aboutNavi li a {
    width: auto;
    color: #000;
    font-size: 14px;
    margin: 0px;
    padding: 5px 7px;
    text-decoration: none;
    display: block;
	background-color:#CFD4D7;
}
#aboutNavi li a:hover {
	background-color:#999999;
}
#aboutNavi li a::before,
#aboutNavi li .on_btn::before {
    font-family: 'Font Awesome 5 Free';
    content: '\f105';
    color: #666;
    font-weight: 900;
    padding-right: 10px;
}
.kaichou {
    width: auto;
    margin: 0 auto;
    float: none;
    text-align: center;
}
.kaichou img {
	margin:20px auto;
}
.soshiki {
	width:100%;
	height:auto;
}
.info-li a {
    padding: 5px 0;
    display: block;
}
.leftBox,
.rightBox {
    width: auto;
    float: none;
}
.leftBox img, .rightBox img, .sozei img {
    margin: 20px auto 0;
    display: block;
    width: 90%;
    height: auto;
    padding: 0;
}
.h4box {
    margin: 0 0 20px;
}
.sozei img {
    float: none;
    margin:0 auto;
	padding:10px 0 0;
}
.sozei p {
    width:auto;
    float:none;
    margin:. auto;
}
.join {
    width: 100%;
    margin: 10px auto;
}
.join dt, .join dd {
    width: 100%;
    padding: 5px;
    float: none;
    font-size: 16px;
    text-align: center;
    box-sizing: border-box;
}
.join dt {
    border-right:none;
}
.houjin_ttl,
.houjin_tel {
	display:block;
	font-size:16px;
}
.houjin_tel, .houjin_fax {
    display:block;
	font-size:150%;
}
.slash {
	display:none;
}
/*============ about end ============*/

/*============ gyouji  ============*/
.dl-archives dt, .dl-archives dd {
    float:none;
	width:100%;
}
.dl-archives dt {
	border-bottom:none;
	padding:10px 0 5px;
}
.dl-archives dd {
	padding:0 0 10px;
}
.dl-archives {
    margin: 10px;
}
.gyoji-table th,
.gyoji-table td {
	display:block;
	width:90%;
	border-bottom:none;
}
.gyoji-table tr:last-of-type td {
	border-bottom:#999 solid 1px;
}
.gyoji-img,
.gyoji-img img {
    width: 100%;
	height:auto;
}
/*============ gyouji end ============*/

/*============ report  ============*/
.imgbox {
    float: none;
    width: 90%;
	height:auto;
    margin: 0 auto;
}
.imgbox img {
    width: 100%;
	height:auto;
	margin:0 auto;
}
/*============ report end ============*/

/*============ contact  ============*/
.access-box .left-box,
.access-box .right-box {
    float: none;
}
.access-box img {
    width: 100%;
    height: auto;
	margin:0 auto 20px;
}
.access-box iframe {
	width:100%;
	height:300px;
	margin:30px auto 20px;
}
.access-info {
    font-weight: bold;
    font-size: 16px;
}

/*============ contact end ============*/

/*============ lin-k  ============*/
.link-box p {
    padding: 15px;
    text-indent: 0em;
    border-bottom: #666 dotted 1px;
}
/*============ lin-k end ============*/

}

@media screen and (max-width:435px){
.waribikiBtn, .etcBtn, .faqBtn {
	width:100%;
}
.waribikiBtn img, .etcBtn img, .faqBtn img {
	width:100%;
	height:auto;	
}
}