﻿

@media screen and (max-width:750px){
	
/*share*/
.spDisplay { display:block; }
.pcDisplay { display:none; }
	
/*header*/
#headerWrap h1 img { width:100%; max-width:423px; }
	
/*area*/
#contentsWrap { background:url("../image/bg01.jpg") no-repeat center top / 150%; }
#contentsWrap #contentsSec { margin-bottom:5%; }
    
/*h*/
#contentsWrap #contentsSec h2 { margin-top:0; font-size:130%; padding-top: 30px; }

/*開閉*/
#contentsWrap #contentsSec .ocArea { padding:5% 0; }
#contentsWrap #contentsSec .ocArea ul.ocInner li { margin:10% 5% 0; }
#contentsWrap #contentsSec .ocArea ul.ocInner li:first-child { margin:0 5% 5%; }
#contentsWrap #contentsSec .ocArea ul.ocInner li .hBox h3 {font-size:110%; }
#contentsWrap #contentsSec .ocArea ul.ocInner li .inBox img { height:auto; max-width:100%; vertical-align:bottom; }

/*ほくぎんビジネスポータル*/
#contentsWrap #contentsSec .loginArea { display:block; }
#contentsWrap #contentsSec .loginArea .txtInner { width:100%; }
#contentsWrap #contentsSec .loginArea .txtInner h3 { margin-right:1em; }
#contentsWrap #contentsSec .loginArea .txtInner p { margin-right:1em; margin-left:1.5em;}
#contentsWrap #contentsSec .loginArea .btnInner { width:100%; text-align:center; margin-bottom:8%; }
#contentsWrap #contentsSec .loginArea .btnInner p a { background:url("../image/icon_arrow01.png") #e0416c no-repeat right 20px center; color:#ffffff; padding:18px 80px 18px 75px; border-radius:6px; margin:0 0 0 0; text-decoration:none; }

/*お困りの方はこちら*/
#contentsWrap #contentsSec .helpArea .btnInner ul { width:92%; max-width: 302px; margin:0 auto; display:flex; padding:0 20px; box-sizing:border-box; flex-wrap:wrap; justify-content:space-between; }
#contentsWrap #contentsSec .helpArea .btnInner ul li { width:100%; margin-left:0; margin-top:10px; }
#contentsWrap #contentsSec .helpArea .btnInner ul li:first-child { width:100%;  margin-top:0; }
#contentsWrap #contentsSec .helpArea .btnInner ul li:nth-child(2) { width:100%; }
#contentsWrap #contentsSec .helpArea .btnInner ul li:nth-child(3) { width:100%; }
#contentsWrap #contentsSec .helpArea .btnInner ul li a { width:1.5%; padding: 13px 25px; }  

/*お知らせ*/
#contentsWrap #contentsSec .pLink { text-indent:-1em; padding-left:1em; }
#contentsWrap #contentsSec .pLink .day { width: calc(100% - 27px); display: inline-block; padding-left: 10px; }
    
/*マニュアル*/
#contentsWrap #contentsSec #manualArea { margin-bottom: 30px; }
#contentsWrap #contentsSec #manualArea ul { width: 100%; }
#contentsWrap #contentsSec #manualArea ul li { width: 40%; }
#contentsWrap #contentsSec #manualArea ul li:nth-last-child(2n) { border: none; display: flex; justify-content: flex-end; }
#contentsWrap #contentsSec #manualArea ul li:nth-last-child(2n + 1) { margin-left: 10px; display: flex; justify-content: flex-start; }
#contentsWrap #contentsSec #manualArea ul.service li:nth-child(6) { border-left:1px solid #e0416c; }

#contentsWrap #contentsSec #manualArea .btnArea { display: none; } 

}
	