/* CSS Document */
html { font-size: 62.5%; }
body, select, input, textarea,button {
	font-family:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", sans-serif;
	-webkit-text-size-adjust : 100% ;
	font-size: 1.4em;
	font-weight: bold;
	color: #4c4949;
	letter-spacing: 1.5px;
	line-height: 1.75;
	overflow: hidden;
}
@media all and (-ms-high-contrast:none){
	*::-ms-backdrop, body { font-family: "Noto Sans JP", "游ゴシック Medium", YuGothic Medium,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,Osaka,"ＭＳ Ｐゴシック",MS P Gothic,Verdana,sans-serif;}
}
a,
a:hover,
a:active,
a:focus,
a:visited{
	color:#444;
	text-decoration: none;
}
a#nav-toggle,
a#nav-toggle:hover{
	color: #FFF;
}
br.sp_br{
	display: none;
}
body.scroll-rock,
body.panelNav_scroll-rock{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.overlay{
	position: fixed;
	top: 0;
	top: 100px;
	left: 0;
	display: none;
	width: 100%;
	height: 100%;
	/*background: rgba(0, 0, 0, .4);*/
	transition: all 0.3s ease 0s;
}
.overlay.is-active{
	z-index: 10;
	display: inline;
	background: rgba(0, 0, 0, 0.4);
	transition: all 0.3s ease 0s;
}
*, *:before, *:after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/* google Search */
.header_otherNav #___gcse_0 .gsc-control-cse {
	width: 250px;
	padding: 0 !important;
	background-color: transparent;
	border: 1px solid transparent;
	position: relative;
}

.header_otherNav form.gsc-search-box {
  margin-bottom: 0px !important;
}

header .gsc-input .gsc-input-box {
	height: 34px;
	border-radius: 20px;
	margin-left: 2rem;
	border: 1px solid #ddd;
	box-shadow: 3px 3px 4px rgb(0 0 0 / 15%);
	color: #ddd;
}

header .gsc-input .gsib_a {
	padding-top: 2px;
}

/* Search button */
.header_otherNav .gsc-search-button .gsc-search-button-v2 {
	position: absolute;
	top: 0.5px;
/*	right: 15px;*/
	right: 2px;
	padding: 15px 25px;	
}

.gsc-search-button .gsc-search-button-v2 {
	background: -webkit-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
	background: -moz-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
	background:  -o-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
	background:  -ms-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
	background: linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
	border-color: rgba(0,0,0,0);
	border-radius: 0 20px 20px 0
}

.gsc-search-button .gsc-search-button-v2:hover {
	background: -webkit-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
	background: -moz-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
	background:  -o-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
	background:  -ms-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
	background: linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
	border-color: rgba(0,0,0,0);
}

.header_otherNav .gsc-search-button .gsc-search-button-v2 svg {
	width: 16px;
	position: absolute;
	top: -4px;
	right: 20px;
	fill: #0095da;
}

.gsc-search-box .gscb_a {
	display: none;
}

svg.gcsc-find-more-on-google-magnifier {
	width: 16px;
	bottom: 2px;
	left: 9px;	
}

.gcsc-more-maybe-branding-root .gcsc-find-more-on-google {
	 margin-left: 35px;
}

.gcsc-find-more-on-google-root .gcsc-more-maybe-branding-box {
	padding-left: 35px;
}

.gcsc-find-more-on-google {
	position: relative;
}
.gsc-tabdActive svg.gcsc-find-more-on-google-magnifier {
	position: absolute;
	top: -2px;
	left: -25px;	
}
.gsc-cursor svg.gsc-cursor-chevron {
	width: 16px;
	margin: -20px -10px 16px;
	padding: 5p;
}

.gsc-cursor .gsc-cursor-numbered-page {
	padding: 5px 35px;
}

/* CSS Document */
.fix_content{
	width: 100%;
	margin: 0;
}
.fix_content img{
	width: 70%;
	margin: 0 auto;
	display:block;
}
.fix_content.subnavi img{
	width: 67.3%;
}
section h2 {
    font-size: 3.0rem;
	font-weight: 600;
	text-align: center;
	padding-top: 3rem;
}
section .innerWrap {
  width: 80%;
  margin: 0 auto;
}
/*header
---------------------------------- */
header{
	border-bottom: solid 1px #E8E8E8;
	position: relative;
	background: #FFF;
/*	background-color: transparent;
*/	z-index: 100;
}
header .header_inner{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 1rem 2rem 0 0;
	margin-bottom: 1rem;
}
header h1,
#panelNav p.navLogo{
	width: 180px;
	margin-left: 1rem;
}
#panelNav p.navLogo{
	position: absolute;
	top: 1.5rem;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	margin-left: 0;
}
header h1 a img,
#panelNav p.navLogo img{
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
header .header_inner ul.header_otherNav{
	width: 38%;
	display: flex;
	justify-content: flex-end;
	align-items: flex-end;
}
header #dropNavSearch p.btn_search{
	display: none;
}
header .header_inner ul.header_otherNav li,
header #dropNavSearch .searchBox_sp{
	min-width: 17rem;
	border-radius: 2rem;
	text-align: left;
	line-height: 3rem;
}
header .header_inner ul.header_otherNav li.gsearch{
	min-width: 25rem;
}

header .header_inner ul.header_otherNav li.support{
	position: relative;
	margin-right: 3%;
	background-color: #e6f3fb;
	background: -webkit-linear-gradient(bottom left, #b39d39 0%, #ccb654);
	background: -o-linear-gradient(bottom left, #b39d39 0%, #ccb654);
	background: linear-gradient(to top right, #b39d39 0%, #ccb654);
	border-radius: 5px;
}
header .header_inner ul.header_otherNav li.support:hover{
	cursor: pointer;
	background: -webkit-linear-gradient(bottom left, #ccb654 0%, #b39d39);
	background: -o-linear-gradient(bottom left, #ccb654 0%, #b39d39);
	background: linear-gradient(to top right, #ccb654 0%, #b39d39);
}
header .header_inner ul.header_otherNav li.support::before{
	position: absolute;
	content: '';
	margin: auto;
	bottom: 0;
	right: -2.5rem;
	width: 4rem;
	height: 4rem;
	background: url("../image/wazzeca_pc_standup.svg") no-repeat;
	background-size: 4rem auto;
}
header .header_inner ul.header_otherNav li.support p {
	line-height: 1.8rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
	color: #FFF;
	text-align: center;
	margin-bottom: 0.5rem;
}
header .header_inner ul.header_otherNav li.support,
header .header_inner ul.header_otherNav li.search,
header #dropNavSearch .searchBox_sp{
	display: inline-block;
	text-align: left;
	position: relative;
	margin-left: 1rem;
	border: 1px solid #ddd;
	box-shadow: 3px 3px 4px rgb(0 0 0 / 15%);
	color: #0095da;
}
header .header_inner ul.header_otherNav li.support > a{
	display: block;
	text-align: center;
	position: relative;
	margin: 0 1rem;
	margin-bottom: 0;
}
header .header_inner ul.header_otherNav li.support > a > p,
header .header_inner ul.header_otherNav li.support > a > span,
header .header_inner ul.header_otherNav li.support > a > span.ballon,
header .header_inner ul.header_otherNav li.search > span{
	font-weight: bold;
	padding-left: 0.5rem;
}
header .header_inner ul.header_otherNav li.support > a > span.ballon{
	position: relative;
	text-align: center;
	color: #a38e2c;
	background-color: #FFF;
	display: inline-block;
	border-bottom: 2px solid #FFF;
	font-size: 1.2rem;
	line-height: 1.5rem;
	letter-spacing: -0.05rem;
	padding: 0 1rem;
	padding-top: 0.4rem;
	border-radius: 3px;
}
header .header_inner ul.header_otherNav li.support > a > span.ballon:before,
header .header_inner ul.header_otherNav li.support > a > span.ballon:after{
	content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
header .header_inner ul.header_otherNav li.support > a > span.ballon:before{
	border: 6px solid transparent;
    border-top: 6px solid #FFF;	
}
header .header_inner ul.header_otherNav li.support > a > span.ballon:after{
	/*border: 6px solid transparent;
    border-top: 6px solid #0095da;
    margin-top: -1px;*/
}

header .header_inner ul.header_otherNav li.search {
	display: none;
}
header .header_inner ul.header_otherNav li.search,
header #dropNavSearch .searchBox_sp{
	height: calc(3rem + 2px);
	position: relative;
}
header .header_inner ul.header_otherNav li.search form,
header #dropNavSearch form{
	height: 3rem;
	background: url("../image/search.svg") no-repeat 100% 50%  ;
	background-size: 2rem;
	transition: all 0.5s;
}

/*google検索*/
header .header_inner ul.header_otherNav li.gsearch table{
       margin:0;
}
header .header_inner ul.header_otherNav li.gsearch table tr{
       border:none;
}
header .header_inner ul.header_otherNav li.gsearch table td{
       border:none;
              padding:0;
}
header .header_inner ul.header_otherNav li.gsearch .gsib_a{
	
    padding: 3px 9px 4px 9px!important;
}

.gssb_c{
    margin:0!important;
}

.gssb_c .gsc-completion-container{
    margin:0;
}
.gssb_c .gsc-completion-container tr{
    padding:0; border:none;
}
.gssb_c .gsc-completion-container td{
    border:none; text-align:left;
    padding: 0 9px;
}
.gstl_51 .gssb_e{
    display:none!important;
}

/*検索窓のエリア*/
 #search-wrap {
     position: absolute;
	 z-index: 2;
	 top:10px;
	 right:10px;
	 top: 0;
	 right: 0;
}

/*input設定*/
 #search-text_sp,
 #search-text{
	-webkit-appearance:none;
	width: auto;
	height: 3rem;
	padding: 0rem;
	padding-left: 1.5rem;
	background-size: 2rem;
	transition: all 0.5s;
	outline: none;
	border-radius: 2rem;
	border: none;
	font-size: 100%;
	background-color: transparent;
}
header .header_inner ul.header_otherNav li.search p.btn_searchBoxView{
	display: none;
}
header .header_inner ul.header_otherNav li.search form  p.btn_search,
header .header_inner ul.header_otherNav li.search p.btn_searchBoxView,
header #dropNavSearch form p.btn_search{
	position: absolute;
	top: 0;
	right: 0;
    color: #fff;
    border-radius: 0 2rem 2rem 0;
    width: 5rem;
	height: 3rem;
	background: -webkit-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
    background: -moz-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
    background:  -o-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
    background:  -ms-linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
    background: linear-gradient(119deg, #e6f3fb 0%, #FFFFFF 100%);
}
header .header_inner ul.header_otherNav li.search form p.btn_search:hover,
header .header_inner ul.header_otherNav li.search p.btn_searchBoxView:hover,
header #dropNavSearch form p.btn_search:hover{
	cursor: pointer;
    border-radius: 0 2rem 2rem 0;
	background: -webkit-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
    background: -moz-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
    background:  -o-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
    background:  -ms-linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
    background: linear-gradient(119deg, #c8e6f9 0%, #FFFFFF 100%);
}
header .header_inner ul.header_otherNav li.search form button.siteSearch_submit,
header .header_inner ul.header_otherNav li.search p.btn_searchBoxView button,
header #dropNavSearch .searchBox_sp form button.siteSearch_submit{
	border: none;
    outline: none;
    width: 5rem;
	height: 3rem;
	background: url("../image/search.svg") no-repeat 45% 45%;
	background-size: 2rem;
	cursor: pointer;
}
button.siteSearch_submit::before{
	left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(119deg, #FFFFFF 0%, #e6f3fb 100%);
    background: -moz-linear-gradient(119deg, #FFFFFF 0%, #e6f3fb 100%);
    background: -o-linear-gradient(119deg, #FFFFFF 0%, #e6f3fb 100%);
    background: -ms-linear-gradient(119deg, #FFFFFF 0%, #e6f3fb7 100%);
    background: linear-gradient(119deg, #FFFFFF 0%, #e6f3fb 100%);
    -wewbkit-transition: 0.3s ease-out;
    transition: 0.3s ease-out;
    opacity: 0;	
}
button.siteSearch_submit::after {
    width: 15px;
    height: 15px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
input#search-text:focus {
	width: auto;/*テキスト入力エリアが伸びた後の横幅*/
	border: none;
	box-shadow: 0 2px rgba(6,0,1,.26);
	box-shadow: 3px 3px 4px rgb(0 0 0 / 15%);
	background-size: 2rem;
	transition: all 0.5s;
}
input:focus::-webkit-input-placeholder {
	color: transparent;
}
input:focus::-moz-placeholder {
	color: transparent;
}
input:focus::-ms-input-placeholder {
	color: transparent;
}
input:focus::placeholder {
	color: transparent;
}
input#search-text:-webkit-autofill {
    box-shadow: 0 0 0 1000px #FFF inset;
	z-index: -1;
}
header .gnavArea{
	background:#0095da;
}
header .gnavArea > ul{
	display: flex;
	justify-content: flex-start;
	width: 72%;
	min-width: 1024px;
	margin: 0 auto;
}
/*headerメニューの非表示&&ハンバーガーメニュー表示
------------------------------------------ */
header.done {
	/*opacity: 0;*//*透過0にして非表示に*/
}
header.done.sp {
	opacity: 1;
}
/*メニューボタンをクリックした際に付与されるpanelactiveクラスがついたら*/
header.panelactive {
	opacity: 1;/*不透明にして出現*/
}
/*fadeDownクラスが付与された後のボタンの出現アニメーション設定*/
.fadeDown {
    animation-name: fadeDownAnime;
    animation-duration: 0.5s;
    animation-fill-mode: forwards;
    opacity: 0;
    display: block;
}
@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}
#panelNav{
	display: none;
}
header.panelactive #panelNav{
	display: block;
}
header .gnavArea > ul > li{
	flex: 1;
	width: 100%;
	text-align: center;
}
header .gnavArea > ul > li > a {
	display: block;
	position: relative;
	width: 100%;
	padding: 14px 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: solid 1px #fff;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
}
header .gnavArea > ul > li.nav01 a{
	border-left: 1px solid #FFF;
}
header .gnavArea > ul > li.current > a {
    border-left: solid 1px #fff;
	background: #FFF;
	color: #0095da;
}
header .gnavArea > ul > li:first-child > a span{
	position: relative;
	font-weight: bold;
}
header .gnavArea > ul > li > a:hover,
header .gnavArea > ul > li.current > a {
    background: #fff;
    color: #0095da; 
}
header .categoryNavArea{
	position: relative;
}
header .categoryNavArea > ul{
	width: 72%;
	min-width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: flex-start;
}
header .categoryNavArea > ul > li{
	flex: 1;
	width: 100%;
	text-align: center;
}
header .categoryNavArea > ul > li.select{
	border-bottom: none;
}
header .categoryNavArea > ul > li > dl{
	z-index: 120;	
}
header .categoryNavArea > ul > li > dl > dt{
	z-index: 120;
}
header .categoryNavArea > ul > li > dl > dd{
	display: none;
	opacity: 0;	
}
header .categoryNavArea > ul > li.select > dl > dd{
	display: block;
	opacity: 1;
}
@keyframes slideIn {
  0% {
    transform: translateY(-20px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    opacity: 1;
  }
}
@keyframes slideOut {
  0% {
    opacity: 1;
  }
  100% {
    transform: translateY(0);
  }
  40%,100% {
    transform: translateY(-20px);
    opacity: 0;
  }
}

header .categoryNavArea > ul > li > a,
header .categoryNavArea > ul > li .categoryTitle > a {
	display: block;
	width: 100%;
	padding: 1.2rem 1rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-right: solid 1px #E8E8E8;
	color: #0095da;
	font-size: 1.6rem;
	padding-left: 2.5rem;
}
header .categoryNavArea > ul > li:first-child > a,
header .categoryNavArea > ul > li:first-child .categoryTitle > a {
	border-left: solid 1px #E8E8E8;
}
/* btn hover animation */
header .categoryNavArea > ul > li .categoryTitle > a::before{
  opacity: 0;
  background: rgba(255, 255, 255, 0.1);
  transform: scale(0.1, 0.1);
}
header .gnavArea > ul > li > a:hover::before,
header .categoryNavArea > ul > li .categoryTitle > a:hover::before{
  opacity: 1;
  transform: scale(1, 1);
}
header .categoryNavArea > ul > li .categoryTitle > a::after{
  transition: all 0.3s;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
header .categoryNavArea > ul > li .categoryTitle > a:hover:after{
  transform: scale(0, 0);
  opacity: 0;
}
/*------------------------*/

header .categoryNavArea > ul > li:first-child > a {
    border-left: solid 1px #fff;
}
header .categoryNavArea > ul > li > a:hover,
header .categoryNavArea > ul > li.current > a {
    background: #000;
    color: #0095da; 
}
header .categoryNavArea > ul > li > a span,
header .categoryNavArea > ul > li .categoryTitle > a span{
	position: relative;
	display: inline-block;
	font-weight: bold;
    color: #0095da; 
}
/*header .categoryNavArea > ul > li > a span:before,*/
header .categoryNavArea > ul > li .categoryTitle > a span:before{
	position: absolute;
	content: '';
	margin: auto;
	top: 50%;
	left: -2.5rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url("../image/icon_all.svg") no-repeat;
	background-size: 1.8rem auto;
}
header .categoryNavArea > ul > li.select .categoryTitle > a span:before{
	position: absolute;
	content: '';
	margin: auto;
	width: 5px;
	height: 5px;
	top: 50%;
	left: -1.5rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	border-radius: 50%;
	transition: background-color cubic-bezier(0.215, 0.61, 0.355, 1) .4s;
	background: none;
	background-color: #0095DA;
}
header .categoryNavArea > ul > li.select .categoryTitle > a span:after,
header .categoryNavArea > ul > li.select .categoryTitle > a:hover span:after{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 0;
	transform: translateX(-50%);
	border-bottom: solid 1px #0095da;
	animation: border_anim 0.3s linear forwards;
}
header .cateNav_close{
	width: 100%;
	box-shadow: 0px 6px 13px -3px rgba(0, 0, 0, 0.3);
	background-color:#d5eefb;
	/*animation: slideIn 1s cubic-bezier(0.25, 1, 0.5, 1) 1 forwards;*/
}
header .cateNav_close a{
	display: block;
	padding: 1rem 0;
}
header .cateNav_close a > span{
	color: #FFF;
	background-color:#0095da;
	line-height: 3em;
	padding: 0.5rem 3rem;
}
header .cateNav_close a span:before{
	display: inline-block;
	content: ' ';
	width: 0.6rem;
	height: 0.6rem;
	margin: 0 1.5rem 0 0;
	border-top: 2px solid #FFF;
	border-left: 2px solid #FFF;
	transform: rotate(45deg);
	vertical-align: baseline;
}
@keyframes pulseMotion {
  0% {
    transform: translate(-50%, -50%) scale(1, 1);
	background-color:rgba(0,149,218,0.4);  }
  100% {
    transform: translate(-50%, -50%) scale(5.5, 5.5);
    background-color:rgba(0,149,218,0);
  }
}
@keyframes border_anim {
	0%{
		width: 0%;
	}
	100%{
		width: 100%;
	}
}
header .categoryNavArea > ul > li:hover,
/*header .categoryNavArea > ul > li .categoryTitle > a:hover,*/
/*header .categoryNavArea > ul > li.select .categoryTitle > a,*/
header .categoryNavArea > ul > li .categoryTitle > a.current:hover/*,
header .categoryNavArea > ul > li.select .categoryTitle > a.current*/{
	background: #f2f9fd;
}
header .categoryNavArea > ul > li > dl dd{
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #f2f9fd;
}
header .navDropBox{
	width: 72%;
	min-width: 1024px;
	margin: 0 auto;
	padding: 40px 0;
}
header .navDropBox:before{
	content: "";
	display: table;
}
header .categoryNavArea > ul > li > dl dd .navDropBox > dl,
header .categoryNavArea > ul > li > dl dd .navDropBox ul{
	display: flex;
	align-items: flex-start;
	flex-direction: row;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul{
	flex-wrap: wrap;
	align-content: center;
	align-items: stretch;
	width: 100%;
}
header .categoryNavArea > ul > li > dl dd .navDropBox > dl dt{
	position: relative;
	display: flex;
	align-items: stretch;
	height: auto;
	flex: 0 0 25%;
	margin: 0;
}
header .categoryNavArea > ul > li > dl dd .navDropBox > dl dd{
	position: relative;
	width: 75%;
	display: flex;
	justify-content: center;
    align-items: stretch;
	flex-direction: row;
}
header .categoryNavArea > ul > li > dl dd .navDropBox > dl dd > ul{
	margin-bottom: -18px;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt,
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a,
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li,
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a,
.article_container > .cateListBox ul > li > dl > dd > ul > li,
.article_container > .cateListBox ul > li > dl > dd > ul > li > a{
	display: flex;
	justify-content: center;
	/*align-items: center;*/
	text-align: left;
	margin: 0 0 1rem 1rem;
	box-sizing: border-box;
	height: 4.5rem;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt{
	width: 25%;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li{
	width: calc(33.33333333% - 1rem);
	margin-left: 0;
	margin-left: 1rem;
	flex-wrap: wrap;
	height: auto;
	min-height: 5.38rem;
	align-items: stretch;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a{
	height: auto;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a{
	width: 100%;
	height: 100%;
}
.article_container > .cateListBox ul > li > dl > dd > ul > li{
	margin: 1rem 3rem;
}

header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a,
.article_container > .cateListBox ul > li > dl > dd > ul > li > a{
	position: relative;
	font-size: 1.5rem;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a,
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a,
.article_container > .cateListBox ul > li > dl > dd > ul > li > a{
	margin: 0;
	/*transition: .3s 0s all ease-in-out;*/
	border-radius: 5px;
	/*border-radius: 10px;*/
	border: 1px solid #DEDEDE;
	/*box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px 1px;*/
	background: #FFF;
	color: #0095da;
	padding: 0.5rem 1.05rem;
	flex-direction: column;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a:hover,
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a:hover,
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li:hover{
    border-color:transparent;
	border: 1px solid #DEDEDE;
    color: #fff;
	/*transition: .3s 0s all ease-in-out;*/
	/*transition: all 0.25s ease 0s;*/
    background: linear-gradient(270deg, #d5eefb 0%, #0095da 50%, #d5eefb 100%);
	background-size: 200% auto;
    background-position: right center;
}
.article_container > .cateListBox ul > li > dl > dd > ul > li > a{
    border-color:transparent;
    color: #fff;
	transition: .3s 0s all ease-in-out;
    background: linear-gradient(270deg, #5db777 0%, #0095da 50%, #d5eefb 100%);	background-size: 200% auto;
    background-position: right center;
}
.article_container > .cateListBox ul > li > dl > dd > ul > li > a:hover{
	transition: .3s 0s all ease-in-out;
	background-size: 200% auto;
    background-position: right center;
    /*ボックスの影*/   
    box-shadow: 0 5px 10px rgb(250,108,159,0.4);
	box-shadow: 0 5px 10px rgb(0,149,218,0.6);
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a span,
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a span,
.article_container > .cateListBox ul > li > dl > dd > ul > li > a span{
	font-weight: bold;
	line-height: 2rem;
}
.article_container > .cateListBox ul > li > dl > dd > ul > li > a span{
	color: #FFF;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a span,
.article_container > .cateListBox ul > li > dl > dd > ul > li > a span{
	padding-right: 2.5rem;
	color: #FFF;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a span{
	color: #0095da;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a:hover span{
	color: #FFF;
}

header .categoryNavArea > ul > li > dl dd .navDropBox dt{
	display: flex;
	justify-content: space-between;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a{
	display: flex;
	justify-content: space-between;
	padding: 0 2rem;
}
.personal header .categoryNavArea > ul > li.navPersonal01 > dl dd .navDropBox dt > a span,
.personal header .categoryNavArea > ul > li.navPersonal02 > dl dd .navDropBox dt > a span{
	line-height: 4rem;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a span{
	font-size: 1.6rem;
	margin: 1rem 0;
	text-align: center;
	line-height: 2rem;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a span:before,
.article_container > .cateListBox ul > li > dl > dd > ul > li > a span:before,
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li a span:before,
.atm_shop .page-section-category > .page-item-listbox li a > span:before{
	position: absolute;
	content: '';
	margin: auto;
	top: 50%;
	right: 1.6rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 1.6rem;
	height: 1.6rem;
	border-radius: 50%;
	background: url("../image/arrow-right_white.svg") no-repeat  #0095da;
	background-size: 1.5rem auto;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li > a:hover span:before{
	background-size: 1.5rem auto;
}
header .categoryNavArea > ul > li > dl dd .navDropBox ul > li.externalLink > a span:before{
	background: url("../image/icon_externalLink.svg") no-repeat;
	background-size: 1.5rem auto;
	border-radius: 0;	
}
.article_container > .cateListBox ul > li > dl > dd > ul > li > a span:before,
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li a span:before,
.atm_shop .page-section-category > .page-item-listbox li a > span:before{
	background: url("../image/arrow-right_blue.svg") no-repeat  #FFF;
	background-size: 1.5rem auto;
}
.article_container > .cateListBox ul > li > dl > dd > ul > li.externalLink > a span:before{
	background: url("../image/icon_externalLink_white.svg") no-repeat;
	background-size: 1.5rem auto;
	border-radius: 0;
}
header .categoryNavArea > ul > li > dl dd .navDropBox dt > a img{
	margin-top: 2rem;
	width: 100%;
}
header #panelNav{
    position:fixed;
	top: 0;
    left: 0;
	z-index: -1;
	width:100%;
	height: 100vh;
	display: none;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	text-align: center;
    opacity: 0;
	transition: all 0.4s;
}
/* humberger_menu OPEN
---------------------------------- */
header.panelactive #panelNav{
	opacity: 1;
	z-index: 3;
	background: #0095da;
	overflow-y: scroll;
	scrollbar-width: none;/*scrollbar_非表示*/
  	-ms-overflow-style: none;/*scrollbar_非表示*/
	display: flex;
}
header.panelactive #panelNav::-webkit-scrollbar{
    display: none;/*scrollbar_非表示*/
}
header.panelactive #panelNav > ul{
	display:block;
	width: 51%;
	min-width: 768px;
	margin: 0 auto;
	background: #FFF;
	border-radius: 5px;
}
header.panelactive #panelNav ul.panelTopNav{
	display: flex;
	flex-wrap: nowrap;
	padding: 0.5rem;
	justify-content: space-between;
	margin-top: 10rem;
}
header.panelactive #panelNav ul.panelTopNav li{
	width: 33.3333333333%;
	display: flex;
	justify-content: center;
	align-items: center;
}
header.panelactive #panelNav ul.panelTopNav li:nth-child(1){
	margin-right: 0.5rem;
}
header.panelactive #panelNav ul.panelTopNav li:nth-child(2){
	border-left: 1px solid #0095da;
	border-right: 1px solid #0095da;
}
header.panelactive #panelNav ul.panelTopNav li:nth-child(3){
	margin-left: 0.5rem;
}
header.panelactive #panelNav ul.panelTopNav li.active{
	border-radius: 5px;
	background: #0095da;
}
header.panelactive #panelNav ul.panelTopNav li.active > a > span{
	color: #FFFFFF;
}
header.panelactive #panelNav ul.panelTopNav > li > a{
	color: #FFF;
	font-weight: bold;
	display: block;
	width: 100%;
}
header.panelactive #panelNav ul.panelTopNav > li > a > span{
	display: inline-block;
	font-size: 1.4rem;
	font-weight: bold;
	color: #0095da;
	line-height: 1.6rem;
	margin: 0.5rem 0;
}
header.panelactive #panelNav ul.tab_area{
	display: none;
}
header.panelactive #panelNav ul.tab_area.is-active {
    display: block;
    animation-name: displayAnime;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active{
	background-color: transparent;
}
header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active > .netBank{
	width: 100%;
	min-width: auto;
	background-color: #FFF;
	margin: 0;
	padding-top: 0;
}
header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active > .netBank:first-child{
	margin-bottom: 1rem;
}
header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active > .netBank > .nb_personal,
header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active > .netBank > .nb_business{
	width: 100%;
	border: none;
	box-shadow: none;
}
header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active > .netBank > .nb_personal .btn_list > li{
	width: 100%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li{
	width: 90%;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 10px;
	margin-bottom: 1rem;
	padding-bottom: 2rem;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li:last-child{
	/*background-color: transparent;*/
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category,
.atm_shop .page-section-category{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox{
	width: calc(50% - 1rem);
	background-color: #e6f3fb;
	border-radius: 10px;
	margin-left: 0;
	margin-bottom: 1rem;
	padding: 1rem 2rem;
	flex-grow: 0;
}
.atm_shop .page-section-category > .page-item-listbox{
	width: calc(50% - 0.5rem);
	background-color: #e6f3fb;
	border-radius: 10px;
	margin-bottom: 1rem;
	padding: 1rem 2rem;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox > ul,
.atm_shop .page-section-category > .page-item-listbox > ul{
	margin-bottom: 2rem;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox.atm_711,
.atm_shop .page-section-category > .page-item-listbox.atm_711{
	width: 100%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox.atm_711 li/*,
.atm_shop .page-section-category > .page-item-listbox.atm_711 li*/{
	width: 33.095%;
	width: 50%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > h2,
.atm_shop li > h2{
	color: #0095da;
	font-weight: bold;
	padding: 2rem 0;
    font-size: 1.6rem;
    width: 100%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap{
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto;	
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap > #panel_atmshop_areamapimage,
.atm_shop #atmshop_areamap > #atmshop_areamapimage{
	margin: 0 auto;
	border-radius: 10px;
	background-color: #e6f3fb;
	vertical-align: bottom;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn,
.atm_shop #atmshop_areamap .map_btn{
	position: absolute;
	top: 0;
	left: 0;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap > #panel_atmshop_areamapimage,
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn{
	width: 100%;
	height: 100%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area{
	position: absolute;
	padding: 0.5% 3%;
	/*border:1px solid #41aeb3;*/
	background-color: #FFF;
	border-radius: 5px;
	box-shadow: 0 0 4px 0 rgb(20 29 29 / 5%), 0 12px 14px 0 rgb(20 29 29 / 8%);
	box-shadow: 0 0 4px 0 rgb(25 68 70 / 5%), 0 12px 14px 0 rgb(25 68 70 / 8%);
	box-shadow: inset 1px 1px 5px rgba(82,165,195, 0.5);
	box-shadow: inset -1px -1px 5px rgba(82,165,195, 0.5);
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap >  .map_btn li > a.btn_area.btn_kagoshimashi,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_kagoshimashi{
	top: 40%;
	right: 26%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_hokusatu,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_hokusatu{
	top: 15%;
	right: 34%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_nansatu,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_nansatu{
	top: 60%;
	right: 38%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_aira,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_aira{
	top: 23%;
	right: 19%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_osumi,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_osumi{
	top: 50%;
	right: 7%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_ritou,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_ritou{
	top: 35%;
	left: 12%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_kengai,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_kengai{
	top: 10%;
	right: 3%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank{
	top: 6%;
	left: 5.5%;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 1% 5%;;
	padding-top: 6%;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li.sevenBank,
.atm_shop #atmshop_areamap .map_btn li.sevenBank{
/*	position: relative;
*/}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank:before,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank:before{
	/*content: '';
	position: absolute;
	width: 20rem;
	height: 10rem;*/
	/*top: 2.5rem;
	left: 4%;*/
	/*background: rgba(0,153,51,0.2);
	border-radius: 10px;*/
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank:after,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank:after{
	content: '';
	width: 16%;
	height: 100%;
	position: absolute;
	top: 1rem;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	background: url("../image/7bank_logo.png") 50% 0 no-repeat;
	background-size: 100% auto;
}

header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap a.btn_area > p.ballon,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area > p.ballon{
	position: relative;
	z-index: 2;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap a.btn_area > p.ballon:before,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area > p.ballon:before{
	/*content: "";
	display: block;
	position: absolute;
	bottom: -1.25rem;
	left: calc(50% - 1rem);
	width: 0;
	height: 0;
	border-width: 1rem 1rem 0 1rem;
	border-style: solid;
	border-color: #FFF transparent transparent transparent;*/
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap a.btn_area > p.ballon:before{
	/*bottom: -1rem;*/
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area:hover,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area:hover{
	cursor: pointer;
	/*background-color: #e6f3fb;*/
	/*background-color: #0095da;*/
	box-shadow: 0 0 4px 0 rgb(255 255 255 / 30%), 0 12px 14px 0 rgb(255 255 255 / 20%);
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area:hover > p.ballon > span,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area:hover > p.ballon > span{
	/*color: #0095da;*/
	/*color: #FFF;*/
	cursor: pointer;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap a.btn_area:hover > p.ballon:before,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area:hover > p.ballon:before{
		/*border-color: #e6f3fb transparent transparent transparent;*/
		/*border-color: RGB(65,174,179) transparent transparent transparent;*/
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap a.btn_area > p.ballon > span,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area > p.ballon > span{
	color: #0095da;
	color: #444;
	color: #41aeb3;
	font-size: 1.4rem;
	font-weight: bold;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > .atmshopBox{
	width: 100%;
	margin-top: 3rem;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > .atmshopBox li{
	width: 100%;
	margin-right: 0;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li h3,
.atm_shop h3{
	text-align: left;
	padding: 1rem 0;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox > p,
.atm_shop .page-section-category > .page-item-listbox > p{
	text-align: left;
	color: #444;
	margin-bottom: 1rem;
	font-weight: bold;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li h3 a,
.atm_shop li h3 a{
	color: #0095da;
	font-size: 1.6rem;
	font-weight: bold;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li,
.atm_shop .page-section-category > .page-item-listbox li{
	display: flex;
	width: 70%;
	margin: 0 auto;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li a,
.atm_shop .page-section-category > .page-item-listbox li a{
	font-weight: bold;
	display: flex;
	position: relative;
	align-items: center;
	width: 80%;
	width: 100%;
    height: 100%;
    min-height: 4.5rem;
	padding: 0.5rem 1.05rem;
	border-radius: 5px;
	border-color: transparent;
	color: #fff;
	transition: .3s 0s all ease-in-out;
	background: linear-gradient(270deg, #5db777 0%, #0095da 50%, #d5eefb 100%);
	background-size: 200% auto;
	background-position: right center;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li a,
.atm_shop .page-section-category > .page-item-listbox li a{
    background-size: 200% auto;
    background-position: right center;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li a:hover,
.atm_shop .page-section-category > .page-item-listbox li a:hover{
	box-shadow: 0 5px 10px rgb(0 149 218 / 60%);
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li a > span,
.atm_shop .page-section-category > .page-item-listbox li a > span{
	display: block;
	padding-right: 2.5rem;
	line-height: 2rem;
	font-weight: bold;
}
header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li a > span:before{
}
@keyframes displayAnime{
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
header.panelactive #panelNav ul.tab_area{
	/*min-height: calc(100vh - 15rem);*/
	margin: 1rem auto;
}
header.panelactive #panelNav ul#panelNav_menu > li{
	text-align: left;
	width: 90%;
	margin: 0.25rem auto;
}
header.panelactive #panelNav ul#panelNav_menu > li.navMenu{
	border-bottom: 1px solid #0095da;
	padding-bottom: 0.25rem;
}
header.panelactive #panelNav ul#panelNav_menu > li.navMenu:last-child{
	border-bottom: 0;
}
header.panelactive #panelNav ul#panelNav_menu > li > a{
	position: relative;
	display: block;
}
header.panelactive #panelNav ul#panelNav_menu > li > a:hover{
	background-color: #c8e6f9;
}
header.panelactive #panelNav ul#panelNav_menu > li > a > span{
	font-weight: bold;
	color: #0095da;
}
header.panelactive #panelNav ul#panelNav_menu > li:first-child{
	margin-top: 0.5rem;
}
header.panelactive #panelNav ul#panelNav_menu > li.navMenu > a > span:before,
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li a > span:before,
header.panelactive #panelNav ul#panelNav_menu ul > li > a > span:before{
	position: absolute;
	content: '';
	margin: auto;
	top: 50%;
	right: 2.4rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 1.5rem;
	height: 1.5rem;
	border-radius: 50%;
	background: url("../image/arrow-right_white.svg") no-repeat  #0095da;
	background-size: 1.5rem auto;
}
header.panelactive #panelNav ul#panelNav_menu ul > li.externalLink > a > span:before{
	background: url("../image/icon_externalLink.svg") no-repeat;
	background-size: 1.5rem auto;
	border-radius: 0;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li a > span:before{
	right: 1.4rem;
}

header.panelactive #panelNav ul#panelNav_menu ul.cateTopMenu_box{
	width: 100%;
	margin-bottom: 1rem;
}
header.panelactive #panelNav ul#panelNav_menu ul > li.cateTopMenu{
	position: relative;
	background: #e6f3fb;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 0.25rem;
	/*padding: 0 1rem;*/
}
header.panelactive #panelNav ul#panelNav_menu ul > li.cateTopMenu > .input-button{
	display: none;
}
header.panelactive #panelNav ul#panelNav_menu ul > li.cateTopMenu > a,
header.panelactive #panelNav ul#panelNav_menu ul > li.cateTopMenu > label{
	display: block;
	position: relative;
	padding: 0 1rem;
	padding: 0 2rem;
}
header.panelactive #panelNav ul#panelNav_menu > li > a:hover,
header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu01,
header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu01:hover{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
header.panelactive #panelNav ul#panelNav_menu > li.nav03 > a:hover,
header.panelactive #panelNav ul#panelNav_menu > li.nav04 > a:hover,
header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu04,
header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu04:hover{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
header.panelactive #panelNav ul#panelNav_menu ul >  li > a > span,
header.panelactive #panelNav ul#panelNav_menu ul >  li > label > span{
	color: #0095da;
	font-weight: bold;
	line-height: 4rem;
}
header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu > label span:before{
	position: absolute;
	content: '';
	margin: auto;
	top: 50%;
	right: 2.3rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 1.8rem;
	height: 1.8rem;
	background: url("../image/icon_all.svg") no-repeat;
	background-size: 1.8rem auto;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu{
	display: none;
	margin-left: 1rem;
	margin: 0 1rem;
	padding-bottom: 2rem;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li{
/*	opacity: 0;
	height: 0;
*/	position: relative;
	width: calc(50% - 0.1rem);
	background-color:rgba(255,255,255,0.8);
	border-bottom:1px solid rgba(211,235,244,0.6);
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li:first-child,
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li:nth-child(2){
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li:last-child,
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li:nth-last-child(2){
	border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li {
	display: block;
}
header.panelactive #panelNav ul#panelNav_menu ul > li.cateTopMenu:hover {
	cursor: pointer;
	/*background: #0095da;*/
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li a{
	display:block;
	padding-left: 2rem;
	transition: all 0.4s ease-out;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li a span{
	opacity: 0;
	transition: all 0.4s ease-out;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li label > span:before{
	right: 1.4rem;
	background: url("../image/arrow-right_white.svg") no-repeat  linear-gradient(270deg, #5db777 0%, #0095da 50%, #d5eefb 100%);/*#5db777;*//*rgba(0,149,218,0.6)*/
	background-size: 1.5rem auto;
}
header.panelactive #panelNav ul#panelNav_menu ul > li.cateTopMenu:hover,
header.panelactive #panelNav ul#panelNav_menu ul > li.cateTopMenu label:hover{
	cursor: pointer;
	background:#c8e6f9;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li:hover{
	border: none;
}
header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu > li > a:hover > span{
	color: #FFF;
}

header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_saving ul.cateSubMenu{
	opacity: 0;
}
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_saving:checked + ul.cateSubMenu,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_loan:checked + ul.cateSubMenu,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_provide:checked + ul.cateSubMenu,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_service:checked + ul.cateSubMenu,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_efficiency:checked + ul.cateSubMenu,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_management:checked + ul.cateSubMenu,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_financing:checked + ul.cateSubMenu,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_b_service:checked + ul.cateSubMenu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	opacity: 1;
	transition: all 2s ease-out;
}
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_saving:checked + ul.cateSubMenu li a span,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_loan:checked + ul.cateSubMenu li a span,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_provide:checked + ul.cateSubMenu li a span,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_service:checked + ul.cateSubMenu li a span,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_efficiency:checked + ul.cateSubMenu li a span,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_management:checked + ul.cateSubMenu li a span,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_financing:checked + ul.cateSubMenu li a span,
header.panelactive #panelNav ul#panelNav_menu 
#panel_cateSubMenu_b_service:checked + ul.cateSubMenu li a span{
	opacity: 1;
}
/*　HEADDER #dropNavSearch
---------------------------------- */
header #dropNavSearch{
	display: none;
}
header.sp #dropNavSearch.search_open{
	display: block;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	background-color: #0095da;
}
header.sp #dropNavSearch.search_open .searchBox_sp{
	position: relative;
	width: 96%;
	margin: 3rem auto;
	margin-top: 1rem;
}
header.sp #dropNavSearch.search_open .searchBox_ttl{
	color: #FFF;
	font-weight: bold;
	margin-top: 2rem;
}
header.sp #dropNavSearch.search_open .searchBox_sp form{
	background-color: #FFF;
	border-radius: 2rem;
}
header.sp #dropNavSearch.search_open .searchBox_sp form #search-text_sp{
	width: 100%;
	padding-right: 6rem;
}
header #dropNavSearch p.btn_search{
	display: block;
}
header #dropNavSearch #search-text_sp{
	/*background-color: #FFF;*/
}
/*　NEWS #infoTopList
---------------------------------- */
#infoTopList h2{
	color: #0095da;
}
#infoTopList .infoTab_box{
	width: 80%;
	max-width: 1200px;
	margin: 5rem auto;
}
#infoTopList .tab-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0;
	border-radius: 30px;
	position: relative;
}
#infoTopList .tab-label {
	color: #999999;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	/*padding: 1rem 0;*/
	height: 5rem;
	margin: 0.5rem 0;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	border-radius: 2px;
	display: flex;
	justify-content: center;
	align-content: center;
}
#infoTopList .tab-label span{
	line-height: 1.8rem;
	display: flex;
	align-items: center;
	font-weight: bold;
	background-color: transparent;
}
@media screen and (max-width:1100px) {
	#infoTopList .tab-label span{
		font-size: 1.4rem;
	}
}
#infoTopList .tab-label:first-of-type{
	margin-left: 0.5rem;
}
#infoTopList .tab-label:last-of-type{
	margin-right: 0.5rem;
}
#infoTopList .tab-wrap:before{
	position: absolute;
	content:' ';
	margin: auto;
	top: 0;
	left: 0;
	width: 96%;
	height: 6rem;
	background-color: #e6f3fb;
	border-top-left-radius: 30px;
	border-bottom-left-radius: 30px;
	z-index: -10;
}
#infoTopList .tab-wrap:after{
	position: absolute;
	content:' ';
	margin: auto;
	top: 0;
	right: 0;
	width: 6rem;
	height: 6rem;
	background-color: #e6f3fb;
	border-top-right-radius: 30px;
	border-bottom-right-radius: 30px;
	z-index: -10;
}
#infoTopList .tab-content{
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
#infoTopList .news-tab-switch:checked+.tab-label{
 	color:#0095da;
}
#infoTopList .news-tab-switch:checked+.tab-label{
	background-color:#FFF;
	border-radius: 30px;
	box-shadow: 3px 3px 4px rgb(0 179 218 / 15%);
}
#infoTopList .news-tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 15px 0 0 0;
	opacity: 1;
	transition: .5s opacity;
	background-color: #FFF;
}
/* ラジオボタン非表示 */
#infoTopList .news-tab-switch {
	display: none;
}
#infoTopList .newsList{
	width: 96%;
	margin: 0 auto;
}
#infoTopList .newsList ul li {
	background: #fff;
	border-bottom: 1px solid #0095da;
}
#infoTopList .newsList ul li dl {
	overflow: hidden;
	width: 100%;
	padding: 2rem;
}
#infoTopList .newsList ul li dl dt {
	display: table-cell;
	width: 16rem;
	padding-right: 1rem;
	font-size: 1.6rem;
} 
#infoTopList .newsList ul li dl dd {
	display: table-cell;
	font-size: 1.6rem;
}
#infoTopList .newsList ul li.pdf dl dd.txt:after{
	display: inline-block;
	margin-left: 1rem;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.3rem;
	content: "PDF";
	color: #FFF;
	letter-spacing: 0rem;
	background-color: #fa0f00;
	background-color: #666;
	padding: 0.3rem 0.6rem;
	border-radius: 3px;
}
#infoTopList .newsList ul li dl dd.type {
	min-width: 14rem;
	text-align: center;
	padding-right: 2rem;
	font-size: 1.3rem;
	letter-spacing: -1px;
}
.newsList ul li dl dd.type p {
	font-weight: bold;
	border-radius: 5px;
	padding: 0 1rem;
	background: #f2f6f7;
	border: 1px solid #444;
}
/*important:重要なおしらせ*/
.newsList ul li dl dd.type.important p{
	background: rgba(185,6,6,0.2);
	border: 1px solid #B90606;
	color: #B90606;
}
/*news:お知らせ*/
.newsList ul li dl dd.type.info p{
	background-color: #EFFAF4;
    border: 1px solid #7FB898;
    color: #007332;
}
/*service:商品・サービス*/
.newsList ul li dl dd.type.service p{
	background-color: rgba(251, 174, 210, 0.2);
    border: 1px solid #FBAED2;
    color: #eb6ea0;
}
/*shop_atm:店舗・ATM*/
.newsList ul li dl dd.type.shop_atm p{
	background: #fbf1e3;
    border: 1px solid #ec9b2a;;
    color: #F08C00;;
}
/*ir:IR情報*/
.newsList ul li dl dd.type.ir p{
	background-color: #EDF8FB;
    border: 1px solid #3B70B0;
    color: #3B70B0;
}
/*topics:セキュリティ*/
.newsList ul li dl dd.type.security p{
	background: #FCF6E8;
    border: 1px solid #B39516;
    color: #B39516;		
}
/*topics:新型コロナウィルス*/
.newsList ul li dl dd.type.covid-19 p{
	background: #F3F2F9;
    border: 1px solid #BB8EE6;
    color: #7F58B4;
}
/*recruit:採用情報*/
.newsList ul li dl dd.type.recruit p{
	background-color: #EDF8FB;
    border: 1px solid #0095da;
    color: #0095da;
}
#infoTopList .newsList ul li a:hover{
	text-decoration: none;
}
#infoTopList .newsList ul li a:hover .txt{
	text-decoration: underline;
}
#infoTopList .btn_box{
	/*width: 30%;
	margin: 0 auto;*/
	display: flex;
    justify-content: center;
	margin-bottom: 5rem;
}
#infoTopList .btn_allList a{
	padding: 1rem 5rem 1rem 7rem;
	color: #0095da;
	display: block;
	border-radius: 30px;
	font-size: 1.6rem;
	font-weight: bold;
	border: 1px solid #0095da;
	text-align: center;
	background: #FFF url("../image/icon_all.svg") no-repeat 2rem center;
	background-size: 2rem;
}
#infoTopList .btn_allList a:hover{
	color: #0095da;
	border: 1px solid #0095da;
	box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.3);
	background: /*#1ea7e6*/#FFF url(../image/icon_all.svg) no-repeat 2rem center;
	background-size: 2rem;
	transition: all 0.25s ease 0s;
}
.recruit #infoTopList .newsList ul li {
    background-color: rgba(230,243,251,0.5);
}

/* Recruit
---------------------------------- */
.recruit #home{
	margin-top: 0;
}
.recruit #top_title{
	position: relative;
	height: 45vw;
	background: url("../image/img_houndstooth_purple.svg") no-repeat 40% bottom;
	background-size: 20rem;
}
.recruit #top_title p{
	position: absolute;
}
.recruit #top_title img{
	width: 100%;
}
.recruit #top_title p.img_title img{
	width: 25vw;
}
.recruit #top_title p.img_left{
	position: absolute;
	top: 0;
	left: 5vw;
	text-align: left;
	margin-top: -15rem;
}
.recruit #top_title p.img_left img{
	width: 20vw;
}
.recruit #top_title img.r_title{
	position: absolute;
	top: 8vw;
	left: 50%;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50%,0);
	-ms-transform: translate(-50%,0);
	width: 21vw;
}
.recruit #top_title img.r_photoLeft{
	position: absolute;
	top: -2vw;
	left: 8vw;
	width: 27vw;
}
.recruit #top_title img.r_photoLeft_btm{
	display: none;
}
.recruit #top_title img.r_photoBill{
	position: absolute;
	top: 15vw;
	left: -2vw;
	width: 40vw;
}
.recruit #top_title img.r_photoRight{
	position: absolute;
	top: 1vw;
	right: 3vw;
	width: 28vw;
}
.recruit #top_title img.r_photoRight_btm{
	display: none;
}
.recruit #top_title img.r_msg{
	position: absolute;
	top: 22vw;
	right: 3vw;
	width: 43vw;
}

/*.recruit #top_title h2{
	text-align: right;
	margin-right: 5rem;
	margin-top: -40rem;
	font-size: 5rem;
	padding-top: 0;
	line-height: 7rem;
}
.recruit #top_title p.caption{
	font-size: 2rem;
	text-align: right;
	margin-top: 1rem;
}*/
/* Recruit news
---------------------------------- */
.recruit #infoTopList .infoTab_box {
	margin-top: 3rem;
}
.recruit #infoTopList .tab-content {
	height: auto;
	overflow: auto;
	padding: 2rem 0;
	opacity: 1;
	transition: .5s opacity;
}
/* Recruit interview
---------------------------------- */
.recruit .interview{
	position: relative;
	margin-bottom: 8rem;
}
.recruit .interview:before{
	bottom: -5rem;
    left: -100%;
    width: 200%;
    background: url("../image/bg_linen_lightaquablue.png") repeat 0 0;
	position: absolute;
    height: 71.55963%;
	height: 50%;
    content: "";
}
.recruit .interview .interviewBox{
	display: flex;
	width: 90%;
	margin: 2rem auto;
}
.recruit .interview .interviewBox > li{
	margin-left: 3rem;
	z-index: 1;
	width: calc(30vw - 3rem);
	position: relative;
}
.recruit .interview .interviewBox > li a{
	display: block;
}
.recruit .interview .interviewBox > li a:hover{
	opacity: 0.8;
}
.recruit .interview .interviewBox > li a > img{
	border-radius: 50px;
	width: 100%;
	image-rendering: -webkit-optimize-contrast;
}
.recruit .interview .interviewBox > li a > ul.info{
	position: absolute;
	bottom: 0;
	left: -2rem;
	width: 10vw;
	height: 10vw;
	background: url("../image/bg_linen_yelloworange.png") repeat 0 0;
	padding: 3.5vw 0;
	border-radius: 50%;
}
.recruit .interview .interviewBox > li:nth-child(2) a > ul.info{
	background: url("../image/bg_linen_orange.png") repeat 0 0;
}
.recruit .interview .interviewBox > li:nth-child(3) a > ul.info{
	background: url("../image/bg_linen_pink.png") repeat 0 0;
}
.recruit .interview .interviewBox > li:nth-child(4) a > ul.info{
	background: url("../image/bg_linen_aquablue.png") repeat 0 0;
}

.recruit .interview .interviewBox > li a > ul.info > li{
	padding: 0 1.25rem;
}
.recruit .interview .interviewBox > li a > ul.info > li > p{
	font-weight: bold;
	line-height: 0.75vw;
	font-size: 0.6vw;
	text-align: center;
}
.recruit .interview .interviewBox > li a > ul.info > li > p.name{
	font-size: 1.25vw;
	line-height: 1.25vw;
	margin-top: 1rem;
}
/* Recruit job_description
---------------------------------- */
.recruit .job_description{
	margin-bottom: 3rem;
}
.recruit .link_section_inner{
	padding: 3rem 0;
	background: url("../image/bg_linen_blue.png") repeat 0 0;
}
.recruit .link_section :where(:root) {
    cursor: default;
    line-height: 1.5;
    overflow-wrap: break-word;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
}
.recruit .link_section h2{
	text-align: left;
	margin-bottom: 2rem;
}
.recruit .link_section .link_nav_wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[3];
    grid-template-columns: repeat(3,1fr);
    margin: 0 auto;
	width: 84%;
    max-width: 1104px;
}
.recruit .link_section .link_nav {
    overflow: hidden;
    position: relative;
    padding: 1rem;
    color: #0095da;
    text-decoration: none;
    border: 1px solid #0095da;
	border-right: 0;
    background-position: 50%;
}
.recruit .link_section .link_nav_white {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 101%;
    height: 101%;
    background: #fff;
    transition: all .1s ease-out;
}
.recruit .link_section .link_nav_inner {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 12.5vw;
    max-height: 180px;
    border: 1px solid #0095da;
}
.recruit .link_section .link_nav:nth-of-type(1) {
    background: url("../image/recruit_linkBg01.jpg") center center no-repeat;
	background-size: cover;
}
.recruit .link_section .link_nav:nth-of-type(2) {
    background: url("../image/recruit_linkBg01.jpg") center center no-repeat;
	background-size: cover;
}
.recruit .link_section .link_nav:nth-of-type(3) {
    border-right: 1px solid #0095da;
    background: url("../image/recruit_linkBg01.jpg") center center no-repeat;
	background-size: cover;
}
.recruit .link_section .link_nav_inner span {
    display: block;
    line-height: 1;
    letter-spacing: .08em;
}
.recruit .link_section .link_nav_inner .en {
    font-family: A1 Gothic B,Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,Meiryo,sans-serif;
    font-size: 2.25vw;
    -webkit-text-stroke: 1px #0095da;
    text-stroke: 1px #0095da;
}
.recruit .link_section .link_nav_inner .jp {
    margin-top: 1rem;
    font-size: 0.8vw;
	font-weight: bold;
}
.recruit .link_section .link_nav:hover .link_nav_white {
    opacity: .9;
    width: 95%;
    height: 91%;
}
/* Recruit schedule
---------------------------------- */
.recruit .link_section.schedule{
	margin: 3rem 0;
}
.schedule .link_section_inner{
	padding: 3rem 0;
	background: url("../image/bg_linen_emerald.png") repeat 0 0;
}
.recruit .p_content_cy {
    margin-left: 9.375%;
}
.recruit .p_heading_cy {
	text-align: left;
    padding-top: 4.2rem;
    margin-top: 4rem;
}
.recruit .p_heading_cy .prefix_cy {
    margin-bottom: 0;
    font-size: 1.5rem;
    font-weight: 400;
    color: #8d8d8d;
}
.recruit .p_heading_cy .title_cy {
    position: relative;
    display: inline-block;
    font-size: 2.8rem;
    font-weight: 900;
}
.recruit .p_heading_cy .num_cy {
    position: absolute;
    top: -0.5rem;
    right: -1.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5166669rem;
    height: 1.5166669rem;
    font-size: 1.2rem;
    color: #ffffff;
    background:url("../image/bg_linen_red.png") repeat 0 0 ;
    border-radius: 50%;
}
.recruit #infoTopList h2{
	color: #4c4949;
}
.recruit .link_section.schedule .link_nav_wrap {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2,1fr);
    margin: 0 auto;
    width: 84%;
    max-width: 1104px;
}
.recruit .link_section.schedule .link_nav{
	border:1px solid #4dbdb8;
}
.recruit .link_section.schedule .link_nav:nth-of-type(1) {
	border-right: none;
	background: url("../image/recruit_linkBg02.jpg") center center no-repeat;
	background-size: cover;
}
.recruit .link_section.schedule .link_nav:nth-of-type(2) {
	border-right: 1px solid #4dbdb8;
    background: url("../image/recruit_linkBg02.jpg") center center no-repeat;
	background-size: cover;
}
.recruit .link_section.schedule .link_nav_inner{
	border:1px solid #4dbdb8;
}
.recruit .link_section.schedule .link_nav {
	color: #4dbdb8;
}
.recruit .link_section.schedule .link_nav_inner .en{
    -webkit-text-stroke: 1px #4dbdb8;
    text-stroke: 1px #4dbdb8;
}
.recruit .link_section.schedule .link_nav_inner .jp{
	color: #4dbdb8;
}
.recruit .top_faq{
	background: url("../image/bg_linen_lightaquablue.png") 0 0 repeat;
}
.recruit .top_faq .innerWrap{
}

/* recruit SNS
---------------------------------- */
.recruit .top_footer .f_sns_contact{
	max-width: 1000px;
}
.recruit .top_footer .sc_box > ul{
    max-width: none;
    min-width: auto;
    width: fit-content;
}

/* lifePlan
---------------------------------- */
#lifePlan{
	background:url("../image/img_blue_line.png") left bottom repeat-x #e6f3fb;
	padding-bottom: 10rem;
}
#lifePlan p.sub_ttl{
	width: 30vw;
	min-width: 600px;
	margin: 0 auto;
	text-align: center;
	font-size: 2rem;
}
#lifePlan p.sub_ttl img {
	width: 100%;
}
#lifePlan h2{
	position: relative;
	width: 30vw;
	margin:  0 auto;
	min-width: 460px;
	margin-bottom: 3rem;
	padding-top: 0;
	/*background: url("../2022_tmpl_img/bg_ttl_cmn.png") 0 0 repeat;*/
}
#lifePlan h2 img{
	width: 100%;
}
#lifePlan h2:before{
	position: absolute;
	content:' ';
	margin: auto;
	bottom: -3rem;
	left: -12rem;
	width: 10rem;
	height: 20rem;
	background: url("../image/img_title_wazzecakun.png") no-repeat;
	background-size: 10rem auto;
}
#lifePlan .lifePlan_inner{
	padding-top: 5rem;
	margin: 0 auto;
	justify-content: space-between;
}
#lifePlan .lifePlan_inner .le_box_container{
	position: relative;
	/*background: url("../image/img_title_wazzecakun.png") 0 0 no-repeat;
	background-size: 5rem auto;*/
}
#lifePlan .lifePlan_inner .le_box_container .panel_ttl{
	position: absolute;
	left: 1vw;
	bottom: 0;
}
#lifePlan .lifePlan_inner .le_box_container .panel_ttl img{
	width: 15vw;
	height: auto;
}
#lifePlan .lifePlan_inner .le_box{
	width: 90vw;
    min-width: 1024px;
    max-width: calc(1200px + 4rem);
    margin: 1rem auto;
	/*margin-bottom: 0;*/
	margin-top: 5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;/*iPhone_safari画像が伸びる対策*/
}
#lifePlan .lifePlan_inner .le_box > li{
	/*height: 500px;*/
	flex-basis: calc((100% - 5rem) / 3);
	max-width: calc((100% - 5rem) / 3);
	margin-bottom: 3rem;
}
#lifePlan .lifePlan_inner .le_box > li:nth-child(3n){
}
#lifePlan .lifePlan_inner .le_box > li.panel_ttl{
	align-items: flex-end;
}
#lifePlan .lifePlan_inner .le_box > li a{
	display: flex;
	justify-content: center;
	align-items: flex-start;/*iPhone_safari画像が伸びる対策*/
	/*height: 100%;
	width: auto;*/
}
#lifePlan .lifePlan_inner .le_box > li img{
	width: 90%;
	margin: 0 auto;
	transition: all .3s;
}
#lifePlan .lifePlan_inner .le_box > li a:hover > img{
	filter: drop-shadow(10px 10px 5px rgb(0, 0, 0.15));
	-webkit-filter:drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.5));
    -moz-filter:drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.5));
    -ms-filter:drop-shadow(10px 10px 5px rgba(0, 0, 0, 0.5));
    filter:drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.25));
    transform: translateY(-4px);
}
#lifePlan .lifePlan_inner .le_box > li.panel_ttl > img{
	/*height: 80%;*/
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan{
	width: 90%;
	margin: 0 auto;
	margin-top: 1rem;
	padding: 1rem 0;
	color: #FFF;
	top: 0.5rem;
	left: 1rem;
	position: relative;
	transition: all .3s;
/*background:url("../2022_tmpl_img/../2022_tmpl_img/bgStripe00.png") 1rem 1rem repeat;*/
	height: 5rem;
}
/*#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp01{
	background:url("../image/bgStripe01.png") -2rem 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp02{
	background:url("../image/bgStripe02.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp03{
	background:url("../image/bgStripe03.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp04{
	background:url("../image/bgStripe04.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp05{
	background:url("../image/bgStripe05.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp06{			
	background:url("../image/bgStripe06.png") 0 0.5rem repeat;
}*/

#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan:hover{
    transform: translateY(-3px);
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp01:hover{
	background:url("../image/bgStripe01.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp02:hover{
	background:url("../image/bgStripe02.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp03:hover{
	background:url("../image/bgStripe03.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp04:hover{
	background:url("../image/bgStripe04.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp05:hover{
	background:url("../image/bgStripe05.png") 0 0.5rem repeat;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp06:hover{			
	background:url("../image/bgStripe06.png") 0 0.5rem repeat;
}

#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan span{
	position: absolute;
	top: -1rem;
	left: -1rem;
	padding: 1rem 0;
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-content: center;
	width: 100%;
	z-index: 1;
	background-color: #F29621;
	font-weight: bold;
	transition: all .3s;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan:hover span{
	/*box-shadow: 0 10px 10px -5px rgb(0 0 0 / 20%), 0 0 5px rgb(0 0 0 / 10%);*/
	transform: translateY(-1px);
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp01 span{
	background-color: #F29621;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp02 span{
	background-color: #6FB92C;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp03 span{
	background-color: #b979b0;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp04 span{
	background-color: #ed83aa;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp05 span{
	background-color: #2ca6e0;
}
#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp06 span{
	background-color: #edd400;
}

/* lifePlan END
---------------------------------- */

/* top_faq
---------------------------------- */
.top_faq {
    padding: 3rem 0;
	background: #e6f3fb;
}
.top_faq_list {
  margin: 0 0 40px 0;
  text-align: center;
}
.top_faq_list ul {
    margin: 4rem 0 6rem;
    display: flex;
    flex-wrap: wrap;
}
.top_faq_list li {
	text-align: left;
    margin: 0 1.8rem 1.6rem 0;
	padding: 1rem 0;
    width: calc(33.3333% - 1.2rem);
}
.top_faq_list li:nth-child(3n) {
	margin-right: 0;
}
.top_faq_list li a {
	padding: 14px 15px 18px 50px;
	border-radius: 50px;
	text-indent: -25px;
	display: block;
	background: #fff;
	font-size: 1.6rem;
	transition: all .3s;
}
.top_faq_list li a:hover {
	box-shadow: 0 10px 10px -5px rgba(0,0,0,.20), 0 0 5px rgba(0,0,0,.1);
	transform: translateY(-4px);
}
.top_faq_list li a span {
	padding: 0 12px 0 0;
	color: #278acc;
	font-size: 2.0rem;
	font-weight: 600;
}
.btn_faqLink{
	display: flex;
	justify-content: center;
}
.btn_faqLink li{
	margin-right: 3rem;
}
.btn_faqLink .btn_faq a,
.btn_faqLink .btn_contact a{
	padding: 1rem 3rem 1rem 5rem;
	color: #fff;
	display: block;
	border: 1px solid #0095da;
	border-radius: 6px;
	background: #0095da url("../image/icon_all_white.svg") no-repeat 2rem center;
	background-size: 2rem;
	font-size: 1.6rem;
}
.btn_faqLink .btn_contact a{
	border: 1px solid #5db777;
	background: #5db777 url("../image/icon_all_white.svg") no-repeat 2rem center;
	background-size: 2rem;
}
.btn_faqLink li a:hover {
	box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.3);
	transition: all 0.25s ease 0s;
}
.btn_faqLink .btn_faq a:hover,
.btn_faqLink .btn_contact a:hover{
	color: #0095da;
	border: 1px solid #0095da;
	box-shadow: 0px 0px 13px -3px rgba(0, 0, 0, 0.3);
	background: /*#1ea7e6*/#FFF url(../image/icon_all.svg) no-repeat 2rem center;
	background-size: 2rem;
	transition: all 0.25s ease 0s;
}
.btn_faqLink .btn_contact a:hover{
	color: #5db777;
	border: 1px solid #5db777;
	background: /*#1ea7e6*/#FFF url(../image/icon_all_green.svg) no-repeat 2rem center;
	background-size: 2rem;
}
/* top_faq END
---------------------------------- */
/* bnr_slider
---------------------------------- */
.bnr_slider{
	margin-top: 5rem;
}
/* ▼▼▼ navigation styles ▼▼▼ */
#nav-container{
	display: none;
}
#nav-container {
	z-index: 998;
	position: fixed;
	top: 0;
	right: 0;
	padding: 28px 30px;
	background-color:rgba(0,149,218,0.95);
}

#nav-toggle {
	display: block;
	width: 28px;
	height: 30px;
	cursor: pointer;
	transform: rotate(0deg);
}

#nav-toggle span {
  background-color: #FFF;
  width: 100%;
  height: 2px;
  border-radius: 1px;
  display: block;
  position: absolute;
  left: 0;
  content: "";
  transition: 0.5s ease-in-out;
}

#nav-toggle span:nth-child(1) {
  top: 4px;
  transform-origin: left center;
}

#nav-toggle span:nth-child(2) {
  top: 12px;
  transform-origin: left center;
}

#nav-toggle span:nth-child(3) {
  top: 20px;
  transform-origin: left center;
}

#nav-toggle.open span:nth-child(1) {
	transform: rotate(45deg);
	top: 8px;
	top: 4px;
	left: 4px;
}

#nav-toggle.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}

#nav-toggle.open span:nth-child(3) {
	transform: rotate(-45deg);
	top: 28px;
	top: 24px;
	left: 4px;
}

#nav-overlay {
  position: absolute;
  top: 16px;
  left: 16px;
  z-index: -1;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  transition: 1s;
  transform: scale3d(0, 0, 0);
}

#nav-overlay.open {
  transform: scale3d(1, 1, 1);
}

#nav-fullscreen {
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  transition: ease-in-out 0.25s;
  transition-delay: 0s;
  visibility: hidden;
  opacity: 0;
}
#nav-fullscreen ul {
	list-style: none;
	width: auto;
}
#nav-fullscreen .nav_menu_container{
	width: auto;
}
#nav-fullscreen #pp_box.nav_info{
	background-color: transparent;
	margin: 0;
	padding: 0;
	bottom: 0;
}
#nav-fullscreen #pp_box.nav_info .info_box_wrapper{
	line-height: 0.5em;
	width: auto;
	margin-left: 2em;
}
#nav-fullscreen #pp_box.nav_info .info_box_wrapper .btn-copy{
	color: #000;
}
#nav-fullscreen #pp_box.nav_info a.btn_contact{
	background-color: #FFF;
	-webkit-filter: drop-shadow(0px 8px 10px rgba(256,256,256,.8));
	filter: drop-shadow(0px 5px 10px rgba(256,256,256,.8));
}
#nav-fullscreen ul li{
	flex-basis: calc(20vw - 1em);
	margin-right: 1em;
	font-family: "lato","sans-serif";
}
#nav-fullscreen ul li:nth-child(3n){
	margin-right: 0;
}
#nav-fullscreen a {
	color: white;
	text-decoration: none;
}
#nav-fullscreen .info_box_wrapper{
	width: 60vw;
	margin: 0 auto;
}
#nav-fullscreen .info_box{
	margin: 0 auto;
	position: relative;
	left: auto;
	transform: translateX(0);
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	bottom: 8vw;
}
#nav-fullscreen .info_box .contact p{
	color: #444;
}
#nav-fullscreen.open {
  visibility: visible;
  opacity: 1;
  transition: ease-in-out 0.5s;
  transition-delay: 0.25s;
}
#nav-overlay {
	background: linear-gradient(180deg, #FF512F 10%, #FF512F 50%, #DD2476 90%);
	background-image: linear-gradient(to top, #03CDC7 0%, #078581 100%);
	background-image: linear-gradient(to top, rgba(3,205,199,0.8) 0%, rgba(7,133,129,0.8) 100%);
	background: linear-gradient(180deg, #03CDC7  10%, #03CDC7  50%, #FFF 80%);
}
#nav-fullscreen {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	color: white;
	font-size: 5rem;
}
#nav-fullscreen li:hover {
	  list-style: disc;
}
.top_img,
#js_slider .slick-list{
	background: #e6f3fb;
	height: calc(30vh + 2rem);
	min-height: calc(280px + 2rem);
}
.business .top_img {
	height: auto;
	max-height: 440px;
	min-height: auto;
	overflow: hidden;
}
.about .top_img,
.ir .top_img{
	height: auto;
	max-height: 492px;
	min-height: auto;
	overflow: hidden;
}
.about img,
.ir img {
	image-rendering: -webkit-optimize-contrast;
}
.business .top_img img {
	display: block;
	width: 115vw;
	margin: 0 auto;
}
.about .top_img img,
.ir .top_img img {
	display: block;
	width: 100%;
	margin: 0 auto;
}
.business .top_img,
.about .top_img ,
.ir .top_img {
	position: relative;
}
.business .top_img .top_img_photo {
	transform: translate(-15vw,-22vw);
	-webkit-transform: translate(-15vw,-22vw);
	-ms-transform: translate(-15vw,-22vw);
}
.about .top_img .top_img_photo,
.ir .top_img .top_img_photo {
	transform: translate(0,-30%);
	-webkit-transform: translate(0,-30%);
	-ms-transform: translate(0,-30%);
}
.business .top_img .top_img_title {
	position: absolute;
	top: 5vw;
	right: 0.5vw;
	width: 45%;
	max-width: 650px;
}
.about .top_img .top_img_title,
.ir .top_img .top_img_title {
	position: absolute;
	top: 3vw;
	left: 1rem;
	width: 40%;
	max-width: 450px;
}
.topics_slider{
	width: 100%;
	margin: 0 auto;
	margin-top: 3rem;
	background: #e6f3fb;
	min-height: calc(335px + 2rem);
}
.topics_slider h2{
	color: #0095da;
}
#home .topics_slider .slick-slide a {
	display: block;
	position: relative;
	/*overflow: hidden;*/
}
#home .topics_slider .slick-slide a::before,
#home .topics_slider .slick-slide a::after {
	content: "";
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	margin: auto;
	transition: .3s cubic-bezier(0.45, 0, 0.55, 1);
	opacity: 0;
}
/*#home .topics_slider .slick-slide a::before {
	background-color:rgba(51,51,51,0.6);
	width: 100%;
	height: 100%;
	border-radius: 10px;
}
#home .topics_slider .slick-slide a::after {
	color: #FFF;
	content: "もっと詳しく";
	font-size: 1.4rem;
	font-weight: bold;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	bottom: 0;
	right: 0;
}
 
#home .topics_slider .slick-slide a:hover::before,
#home .topics_slider .slick-slide a:hover::after {
  opacity: 1;
}*/
/* ▲▲▲ navigation styles ▲▲▲ */
#home{
	margin-top: 62px;
}
/*ad_bnr_box*/
#ad_bnr_box{
	position: fixed;
	top: calc(50vh - 168.5px);
	right: 0;
	z-index: 101;
	background-color: #FFF;
	box-shadow: -3px 3px 4px rgb(0 0 0 / 15%);
}
#ad_bnr_box #ad_btn_box,
#ad_bnr_box #ad_btn_box img{
	display: none;
	/*width: 0;
	height: 0;*/
}
#ad_bnr_box .ad_btn_boxg{
	border:1px solid #c8c8c8;
	opacity: 1;
	transition: .4s;
	vertical-align: top;
}
#ad_bnr_box .ad_link img{
	vertical-align: top;
}
#ad_bnr_box .ad_link img:hover{
	opacity: 0.7;
}
/* netBank */
/*tab3×2列
---------------------------------- */
.netBank .tab-label{
	display: none;
}
.netBank{
	width: 90vw;
	min-width: 1024px;
	max-width: calc(1200px + 4rem);
	/*display: flex;
	flex-wrap: wrap;
	justify-content: center;*/
	margin: 2rem auto;
	margin-top: 0;
	padding: 2rem 0;
	background: #e6f3fb;
	border-radius: 10px;
	text-align: center;
}
.netBank{
	display: block;
}
.netBank_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1rem auto;
	min-width: auto;
	width: 96%;
	background-color: #e6f3fb;
}
.netBank .nb_personal,
.netBank .nb_business{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 100%;
	width: 40%;
	min-width: 48%;
	background: #FFF;
	border-radius: 10px;
	margin-right: 1rem;
	padding: 0.5rem;
	padding-top: 1rem;
}
.netBank .nb_business{
	margin-right: 0;
}
.netBank .nb_headding{
	font-weight: bold;
	margin-bottom: 1rem;
	font-size: 1.6rem;
	width: 100%;
}
.netBank .nb_personal > .nb_headding{
	color: #0095da;
}
.netBank .nb_business > .nb_headding{
	color: #b39d39;
}
.netBank p.nb_title{
	font-size: 1.6rem;
	letter-spacing: 0;
	font-weight: bold;
}
.netBank p.nb_title.link_youtube{
	font-size: 1rem;
	padding-top: 1rem;
	position: relative;
}
.netBank p.nb_title.link_youtube:before{
	position: absolute;
	content: "";
	margin: auto;
	top: 0;
	left: 0.25rem;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
	width: 100%;
	height: 1.6rem;
	background: url("../image/yt_logo_rgb_light.png") 50% 0 no-repeat;
	background-size: auto 1.6rem;
	image-rendering: -webkit-optimize-contrast;
}
.netBank .nb_personal > .btn_list{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.netBank .btn_list{
	transition: all .3s;
}
.netBank .nb_personal > .btn_list > li{
	width: 80%;
	max-width: 350px;
	padding: 0.5rem;
}
.netBank .nb_business > .btn_list{
	width: 80%;
	min-width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.netBank .nb_business > .btn_list > li{
	width: 48%;
	max-width: 300px;
	border-radius: 5px;
	/*margin-right: 1rem;*/
	padding: 0.5rem;
	letter-spacing: 0rem;
}
.netBank .nb_business > .btn_list > li:last-child{
	/*padding-right: 0;*/
}
.netBank .btn_list > li > a{
	display: block;
	border-radius: 5px;
	color: #FFF;
	margin-bottom: 1rem;
	padding: 0.8rem 0;
	font-size: 1.8rem;
	letter-spacing: 0rem;
}
.netBank .nb_personal .btn_list > li > a{
	background-color: #0095da;
}
.netBank .nb_personal .btn_list > li > a:hover{	outline: none;
	filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.25));
	background: -webkit-gradient(45deg, #2ca9e1 35%, #007bbb);
	background: linear-gradient(45deg, #2ca9e1 35%, #007bbb);

}
.netBank .nb_business .btn_list > li > a{
	background-color: #b39d39;
}
.netBank .nb_business .btn_list > li > a:hover{
	outline: none;
	/*box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.52);*/
	filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.25));
	background: -webkit-gradient(45deg, #ccb654 0%, #b39d39);
	background: linear-gradient(45deg, #ccb654 0%, #b39d39);
}
.netBank .nb_business > .btn_list > li > a.operation{
	background: #444;
}
.netBank .nb_business > .btn_list > li > a.operation:hover{
	/*font-weight: bold;*/
	outline: none;
	/*box-shadow: 0 0 3px 0 rgba(0,0,0,.12), 0 2px 3px 0 rgba(0,0,0,.52);*/
	filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.25));
	background: -webkit-gradient(45deg, #666 0%, #444);
	background: linear-gradient(45deg, #666 0%, #444);
}
.netBank .nb_personal .guide > a{
	color: #0095da;
	border-bottom: 1px solid #0095da;
	letter-spacing: 0rem;
	font-weight: bold;
	font-size: 1.7rem;
}
.netBank .nb_business .guide > a{
	color: #b39d39;
	border-bottom: 1px solid #b39d39;
	letter-spacing: 0rem;
	font-weight: bold;
	font-size: 1.7rem;
}
/* ラジオボタン非表示 */
.netBank .tab-switch {
	display: none;
}
/*business*/
.business .netBank .nb_business{
	display: block;
	width: 80%;
	margin: 0 auto;
}
.business #home .netBank .nb_business{
	width: 96%;
	border-radius: 10px;
}
/* tab3×2列 -- END --
---------------------------------- */
/* netBank -- END --
---------------------------------- */

/* newsticker
---------------------------------- */
.newsTicker{
	display: flex;
	align-items: stretch;
	width: 90vw;
	height: 80px;
    min-width: 1024px;
    max-width: calc(1200px + 4rem);
	margin: 0 auto;
	margin-bottom: 2rem;
	border: 1px solid #DDD;
	border-radius: 10px;
	box-shadow: 3px 3px 4px rgb(0 0 0 / 15%);
	/*background: linear-gradient(90deg, #FFF 0%, #FFF 90%, #e6f3fb 15%, #e6f3fb 100%);*/
	background-color: #FFF;
}
.newsTicker .nt_ttl_box{
	display: flex;
	height: 100%;
	width: 15%;
	width: 12.5vw;
	width: 185px;
	/*min-width: 15%;
	max-width: 15%;*/
	justify-content: center;
	align-content: space-between;
	align-items: center;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	background-color: #0095da;
}
.newsTicker .nt_ttl{
	display: flex;
	justify-content: center;
	align-content: space-between;
	align-items: center;
	width: 100%;
	width: 12.5vw;
	max-width: 100%;
	height: 100%;
	color: #FFF;
	font-weight: bold;
}
.newsTicker .nt_allview_box{
	display: flex;
	justify-content: center;
	align-content: space-between;
	align-items: center;
	height: 100%;
	width: 185px;
	min-width: 185px;
	background-color: #e6f3fb;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}
.newsTicker .nt_allview_box .nt_allview{
	display: flex;
	position: relative;
	justify-content: center;
	align-content: space-between;
	align-items: center;
	width: 185px;
	/*width: 8rem;
	max-width: 100%;*/
	margin: 0 calc(50% - 8rem) 0 calc(50% - 5rem);
	height: 100%;
	color: #0095da;
	font-weight: bold;
}
.newsTicker .nt_allview_box .nt_allview:before{
	position: absolute;
    content: '';
    margin: auto;
    top: 50%;
    left: 0;
    transform: translate(0 ,-50%);
    -webkit-transform: translate(0 ,-50%);
    -ms-transform: translate(0 ,-50%);
    width: 1.8rem;
    height: 1.8rem;
    background: url(../image/icon_all.svg) no-repeat;
    background-size: 1.8rem auto;
}
.newsTicker .slider{
	width: 80%;
}
.newsTicker .slider li{
	display: none;
}
.newsTicker .bx-viewport .slider li{
	display: block;
}
.newsTicker .slider li a:before{
	content: "";
	color: #FFF;
	width: 3rem;
	height: 3rem;
	background: red;
	padding-right: 3rem;
	border-radius: 50%;
	text-align: center;
	background: url("../image/icon_error.svg") 0 50% no-repeat;
	background-size: cover;
}
.newsTicker .bx-wrapper{
	position: relative;
	width: 70%;
	width: calc(100% - 370px);
	margin: 0;
	background-color: #FFF;
}
.newsTicker .slider a{
    display: flex;
	align-items: center;
	padding-left: 2rem;
	height: 80px;
    color:red;
	font-size: 1.6rem;
	line-height: 2rem;
}
.newsTicker .slider span {
	font-size: 1.4rem;
	font-weight: bold;
	padding-left: 1rem;
}
.newsTicker .bx-controls{
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(0 ,-50%);
	-webkit-transform: translate(0 ,-50%);
	-ms-transform: translate(0 ,-50%);
}
.newsTicker .bx-controls-direction{
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	align-items: stretch;
	height: 80px;
}
.newsTicker .bx-controls-direction a{
	position: relative;
	font-size: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	text-align: center;
	height: 55px;
	vertical-align: middle;
}
.newsTicker .bx-controls-direction a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #0095da;
	line-height: 1;
	width: 0;
	height: 0;
	border: 1rem solid;
}
.newsTicker .bx-controls-direction a.bx-prev:before{
	border-color: transparent transparent #0095da transparent;/*上矢印*/
}
.newsTicker .bx-controls-direction a.bx-next:before{
	border-color: #0095da transparent transparent transparent;/*下矢印*/
}
.newsTicker .bx-controls-direction a.bx-prev:after{
	content: "";
	display: inline-block;
	vertical-align: middle;
	color: #0095da;
	position: absolute;
	bottom: 0;
	left: 0.8rem;
	width: 3rem;
	height: 1px;
	border-bottom: 1px solid #0095da;
}
/* newsticker------------- END -- */

@media screen and (max-width:1024px) {
	header.panelactive #panelNav ul#panelNav_menu 
	#panel_cateSubMenu_saving:checked + ul.cateSubMenu,
	header.panelactive #panelNav ul#panelNav_menu 
	#panel_cateSubMenu_loan:checked + ul.cateSubMenu,
	header.panelactive #panelNav ul#panelNav_menu 
	#panel_cateSubMenu_provide:checked + ul.cateSubMenu,
	header.panelactive #panelNav ul#panelNav_menu 
	#panel_cateSubMenu_service:checked + ul.cateSubMenu{
		display: block;
	}
	header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li{
		width: 100%;
	}
	header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li:nth-child(2),
	header.panelactive #panelNav ul#panelNav_menu ul.cateSubMenu li:nth-last-child(2){
		border-radius: 0;
	}
	header.panelactive #panelNav ul#panelNav_menu > li > a:hover,
	header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu01,
	header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu01:hover{
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	}
	header.panelactive #panelNav ul#panelNav_menu > li.nav03 > a:hover,
	header.panelactive #panelNav ul#panelNav_menu > li.nav04 > a:hover,
	header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu04,
	header.panelactive #panelNav ul#panelNav_menu ul >  li.cateTopMenu.submenu04:hover{
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox{
		width: 100%;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox.atm_711 li{
		width: 70%;
	}
}
/* newsticker -- END -- */
/* subNavi
---------------------------------- */
.subNavi{
	width: 90vw;
	min-width: 1024px;
	max-width: calc(1200px + 4rem);
	margin: 1rem auto;
	margin-top: 0;
	padding: 1rem 0;
	background: #0095da;
	border-radius: 10px;
	text-align: center;
}
.subNavi > ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 70%;
	margin: 0 auto;
}
.subNavi > ul > li{
	flex-basis: calc((100% / 3) - 1rem);
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	background: #FFF;
	border-radius: 10px;
	height: 6rem;
	margin-left: 1rem;
-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
.subNavi > ul > li:first-child{
	margin-left: 0;
}
.subNavi > ul > li a{
	font-weight: bold;
	margin-left: -1rem;
	width: 100%;
	height: 6rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.subNavi > ul > li:hover{
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 60%, #c8e6f9 100%);
    transition-duration: 800ms;
}
.subNavi > ul > li a:before{
	content: "";
	display: block;
	color: #FFF;
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	background: #e6f3fb;
	padding-right: 0rem;
	text-align: center;
	background-position: 0 50%;
}
.subNavi > ul > li a.atm-shop:before{
	background: url("../image/icon_atm-shop.svg") center center no-repeat;
	background-size: 3.3rem;	
}
.subNavi > ul > li a.interest:before{
	background: url("../image/icon_interest.svg") center 40% no-repeat;
	background-size: 2.8rem;
}
.subNavi > ul > li a.fee:before{
	background: url("../image/icon_fee.svg") center center no-repeat;
	background-size: 2.9rem;
}

/* subNavi -- END -- */

/* movie
---------------------------------- */
.movie{
	display: block;
}
.movie{
	width: 90vw;
	min-width: 1024px;
	max-width: calc(1200px + 4rem);
	margin: 2rem auto;
	margin-top: 0;
	padding: 1rem 0;
	background: #ceeed5!important;
	border-radius: 10px;
	text-align: center;
}
.movie_inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1rem auto;
	min-width: auto;
	width: 96%;
}
.movie .movie_box{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	width: 100%;
	width: 40%;
	min-width: 48%;
	border-radius: 10px;
	padding-bottom: 0.5rem;
}
.movie .movie_headding{
	font-weight: bold;
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
	width: 100%;
}
.movie .movie_box > .movie_headding{
	color: #449255;
	font-size: 2rem;
}
.movie .movie_box > .btn_list{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.movie .btn_list{
	transition: all .3s;
}
.movie .btn_list > li > a{
	display: block;
	border-radius: 10px;
	padding: 1.5rem 0;
	font-size: 1.8rem;
	letter-spacing: 0rem;
}
.movie .movie_box > .btn_list > li{
	width: 80%;
	max-width: 350px;
	border-radius: 10px;
	background-color: #fff
}

.movie .movie_box .btn_list > li > a{
	position: relative;
	font-weight: bold;
	padding-left:13%;

}
.movie .movie_box .btn_list > li > a:hover{	outline: none;
	filter:drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.25));
	background: -webkit-gradient(45deg, #ffffff 35%, #baf9c7);
	background: linear-gradient(45deg, #ffffff 35%, #baf9c7);
}

.movie_box > ul > li a.movie_guide:before{	
	background: url("../image/icon_movie_guide.svg") center center no-repeat;
	background-size: 5rem;
	position: absolute;
	top: 10%; 
	left: 9%; 
}

.movie_box > ul > li a:before{
	content: "";
	display: inline-block;
	color: #FFF;
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	width: 5rem;
	height: 5rem;
	line-height: 5rem;
	background: #e6f3fb;
	padding-right: 0rem;
	text-align: center;
	background-position: 0 50%;
}
/* movie -- END -- */

/* top_footer sns
---------------------------------- */
.top_footer .f_sns_contactWrap{
    background: #e6f3fb;
}
.top_footer .f_sns_contact{
	width: 90vw;
	min-width: 1000px;
	/*max-width: 1200px;*/
	margin: 0 auto;
    display: flex;
    justify-content: center;
    padding: 3rem 0;
    background: #e6f3fb;
}
.top_footer .f_sns_contact h3{
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3rem;
}
.top_footer .sc_box {
	/*flex-basis: 50%;*/
	/*min-width: 48vw;*/
	width: 100%;
	margin: 0 auto;
}
.top_footer .sc_box:first-child {
	padding-right: 3rem;
	padding-bottom: 1rem;
}
.top_footer .sc_box:last-child {
	padding-left: 3rem;
}
.top_footer .sc_box > ul{
    display: flex;
	flex-wrap: wrap;
	width: 65%;
	min-width: 980px;
	margin: 0 auto;
    justify-content:space-around;
	/*background-color: rgba(256,256,256,0.3);
	border-radius: 10px;*/
	padding: 3rem 2rem;
}
.top_footer .sc_box.footer_contact > ul{
	display: block;
}
.top_footer .sc_box > ul > li{
	margin-bottom: 1rem;
	border-radius: 10px;
	min-width: 270px;
	margin-right: 2rem;
}
.top_footer .sc_box.footer_contact > ul > li{
	display: flex;
	justify-content: center;
}
.top_footer .sc_box > ul > li a{
	display: block;
	border-radius: 10px;
	background-color: rgba(256,256,256,0.5);
	transition: all .3s;
}
.top_footer .sc_box > ul > li a:hover{
	box-shadow: 0 10px 10px -5px rgb(0 0 0 / 20%), 0 0 5px rgb(0 0 0 / 10%);
    transform: translateY(-4px);
}
.top_footer .sc_box > ul > li{
}
.top_footer .sc_box a.footer_sns_link,
.top_footer .sc_box a.footer_contact_link{
    display: flex;
	align-content: center;
    width: 100%;
    height: 100%;
    background-position: 2rem center;
	background-size: 4rem auto;
	background-repeat: no-repeat;
	padding: 2rem 3rem;
	
}
.top_footer .sc_box a.footer_sns_link span,
.top_footer .sc_box a.footer_contact_link span{
    display: flex;
	position: relative;
	align-items: center;
	margin-left: 5rem;
	font-weight: bold;
	line-height: 1.8rem;
}
.top_footer .sc_box a.footer_instagram{
	background-image: url("../image/iconInstagram.png");
}
.top_footer .sc_box a.footer_line{
	background-image: url("../image/icon_line.svg");
}
.top_footer .sc_box a.footer_facebook{
	background-image: url("../image/icon_facebook.svg");
}
.top_footer .sc_box a.footer_youtube{
	background-image: url("../image/icon_youtube.svg");
}
.top_footer .sc_box a.footer_qa{
	/*width: auto;
	background-image: url("../2022_tmpl_img/icon_qa.svg");
	background-size: contain;*/
}
.top_footer .sc_box a.footer_contact{
	/*width: auto;
	background-image: url("../2022_tmpl_img/icon_tel.svg");
	background-size: contain;*/
}
/* sns                   -- END -- */
/* backToTopContainer
---------------------------------- */
.backToTopContainer{
	display: flex;
	justify-content: center;
	align-items: center;
	border-top: 1px solid rgba(184,180,188,0.4);
}
.backToTopContainer:hover{
	/*background-color: rgba(0,149,218,0.4);*/
}
.backToTopContainer a.backToTop{
	width: 100%;
	text-align: center;
	position: relative;
	font-weight: bold;
	font-size: 1.2rem;
	padding: 3rem;
	background-color: #f2f6f7;
	background-color: rgba(245,245,247,0.8);
}
.backToTopContainer a.backToTop:hover{
	background-color: rgba(0,149,218,0.2);
	/*background-color: rgba(184,180,188,0.4);*/
	background-color: #E6EAEB;
	background-color: #E6EAEB;
}
.backToTopContainer a.backToTop:before{
	content: '';
	width: 1rem;
	height: 1rem;
	border-top: solid 2px #444;
	border-right: solid 2px #444;
	position: absolute;
	left: 50%;
	top: 2rem;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50% ,0);
	-ms-transform: translate(-50% ,0);
	transform: rotate(-45deg);
}
.backToTopContainer a.backToTop:after{
	/*content: '';*/
	width: 20%;
	height: 2px;
	border-top: 4px solid rgba(184,180,188,0.5);
	/*border-top: 4px solid rgba(0,149,218,0.3);*/
	position: absolute;
	left: 50%;
	top: 0;
	transform: translate(-50%,0);
	-webkit-transform: translate(-50% ,0);
	-ms-transform: translate(-50% ,0);
}
/* footer
---------------------------------- */
.personal footer,
.business footer,
.about footer,
.recruit footer{
	border-top: none;
}
footer .innerWrap {
	width: 90%;
	max-width: 1400px;
	min-width: 700px;
	margin: 0 auto;
}
footer .footer_sitemap-columns {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 5em 0;
}
footer .footer_sitemap-col {
	flex: 0 0 20%;
}
footer .footer_sitemap-col:first-child {
	margin-left: 0;
}
footer .footer_sitemap-col.col-second{
	margin-top: 2em;
}
footer .footer_sitemap-title a{
	font-size: 1.6rem;
	color: #278ACC;
	color: #0095da;
	font-weight: bold;
	padding-bottom: 2px;
	transition: border-bottom 0.3s ease;
}
footer .footer_sitemap-title a:hover{
	border-bottom: 1px solid #0095da;
	transition: border-bottom 0.3s ease;
}
footer .footer_sitemap-linkList {
  margin-top: 1em;
}
footer .footer_sitemap-linkItem {
  position: relative;
  padding-left: 20px;
  margin-top: 0.5em;
}
footer .footer_sitemap-linkItem a{
	padding-bottom: 2px;
	color: #3C4950;
	/*transition: all 0.3s ease;*/
}
footer .footer_sitemap-linkItem:hover a{
	color: #0095da;
	font-weight: bold;
	/*border-bottom: 1px solid #0095da;*/
	/*transition: all 0.3s ease;*/
}
footer .footer_sitemap-linkItem.externalLink a{
	position: relative;
}
footer .footer_sitemap-linkItem.externalLink a:after{
	/*position: absolute;*/
    display: inline-block;
	content: '';
    width: 2rem;
    height: 1.3rem;
    background: url(../image/icon_externalLink.svg) no-repeat center right;
    background-size: 1.5rem auto;
}
footer .footer_sitemap-linkItem:not(:first-child) {
	margin-top: 0.5em;
}
footer .footer_sitemap-linkItem:before {
	position: absolute;
	top: 50%;
	left: 0;
	width: 1em;
	height: 1px;
	font-size: 1.4rem;
	content: '';
	background-color: #666;
	transform: translateY(-50%);
}
.footer_sitemapLwr {
	padding: 3rem 0 1.5rem 0;
	background-color:rgba(204,204,204,0.8);
	background-color: #f2f6f7;
	border-radius: 16px;
	margin-bottom: 2em;
}
.footer_sitemapLwr .footer_sitemapLwr-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 80%;
	min-width: 300px;
	margin: 0 auto;
	margin-top: 1em;
}
.footer_sitemapLwr .footer_sitemapLwr-list:first-child{
	margin-top: 0;
}
.footer_sitemapLwr .footer_sitemapLwr-item {
	position: relative;
	font-size: 1.6rem;
	letter-spacing: 0em;
	padding-bottom: 1rem;
}
.footer_sitemapLwr .footer_sitemapLwr-item a{
  padding-bottom: 2px;
  transition: border-bottom 0.3s ease;
}
.footer_sitemapLwr .footer_sitemapLwr-item:hover a{
	color: #0095da;
	border-bottom: 1px solid #0095da;
	transition: border-bottom 0.3s ease;
	cursor: pointer;
}
.footer_sitemapLwr .footer_sitemapLwr-item{
  padding-left: 14px;
  margin-left: 14px;
}
.footer_sitemapLwr .footer_sitemapLwr-item:not(:last-child):before {
  position: absolute;
  top: 0.7rem;
  right: -1.5rem;
  width: 1px;
  height: 1.4rem;
  content: '';
  background-color: #666;
}
/* footer_copy
---------------------------------- */
footer .footer_copy .footer_copy_inner {
  margin-right: auto;
  margin-left: 3%;
  text-align: left;
}
footer .footer_copy {
  position: relative;
  padding: 2rem 0;
  color: #fff;
  background: #0095da;
}
footer .footer_codes {
  margin-bottom: 5px;
  font-size: 1.2rem;
}
footer .footer_copyright {
  font-size: 1rem;
}
/* business netBank
---------------------------------- */
.business .netBank .nb_business{
	display: block;
	width: 80%;
	margin: 0 auto;
}
/* buiness MainMenu
/* about MainMenu
---------------------------------- */
.topMainMenu{
	width: 90vw;
    min-width: 1024px;
    margin: 2rem auto;
    margin-top: 3rem;
    padding: 2rem 0;
    text-align: center;
}
.business .efficiency,
.business .management,
.business .financing,
.business .b_service,
.about .corporate,
.about .irInfo,
.ir .irInfo{
	position: relative;
}
.topMainMenu .categoryTop{
	width: 60%;
	position: absolute;
	top: 0;
	right: 0;
	background-image: linear-gradient(to bottom, #c8e6f9 0%, #e9f5fd 100%);
	padding-top: 2rem; 
	display: flex;
	border-top-left-radius: 100px;
	border-bottom-left-radius: 100px;
	height: 20rem;
	margin-bottom: 5rem;
	justify-content: flex-end;
}
.topMainMenu .categoryTop h2{
	padding-right: 3rem;
	color:#444;
	font-size: 3rem;
}
.topMainMenu .cate_leftContents{
	position: absolute;
	top: 3rem;
	left: 0;
	width: 60%;
	overflow: hidden;
	border-top-right-radius: 100px;
	border-bottom-right-radius: 100px;
	height: 20rem;
	min-height: 0;
}
.topMainMenu .cate_caption{
	text-align: left;
	padding-left: 1rem;
	padding-top: 25rem;
	/*margin-left: -30%;*/
}
.cate_caption p.caption{
	font-size: 1.8rem;
	/*font-weight: bold;*/
}
.business .topMainMenu .efficiency .cate_leftContents{
	background: url("../image/img_efficiencyTop.jpg") 0 50% no-repeat;
	background-size: cover;
}
.business .topMainMenu .management .cate_leftContents{
	background: url("../image/img_managementTop.jpg") 0 50% no-repeat;
	background-size: cover;
}
.business .topMainMenu .financing .cate_leftContents{
	background: url("../image/img_financingTop.jpg") 0 55% no-repeat;
	background-size: cover;
}
.business .topMainMenu .b_service .cate_leftContents{
	background: url("../image/img_b_serviceTop.jpg") 0 80% no-repeat;
	background-size: cover;
}
.about .topMainMenu .irInfo .cate_leftContents,
.ir .topMainMenu .irInfo .cate_leftContents{
	background: url("../image/img_irTop.jpg") 0 50% no-repeat;
	background-size: cover;
}
.about .topMainMenu .corporate .cate_leftContents{
	background: url("../image/img_corporateTop.jpg") 0 55% no-repeat;
	background-size: cover;
}
/* Recruit QA
---------------------------------- */
.recruit .btn_faqLink li:first-child{
	margin-right: 0;
}
.mainMenuBox{
	display: flex;
    justify-content: flex-start;
	flex-wrap: wrap;
    align-content: center;
    align-items: stretch;
    width: 100%;
	margin: 3rem auto;
}
.mainMenuBox > li{
	display: flex;
    justify-content: center;
    text-align: left;
    margin: 0 0 1rem 1rem;
    box-sizing: border-box;
	width: calc(25% - 1rem);
    margin-left: 0;
    margin-left: 1rem;
    flex-wrap: wrap;
    height: auto;
    min-height: 5.38rem;
    align-items: stretch;
}
.mainMenuBox > li:first-child,
.mainMenuBox > li:nth-child(4n + 1){
	margin-left: 0;
}
.mainMenuBox > li > a{
	display: flex;
    justify-content: center;
    /* align-items: center; */
    text-align: left;
    margin: 0 0 1rem 1rem;
    box-sizing: border-box;
    height: 4.5rem;
	position: relative;
    font-size: 1.5rem;
	width: 100%;
	height: 100%;
	margin: 0;
    /* transition: .3s 0s all ease-in-out; */
    border-radius: 5px;
    /* border-radius: 10px; */
    border: 1px solid #DEDEDE;
    /* box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px 1px; */
    background: #FFF;
    color: #0095da;
    padding: 0.5rem 1.05rem;
    flex-direction: column;
}
.mainMenuBox > li > a:hover{
	border-color: transparent;
    border: 1px solid #DEDEDE;
    color: #fff;
    background: linear-gradient(270deg, #d5eefb 0%, #0095da 50%, #d5eefb 100%);
    background-size: 200% auto;
    background-position: right center;
}
.mainMenuBox > li > a > span{
	font-weight: bold;
    line-height: 2rem;
	padding-right: 2.5rem;
}
.mainMenuBox > li > a > span:before{
	position: absolute;
    content: '';
    margin: auto;
    top: 50%;
    right: 1.6rem;
    transform: translate(0 ,-50%);
    -webkit-transform: translate(0 ,-50%);
    -ms-transform: translate(0 ,-50%);
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: url(../image/arrow-right_white.svg) no-repeat #0095da;
    background-size: 1.5rem auto;
}
.mainMenuBox > li.externalLink > a > span:before{
    background: url(../image/icon_externalLink.svg) no-repeat;
    background-size: 1.5rem auto;
	border-radius: 0;
}
/* about greeting
---------------------------------- */
.greeting{
	/* width: 90vw; */
    min-width: 1024px;
    margin: 2rem auto;
	display: flex;
	justify-content: center;
}
.greeting_photo{
	width: 300px;
	padding-top: 3rem;
	padding-left: 3rem;
}
.greeting_photo > img{
	width: 100%;
}
.greeting_text{
	flex-basis: 70%;
	padding: 2rem;
	font-size: 1.5rem;
}
.greeting_date{
	margin-top: 1rem;
	text-align: right;
}


/* search st */	
/* google Search 1024px以下時の設定 */
#dropNavSearch .gsc-control-cse {
	background-color: #0095da;
	border: 1px solid #0095da;
	padding-top:5px;
	padding-bottom:25px;
}
#dropNavSearch #___gcse_1 {
	background-color: #0095da;
}

#dropNavSearch .gsc-control-wrapper-cse {
	width: 100%;
}

/* 既存レイアウトの調整 */
#dropNavSearch .gsc-input-box {
	margin-left: 0;
	padding-top: 2px;
	height: 30px;
}

#dropNavSearch .gsib_a {
	padding-top: 2px;
    padding-left: 1em;
}

#dropNavSearch .gsc-input {
font-size: 11px;
}

#dropNavSearch .gsc-search-button {
	position: relative;
}

/* Search button */
#dropNavSearch .gsc-search-button .gsc-search-button-v2 {
	position: absolute;
	top: 0;
	right: 0;
	padding: 14px 25px;
}

#dropNavSearch .gsc-search-button .gsc-search-button-v2 svg {
	width: 15px;
//	top: 6px;
	top: 0px;
	right: 20px;
        height: 30px;
	fill: #0095da;
}

#dropNavSearch table    {margin:0; border: none;}
#dropNavSearch table tr {padding:0; border: none;}
#dropNavSearch table td {padding:0; border: none;}

/* search ed */

@media screen and (max-width: 1400px) {
	.recruit .link_section .link_nav_inner{
		height: 24vw;
	}
	.recruit .interview:before {
		background-image: none;
	}
	.recruit .interview .interviewBox{
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
	}
	.recruit .interview .interviewBox > li{
		position: relative;
		margin-left: 5rem;
		width: calc(45vw - 2rem);
	}
	.recruit .interview .interviewBox > li:nth-child(2n){
		z-index: 0;
	}
	.recruit .interview .interviewBox > li:before{
		bottom: -5rem;
		left: -10%;
		width: 120%;
		background: url(../image/bg_linen_lightaquablue.png) repeat 0 0;
		position: absolute;
		height: 71.55963%;
		height: 50%;
		content: "";
		z-index: -1;
	}
	.recruit .interview .interviewBox > li:nth-child(2n+1):before{
		display: block;
		width: 110%;
	}
	.recruit .interview .interviewBox > li img{
		z-index: 2;
	}
	.recruit .interview .interviewBox > li:nth-child(2n+1){
		margin-left: 0;
	}
	.recruit .interview .interviewBox > li:nth-child(2n):before{
		z-index: -2;
		left: -20%;
		width: 130%;
	}
	.recruit .interview .interviewBox > li:nth-child(3),
	.recruit .interview .interviewBox > li:nth-child(4){
		margin-top: 10rem;
	}
	.recruit .interview .interviewBox > li a > ul.info{
		left: -3rem;
		width: 15vw;
		height: 15vw;
		padding: 5.5vw 0;
	}
	.recruit .interview .interviewBox > li a > ul.info > li > p{
		font-weight: bold;
		line-height: 0.75vw;
		font-size: 1vw;
		padding-left: 0.5vw;
	}
	.recruit .interview .interviewBox > li a > ul.info > li > p.name{
		font-size: 2vw;
		line-height: 1.25vw;
		text-align: center;
		margin-top: 1rem;
	}
	.about .top_img .top_img_photo,
	.ir .top_img .top_img_photo {
		transform: translate(0,-17%);
		-webkit-transform: translate(0,-17%);
		-ms-transform: translate(0,-17%);
	}

}
@media screen and (max-width: 1024px) {
	html { font-size: 75%; }
	header h1, #panelNav p.navLogo{
		width: 180px;
		margin-left: 0;
	}
	#panelNav p.navLogo{
		width: 20%;
		min-width: 200px;
	}
	header .header_inner{
		padding: 0.5rem 1rem;
		padding-right: 100px;
		margin-bottom: 0;
	}
	header .header_inner ul.header_otherNav{
		width: 50%;
		/*margin-top: -0.5rem;*/
	}
	header .header_inner ul.header_otherNav li.search,
	header .header_inner ul.header_otherNav li.support {
		width: 3.5rem;
		height: 3.5rem;
		margin-top: 0;
		margin-left: 0;
		background-position: 50% 50%;
		min-width: 3.5rem;
		background-size: 2rem;
		padding-left: 0;
		border-radius: 2rem;
	}
	header .header_inner ul.header_otherNav li.support{
		background-size: 2rem;
		overflow: hidden;
		background-color: #e6f3fb;
	}
	header .header_inner ul.header_otherNav li.support > a > span.ballon{
		display: none;
	}
	header .header_inner ul.header_otherNav li.support > a > p{
		display: none;
	}
	header .header_inner ul.header_otherNav li.support::before{
		left: 0rem;
		width: 5rem;
		height: 5rem;
		background-size: 3rem auto;
		/*z-index: -1;*/
		top: 2rem;
	}
	header .header_inner ul.header_otherNav li.support > .chat_cmt{
		padding: 0.5rem 1rem;
	}
	header .header_inner ul.header_otherNav li.support .chat_cmt::before {
		top: 27%; 
		right: -19px;
		border: 8px solid transparent;
		border-left: 8px solid #ddd;
	}
	header .header_inner ul.header_otherNav li.support .chat_cmt::after {
		top: 25%; 
		right: -16px;
		border: 8px solid transparent;
		border-left: 8px solid #FFF;
	}
	header .header_inner ul.header_otherNav li.support > p{
		font-size: 1.2rem;
	}
	header .header_inner ul.header_otherNav li.support > a{
		position: absolute;
		width: 3.5rem;
		height: 3.5rem;
	}
	header .header_inner ul.header_otherNav li.support > a > span{
		/*width: 3.5rem;
		height: 3.5rem;*/
	}
	header .header_inner ul.header_otherNav li.support > a > span{
		display: none;
		/*visibility: hidden;*/
	}
	header .header_inner ul.header_otherNav li.search form,
	header .header_inner ul.header_otherNav li.search form input{
		display: none;
	}
	header #dropNavSearch ul.header_otherNav li.search p.btn_search{
		display: block;
	}
	header .header_inner ul.header_otherNav li.search{
		border: none;
	}
	#search-text {
		display: none;
		width: 3.5rem;
		height: 3.5rem;
		background-position: 65% 50%;
		background-size: 2.5rem;
	}
	header .header_inner ul.header_otherNav li.search p.btn_searchBoxView{
		display: block;
	}
	header .header_inner ul.header_otherNav li.search p.btn_searchBoxView,
	header .header_inner ul.header_otherNav li.search form p.btn_search{
		width: 3.5rem;
		height: 3.5rem;
		border-radius: 2rem;
		border: 1px solid #DDD;
	}
	header .header_inner ul.header_otherNav li.search p.btn_searchBoxView:hover,
	header .header_inner ul.header_otherNav li.search form p.btn_search:hover{
		border-radius: 2rem;
	}
	header .header_inner ul.header_otherNav li.search p.btn_searchBoxView button,
	header .header_inner ul.header_otherNav li.search form button.siteSearch_submit{
		width: 3.5rem;
		height: 3.5rem;
		background-position: 50% 50%;
	}
	
	/* search st */	
	header .header_inner ul.header_otherNav li.search {
		display:block;
	}

	.header_otherNav .gsearch {
		display: none;
	}
	
	/* Search footer adjustment */
	.gsc-tabdActive .gcsc-find-more-on-google {
		position: relative;
	}
	.gsc-tabdActive svg.gcsc-find-more-on-google-magnifier {
		position: absolute;
		top: -8px;
		left: -25px;	
	}
	.gsc-cursor svg.gsc-cursor-chevron {
		width: 16px;
		margin: -20px -10px 16px;
		padding: 5p;
	}
	
	.gsc-cursor .gsc-cursor-numbered-page {
		padding: 5px 35px;
	}

	.gsc-cursor .gsc-cursor-next-page {
		padding: 5px 35px 5px 0px;
	}

	header .header_inner ul.header_otherNav li.support{
		margin-right: 2rem;
	}

	header .header_inner ul.header_otherNav li.search{
		margin-right: 1rem;
	}

	/* search ed */

	
	header #dropNavSearch .searchBox_sp button.siteSearch_submit.search_open{
		border:1px solid red;
	}
	input::-webkit-input-placeholder {
		color: transparent;
	}
	input::-moz-placeholder {
		color: transparent;
	}
	input::-ms-input-placeholder {
		color: transparent;
	}
	input::placeholder {
		color: transparent;
	}

	header #nav-container{
		display: block;
	}
	header .gnavArea,
	header .categoryNavArea{
		display: none;
	}
	#panelNav p.navLogo{
		min-width: 140px;
	}
	header.panelactive #panelNav > ul{
		width: 96%;
		min-width: auto;
	}
	header.panelactive #panelNav ul.panelTopNav > li > a > span{
		font-size: 1.2rem;
		line-height: 1.4rem;
	}
	header .header_inner{
		/*padding-top: 6px;*/
		padding-right: 55px;
	}
	header .header_inner ul.header_otherNav li.search > span{
		display: none;
	}
	header .header_inner ul.header_otherNav li.support > span{
		font-size: 1.2rem;
		display: none;
	}
	header.panelactive #panelNav ul.panelTopNav{
		margin-top: 7rem;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap a.btn_area > p.ballon > span,
.atm_shop #atmshop_areamap .map_btn li > a.btn_area > p.ballon > span{
	font-size: 1.2rem;
	font-weight: bold;
	}
	.top_img,
	#js_slider .slick-list{
		height:  calc(50vh + 4rem);
		min-height: calc(375px + 4rem);
	}
	#home{
		margin-top: 4rem;
	}
	.business #home,
	.about #home{
		margin-top: 2rem;
	}
/* ad_bnr_box 
---------------------------------- */
	#ad_bnr_box .ad_btn_box{
		position: relative;
		display: block;
		z-index: 103;
		cursor: pointer;
	}
	#ad_bnr_box .ad_link_box .ad_link{
		width: 96%;
		margin: 0 auto;
	}
	#ad_bnr_box .ad_link_box .ad_link img{
		width: 100%;
		border: none;
	}
	#ad_bnr_box img:hover{
		opacity: 0.7;
	}

/* netBank 
---------------------------------- */
	#home .netBank.tab-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 1rem auto;
		min-width: auto;
	}
	#home .netBank .tab-label.nb_headding {
		display: block;
		color: #ccc;
		font-weight: bold;
		text-align: center;
		order: -1;
		position: relative;
		z-index: 1;
		cursor: pointer;
		flex: 1;
		background-color:#f0f0f0;
		color: #444;
		flex-basis: calc(50% - 2rem);
		margin-bottom: 0;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	#home .netBank .tab-label.nb_headding[for="TAB-personal"]{
		margin-right: 0.5rem;
	}
	#home .netBank .tab-label.nb_headding[for="TAB-business"]{
		border-top-right-radius: 10px;
	}
	#home .netBank .tab-label.nb_headding > span{
		display: block;
		width: 90%;
		background-color:#f0f0f0;
		padding: 0.5rem 0;
		margin: 0.5rem auto;
		border-radius: 10px;
		font-weight: bold;
	}
	#home .netBank .tab-content {
		width: 100%;
		height: 0;
		overflow: hidden;
		opacity: 0;
	}
	#home .netBank p.nb_headding{
		display: none;
	}
	#home .netBank .nb_personal,
	#home .netBank .nb_business{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
	#home .netBank .nb_personal > .btn_list,
	#home .netBank .nb_business > .btn_list{
		margin: 1rem 0;
	}
	/* アクティブなタブ */
	#home .netBank .tab-switch:checked+.tab-label{
		background-color: #FFF;
	}
	#home .netBank .tab-switch:checked+.tab-label span{
		background-color: #FFF;
	}
	#home .netBank .tab-switch:checked+.tab-label[for="TAB-personal"] span{
		color:#0095da;
	}
	#home .netBank .tab-switch:checked+.tab-label[for="TAB-business"] span{
		color:#b39d39;
	}
	#home .netBank input:checked + .tab-label + .tab-content{
		height: auto;
		overflow: auto;
		opacity: 1;
		transition: .5s opacity;
	}
	#home .netBank .tab-switch:checked+.tab-label:after{
		content: "";
		position: absolute;
		top: 100%;
		left: 50%;
		margin-left: -15px;
		width: 0;
		height: 0;
	}

/* movie
---------------------------------- */
	.movie .movie_box .btn_list > li > a{
		font-size: 1.5rem;
	}

	.movie_box > ul > li a.movie_guide:before{
		background-size: 4.5rem;
		position: absolute;
		top: 5%;
		left: 5%;
	}
	.movie .movie_box > .movie_headding{
		font-size: 1.6rem;
	}

	.movie .movie_box{

		/* width: 100%; */
		width: 90%;
		min-width: 100%;
	}
	
#panelNav_ib .movie .movie_box .btn_list > li > a {
	color: black;
    margin-bottom: 0rem;
}
#panelNav_ib .movie{
	color: black;
    margin-bottom: 0rem;
}
	
#panelNav .movie .movie_box {
    padding-top: 1em;
}
	
/* newsTicker
---------------------------------- */
	.newsTicker{
		display: block;
		position: relative;
		min-width: 0;
		height: auto;
		background: #FFF;
	}
	.newsTicker .nt_ttl_box{
		width: auto;
		min-width: auto;
		max-width: none;
		height: 5rem;
		background: #e6f3fb;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
	}
	.newsTicker .nt_ttl{
		color: #0095da;
		width: 100%;
	}
	.newsTicker .slider{
		padding: 1rem 0;
		width: 100%;
		background: #FFF;
	}
	.newsTicker .slider li{
		display: block;
	}
	.newsTicker .slider a{
		height: 4rem;
	}
	.newsTicker .nt_allview_box{
/*		position: absolute;
		bottom: -5rem;
		left: 50%;
		transform: translate(-50%,0);
		-webkit-transform: translate(-50% ,0);
		-ms-transform: translate(-50% ,0);
*/		width: 96%;
		min-width: auto;
		margin: 0 auto;
		height: 5rem;
		border-top: 1px solid #0095da;
		background-color: transparent;
		border-radius: 0;
	}
	
/* subNavi
---------------------------------- */
	.subNavi{
		min-width: auto;
		max-width: none;
	}
	.subNavi > ul{
		width: 96%;
	}
	.subNavi > ul > li{
		height: auto;
	}
	.subNavi > ul > li a{
		flex-wrap: wrap;
		justify-content: center;
		width: auto;
		height: auto;
		margin: 1rem auto;
	}
	.subNavi > ul > li a:before{
		flex-basis: 100%;
		display: flex;
		justify-content: center;
		padding: 0;
		margin: 0;
	}
	.subNavi > ul > li a.atm-shop:before,
	.subNavi > ul > li a.interest:before,
	.subNavi > ul > li a.fee:before{
		background-position: center center;
	}
/*　NEWS #infoTopList
---------------------------------- */
	#infoTopList .infoTab_box{
		width: 100%;
		margin: 2rem auto;
	}
	#infoTopList .tab-wrap:before{
		width: 100%;
		height: 18rem;
		padding-bottom: 1rem;
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	#infoTopList .tab-wrap:after{
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	#infoTopList .tab-label{
		flex-basis: 40%;
	}
	#infoTopList .newsList ul li dl dd.txt{
		margin-top: 1rem;
	}
    #infoTopList .newsList ul li dl {
		display: block;
	}
    #infoTopList newsList ul li dl dt,
	#infoTopList .newsList ul li dl dd {
		/*display: inline-block;*/
	}
    #infoTopList .newsList ul li dl dt{
		width: auto;
	}
    #infoTopList .newsList ul li dl dd.txt {
		width: 100%;
		display: block;
	}
    #infoTopList .newsList ul li .new dl dd.txt:after{
		width: 25.6px;
		height: 12.8px;
		background-size: contain;
		vertical-align: middle;
		margin-left: 8px;
	}
	#infoTopList .tab-label{
		margin: 0.5rem;
	}
/* movie 
---------------------------------- */
	#home .movie {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin: 1rem auto;
		min-width: auto;
	}
	
/* RECRUIT 
---------------------------------- */
	.recruit .p_content_cy{
		margin-left: 3rem;
	}
	.recruit .p_heading_cy {
		/*border-bottom: 1px solid #c8c8c8;*/
	}
	.recruit #top_title{
		height: 120vw;
		background-position: 70% bottom;
		background-size: 15rem;
	}
	.recruit #top_title img.r_title{
		top: 15vw;
		left: 50vw;
		width: 35vw;
	}
	.recruit #top_title img.r_photoLeft{
		left: -2vw;
		width: 42vw;
	}
	.recruit #top_title img.r_photoLeft_btm{
		display: block;
		position: absolute;
		bottom: -5vw;;
		left: 14vw;
		width: 38vw;
	}
	.recruit #top_title img.r_photoBill{
		top: 45vw;
		left: -15vw;
		width: 55vw;
	}
	.recruit #top_title img.r_msg {
		top: 45vw;
		right: -5vw;
		width: 70vw;
	}
	.recruit #top_title img.r_photoRight{
		top: 1vw;
		right: -9vw;
		width: 42vw;
	}
	.recruit #top_title img.r_photoRight_btm{
		display: block;
		position: absolute;
		bottom: 5vw;
		right: -5vw;
		width: 36vw;
	}
	.recruit .interview .interviewBox > li:nth-child(2n):before{
		z-index: -2;
		left: -25%;
		width: 135%;
	}
	.recruit .interview .interviewBox > li a > ul.info{
		position: absolute;
		bottom: 0;
		left: -3vw;
		width: 20vw;
		height: 20vw;
		background: url("../image/bg_linen_yelloworange.png") repeat 0 0;
		padding: 7.5vw 0;
		border-radius: 50%;
	}
	.recruit .interview .interviewBox > li a > ul.info > li{
		padding: 0 1.25rem;
	}
	.recruit .interview .interviewBox > li a > ul.info > li > p{
		font-weight: bold;
		line-height: 0.75vw;
		font-size: 1vw;
		padding-left: 0.5vw;
	}
	.recruit .interview .interviewBox > li a > ul.info > li > p.name{
		font-size: 2.5vw;
		line-height: 1.25vw;
		text-align: center;
		margin-top: 1rem;
		padding-left: 0;
	}
	/* Recruit entry
	---------------------------------- */
	.recruit .link_section .link_nav_inner .en {
		font-size: 3vw;
	}
	.recruit .link_section .link_nav_inner .jp{
		font-size: 2vw;
	}
	.link_section .link_nav_wrap {
		width: 89%;
	}
	.link_section .link_nav {
		padding: 1.333333333333333vw;
		background-size: 120%;
	}
	.link_section .link_nav_white {
		display: none;
	}
	.link_section .link_nav_inner {
		height: 24vw;
		background: #fff;
	}
	.link_section .link_nav_inner .en {
		font-size: 4vw;
	}
	.link_section .link_nav_inner .jp {
		margin-top: 4vw;
}

/* LifePlan 
---------------------------------- */
	#lifePlan p.sub_ttl{
		width: 80vw;
		max-width: 580px;
		min-width: auto;
	}
	#lifePlan h2{
		width: 60vw;
		min-width: auto;
	}
	#lifePlan h2:before{
		display: none;
	}
	#lifePlan .lifePlan_inner .le_box{
		max-width: none;
		min-width: auto;
		margin-top: 0;
	}
	#lifePlan .lifePlan_inner .le_box > li{
		flex-basis: calc((100% - 1rem) / 2);
		max-width: calc((100% - 1rem) / 2);
		margin-bottom: 3rem;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan{
		padding: 1.4rem 0;
		height: 4rem;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan span{
		font-size: 1.35rem;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp01{
		background:url("../image/bgStripe01.png") 1rem 1rem repeat;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp02{
		background:url("../image/bgStripe02.png") 1rem 1rem repeat;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp03{
		background:url("../image/bgStripe03.png") 1rem 1rem repeat;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp04{
		background:url("../image/bgStripe04.png") 1rem 1rem repeat;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp05{
		background:url("../image/bgStripe05.png") 1rem 1rem repeat;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan.lp06{
		background:url("../image/bgStripe06.png") 1rem 1rem repeat;
	}
/* Q&A 
---------------------------------- */
	.top_faq_list ul {
		display: block;
	}
	.top_faq_list li {
		width: 100%;
	}
	.btn_faqLink{
		flex-wrap: wrap;
		align-items: center;
	}
	.btn_faqLink li{
		/*width: 100%;*/
		margin-bottom: 2rem;
		margin-right: 0;
	}
	.btn_faqLink li.btn_faq a,
	.btn_faqLink li.btn_contact a{
		text-align: center;
	}
	.btn_faqLink .btn_faq a, .btn_faqLink .btn_contact a{
			padding: 1rem 5rem 1rem 7rem;
			margin: 0 0.5rem;
	}
/* sns 
---------------------------------- */
	.bnr_slider {
		margin-top: 0;
	}
/* sns 
---------------------------------- */
	.top_footer .sc_box {
		width: 100%;
		margin: 0 auto;
	}
	.top_footer .sc_box > ul{
		padding: 3rem;
	}
	.top_footer .sc_box > ul > li{
		flex-basis: 70%;
		width: 400px;
	}
	.recruit .top_footer .sc_box > ul > li{
		width: auto;
		min-width: 250px;
		margin: 0 auto;
		margin-bottom: 1rem;
	}
	.top_footer .f_sns_contact{
		display: block;
		width: 90%;
		min-width: auto;
		max-width: none;
		padding: 3rem 0;
	}
	.top_footer .sc_box > ul{
		max-width: none;
		min-width: auto;
		width: fit-content;
	}
	.top_footer .sc_box.footer_contact > ul > li{
		display: block;
	}
	.top_footer .sc_box a.footer_contact_link span:after{
		display: none;
	}
	.top_footer .f_sns_contact .footer_contact h3{
		margin-top: 3rem;
	}
	.top_footer .sc_box:first-child{
		border: none;
		padding: 0;
	}
	.top_footer .sc_box:last-child{
		padding: 0;
	}
	
/* footer 
---------------------------------- */
	footer .innerWrap{
		width: 100%;
		padding: 0;
		min-width: auto;
	}
	footer .footer_sitemap-columns{
		flex-wrap: wrap;
		margin-top: 0;
		margin-bottom: 2rem;
	}
	footer .footer_sitemap-linkList{
		display: none;
	}
	footer .footer_sitemap-col{
		flex: 0 0 50%;
		max-width: calc(50% - 1px);
		height: 5rem;
		border-right: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
	}
	footer .footer_sitemap-title {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: 100%;
		padding: 0;
		background: #0095da;
	}
	footer .footer_sitemap-title a{
		width: 100%;
		display: block;
		position: relative;
		color: #FFF;
		padding: 0;
		padding-left: 2.5rem;
	}
	footer .footer_sitemap-title a:before{
		position: absolute;
		content: '';
		margin: auto;
		top: 50%;
		left: 0.25rem;
		transform: translate(0 ,-50%);
		-webkit-transform: translate(0 ,-50%);
		-ms-transform: translate(0 ,-50%);
		width: 1.8rem;
		height: 1.8rem;
		background: url("../image/arrow-right_white.svg") no-repeat;
		background-size: 1.8rem auto;
	}
	.footer_sitemapLwr{
		width: 95%;
		margin: 0 auto;
		margin-bottom: 2rem;
	}
	.footer_sitemapLwr .footer_sitemapLwr-list{
		align-items: flex-start;
		justify-content: space-between;
		margin-top: 0;
		width: 90%;
		min-width: auto;
	}
	.footer_sitemapLwr .footer_sitemapLwr-item{
		width: 43%;
		padding-top: 1rem;
		margin: 0 4% 0 0;
		font-size: 1.4rem;
		padding-bottom: 0;
	}
	.footer_sitemapLwr .footer_sitemapLwr-item{
		padding-left: 0;
		margin-left: 0;
	}
	.footer_sitemapLwr .footer_sitemapLwr-item:not(:last-child):before{
		content: none;
	}
	footer .footer_copy{
		padding-bottom: 1rem;
	}
	footer .footer_codes,
	footer .footer_copyright{
		text-align: center;
	}
	footer .footer_codes{
		margin-bottom: 2rem;
	}
	.footer_codes br.sp{
		display: block;
	}
/* business netBank
---------------------------------- */
	.business .netBank .nb_business{
		border-radius: 10px;	
		padding-top: 1rem;
	}
	.business #home .netBank p.nb_headding{
		display: block;
		margin-top: 1rem;
		margin-bottom: 0;
	}
	.business .netBank{
		min-width: auto;
		max-width: none;
	}	
	.business .netBank .nb_business{
		display: block;
		width: 96%;
	}
/* buiness MainMenu
---------------------------------- */
	.topMainMenu{
		width: 96vw;
		min-width: auto;
	}
	.topMainMenu .categoryTop{
		width: 90%;
		height: 15rem;
	}
	.topMainMenu .cate_leftContents{
		width: 90%;
		height: 15rem;
		top: 7rem;
	}
	.topMainMenu .mainMenuBox{
		width: 100%;
		margin: 3rem 0;
	}
	.topMainMenu .categoryTop h2{
		padding-top: 1rem;
		font-size: 2.5rem;
	}
	.topMainMenu .mainMenuBox > li{
		width: calc(50% - 0.5rem);
		margin-left: 0.5rem;
	}
	.mainMenuBox > li:first-child,
	.mainMenuBox > li:nth-child(4n + 1){
		margin-left: inherit;
	}
	.mainMenuBox > li:nth-child(2n + 1){
		margin-left: 0;
	}
	/* about greeting
	---------------------------------- */
	.greeting{
		min-width: auto;
	}
	.greeting_text{
		padding: 2rem 0;
	}
	.about .top_img .top_img_photo,
	.ir .top_img .top_img_photo {
		transform: translate(0,0);
		-webkit-transform: translate(0,0);
		-ms-transform: translate(0,0);
	}
	.about .top_img .top_img_title,
	.ir .top_img .top_img_title {
		top: 5vw;
		width: 60%;
		max-width: 420px;
	}
	.business .top_img .top_img_photo {
		transform: translate(-5%,-10%);
		-webkit-transform: translate(-8%,-10%);
		-ms-transform: translate(-5%,-10%);
	}
	.business .top_img .top_img_title {
		top: 10vw;
		left: 42vw;
		width: 58%;
		max-width: 550px;
	}
}

@media screen and (max-width: 599px) {
	html { font-size: 50%; }
	header h1{
		margin-left: 0;
		max-width: 130px;
	}
	header.panelactive #panelNav ul.panelTopNav{
		margin-top: 8rem;
	}
	header.panelactive #panelNav ul.tab_area.is-active > .netBank > .nb_business > .btn_list{
		flex-wrap: wrap;
	}
	header.panelactive #panelNav ul.tab_area.is-active > .netBank > .nb_business > .btn_list > li{
		width: 100%;
		max-width: 350px;
		padding: 0.5rem;
		margin-bottom: 2rem;
	}
	header .header_inner ul.header_otherNav li.support,	header .header_inner ul.header_otherNav li.search{
		margin-left: 0.5rem;
	}
	header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active > .netBank > .nb_personal .btn_list > li,
	header.panelactive #panelNav ul#panelNav_ib.tab_area.is-active > .netBank > .nb_business .btn_list > li{
		width: 80%;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox li,
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active li > .page-section-category > .page-item-listbox.atm_711 li{
		width: 100%;
	}
	header .header_inner ul.header_otherNav li.support > .chat_cmt{
		display: none;
	}
	header .header_inner ul.header_otherNav li.search p.btn_searchBoxView button,
	header .header_inner ul.header_otherNav li.search form button.siteSearch_submit{
		background-position: 40% 40%;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn,
	.atm_shop #atmshop_areamap .map_btn{
		top: -3%;
		left: 1%;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_ritou,
	.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_ritou{
		top: 18vw;
		left: 9vw;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank, .atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank{
		top: 4vw;
		left: 2vw;
		padding: 1% 4%;
		padding-top: 8%;
	}
	header.panelactive #panelNav ul#panelNav_atm.tab_area.is-active > li > #panel_atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank:after,
	.atm_shop #atmshop_areamap .map_btn li > a.btn_area.btn_sevenBank:after{
		
	}
	.top_img,
	#js_slider .slick-list{
		min-height: calc(430px + 4rem);
	}
	#home{
		margin-top: 6rem;
	}
	section .innerWrap{
		width: 90%;
	}
/* btn_hum_menu 
---------------------------------- */
	header .header_inner ul.header_otherNav li.search,
	header .header_inner ul.header_otherNav li.support {
		width: 3.5rem;
		height: 3.5rem;
		min-width: 3.5rem;
		background-size: 2rem;
		padding-left: 0;
		border-radius: 2rem;
		margin-top: 0.5rem;
	}
	header .header_inner ul.header_otherNav li.support:hover{
		background: #0095da;
	}
/* ad_bnr_box 
---------------------------------- */
	#ad_bnr_box{
		position: fixed;
		top: auto;
		right: 0;
		bottom: 1rem;
		background-color: transparent;
		box-shadow: none;
	}
	#ad_bnr_box #ad_btn_box,
	#ad_bnr_box .ad_link_box{
		display: block;
		position: relative;
		cursor: pointer;
	}
	#ad_bnr_box #ad_btn_box img {
		display: block;
		position: absolute;
		top: -2em;
		right: 0.5rem;
		width: 5rem;
		height: auto;
		border-radius: 50%;
		background-color:rgba(68,68,68,0.8);/*#444*/
		z-index: 101;
	}
/* netBank 
---------------------------------- */
	#home .netBank{
		width: 100%;
		border-radius: 0;
	}
	#home .netBank p.nb_title.link_youtube{
		padding-top: 0;
	}
	#home .netBank p.nb_title.link_youtube:before{
		top: -1.8rem;
		height: 2rem;
	}
	#home .netBank .nb_business > .btn_list {
		align-items: center;
	}
	#home .netBank .nb_title.link_youtube > span{
		display: none;
	}

/* movie 
---------------------------------- */
	#home .movie{
			width: 96vw;
		}
	#home .movie .movie_box > .btn_list > li{
		width: 80%;
		max-width: 250px;
	}
	

/* newsTicker 
---------------------------------- */
	.newsTicker{
		width: 96vw;
		margin: 0 auto;
		margin-bottom: 2rem;
	}
	.newsTicker .nt_ttl{
		font-size: 1.6rem;
	}
	.newsTicker .slider{
		padding-top: 2rem;
		width: 94%;
		margin: 0 auto;
	}
	.newsTicker .slider li{
		margin-bottom: 0.5rem;
	}
	.newsTicker .slider a{
		padding: 0;
	}
/* NEWS
---------------------------------- */
	#infoTopList .tab-label span{
		font-size: 1.8rem;
	}
/* subNavi 
---------------------------------- */
	.subNavi{
		width: 96vw;
	}
	.subNavi > ul > li a{
		flex-wrap: wrap;
	}
	.subNavi > ul > li a:before{
	}

/* RECRUIT
---------------------------------- */
	.recruit #top_title{
		height: 150vw;
		background-position: 50% 100%;
		background-size: 10rem;
	}
	.recruit #top_title img.r_title{
		top: 30vw;
		left: 50vw;
		width: 40vw;
	}
	.recruit #top_title img.r_photoLeft{
		top: -5vw;
		left: -10vw;
		width: 60vw;
	}
	.recruit #top_title img.r_photoLeft_btm{
		display: block;
		position: absolute;
		bottom: -5vw;
		left: -5vw;
		width: 42vw;
	}
	.recruit #top_title img.r_photoBill{
		top: 45vw;
		left: -20vw;
		width: 55vw;
	}
	.recruit #top_title img.r_msg {
		top: 70vw;
		right: -5vw;
		width: 100vw;
	}
	.recruit #top_title img.r_photoRight{
		top: 1vw;
		right: -20vw;
		width: 58vw;
	}
	.recruit #top_title img.r_photoRight_btm{
		display: block;
		position: absolute;
		bottom: -12vw;
		right: 0vw;
		width: 48vw;
	}
	.recruit .link_section .link_nav_wrap{
		width: 96%;
	}
	.recruit .interview .interviewBox > li{
		position: relative;
		width: 90%;
		margin-left: 0;
	}
	.recruit .interview .interviewBox > li:nth-child(2n+1):before{
		display: block;
		width: 120%;
	}
	.recruit .interview .interviewBox > li:nth-child(2),
	.recruit .interview .interviewBox > li:nth-child(3),
	.recruit .interview .interviewBox > li:nth-child(4){
		margin-top: 15rem;
	}
	.recruit .interview .interviewBox > li:nth-child(1){
		margin-top: 2rem;
	}
	.recruit .interview .interviewBox > li a > ul.info{
		bottom: -3vw;
		width: 40vw;
		height: 40vw;
		padding: 15vw 0;
	}
	.recruit .interview .interviewBox > li a > ul.info > li > p{
		line-height: 2.8vw;
		font-size: 2.8vw;
		padding-left: 0.5vw;
	}
	.recruit .interview .interviewBox > li a > ul.info > li > p.name{
		font-size: 4.5vw;
		line-height: 4.75vw;
		margin-top: 1rem;
	}
/* Recruit entry
---------------------------------- */
	.recruit .link_section .link_nav_wrap {
		width: 89%;
	}
	.recruit .link_section .link_nav {
		padding: 1.333333333333333vw;
		background-size: 120%;
	}
	.recruit .link_section .link_nav_white {
		display: none;
	}
	.recruit .link_section .link_nav_inner .en {
		font-size: 4vw;
	}
	.recruit .link_section .link_nav_inner .jp {
		margin-top: 4vw;
	}
/* Recruit faq
---------------------------------- */
	.recruit .top_faq .innerWrap{
		width: 90%;
	}
/* LifePlan 
---------------------------------- */
	#lifePlan p.sub_ttl{
		width: 80vw;
		max-width: 580px;
		min-width: auto;
	}
	#lifePlan h2{
		width: 60vw;
		min-width: auto;
	}
	#lifePlan h2:before{
		display: none;
	}
	#lifePlan .lifePlan_inner .le_box{
		max-width: none;
		min-width: auto;
		margin-top: 0;
	}
	#lifePlan .lifePlan_inner .le_box > li{
		flex-basis: calc((100% - 1rem) / 2);
		max-width: calc((100% - 1rem) / 2);
		margin-bottom: 3rem;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan{
		padding: 1.4rem 0;
		height: 4rem;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan span{
		font-size: 1.35rem;
	}
/* Q&A 
---------------------------------- */
	.top_faq_list ul {
		display: block;
	}
	.top_faq_list li {
		width: 100%;
	}
	.btn_faqLink{
		flex-wrap: wrap;
	    align-items: center;
	}
	.btn_faqLink li{
		margin-bottom: 2rem;
		margin-right: 0;
	}
	.btn_faqLink li.btn_faq a,
	.btn_faqLink li.btn_contact a{
		text-align: center;
	}
	.btn_faqLink .btn_faq a, .btn_faqLink .btn_contact a{
			padding: 1rem 5rem 1rem 7rem;
	}
/* sns 
---------------------------------- */
	.top_footer .sc_box {
		width: 100%;
		margin: 0 auto;
	}
	.top_footer .sc_box > ul{
		padding: 1rem;
	}
	.recruit .top_footer .sc_box > ul{
		width: auto;
   		min-width: auto;
	}
	.top_footer .sc_box > ul > li{
		flex-basis: 70%;
		width: 240px;
	}
	.recruit .top_footer .sc_box > ul > li{
		width: auto;
	}
	.top_footer .f_sns_contact{
		display: block;
		width: 90%;
		min-width: auto;
		max-width: none;
		padding: 3rem 0;
	}
	.top_footer .sc_box.footer_contact > ul > li{
		display: block;
	}
	.top_footer .sc_box a.footer_contact_link span:after{
		display: none;
	}
	.top_footer .f_sns_contact .footer_contact h3{
		margin-top: 3rem;
	}
	.top_footer .sc_box:first-child{
		border: none;
		padding: 0;
	}
	.top_footer .sc_box:last-child{
		padding: 0;
	}
/* footer 
---------------------------------- */
	footer .innerWrap{
		width: 100%;
		padding: 0;
		min-width: auto;
	}
	footer .footer_sitemap-columns{
		flex-wrap: wrap;
		margin-top: 0;
		margin-bottom: 2rem;
	}
	footer .footer_sitemap-linkList{
		display: none;
	}
	footer .footer_sitemap-col{
		flex: 0 0 50%;
		max-width: calc(50% - 1px);
		height: 5rem;
		border-right: 1px solid #eaeaea;
		border-bottom: 1px solid #eaeaea;
	}
	footer .footer_sitemap-title {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		width: 100%;
		height: 100%;
		padding: 0;
		background: #0095da;
	}
	footer .footer_sitemap-title a{
		width: 100%;
		display: block;
		position: relative;
		color: #FFF;
		padding: 0;
		padding-left: 2.5rem;
	}
	footer .footer_sitemap-title a:before{
		position: absolute;
		content: '';
		margin: auto;
		top: 50%;
		left: 0.25rem;
		transform: translate(0 ,-50%);
		-webkit-transform: translate(0 ,-50%);
		-ms-transform: translate(0 ,-50%);
		width: 1.8rem;
		height: 1.8rem;
		background: url("../image/arrow-right_white.svg") no-repeat;
		background-size: 1.8rem auto;
	}
	.footer_sitemapLwr{
		width: 95%;
		margin: 0 auto;
		margin-bottom: 2rem;
	}
	.footer_sitemapLwr .footer_sitemapLwr-list{
		align-items: flex-start;
		justify-content: space-between;
		margin-top: 0;
		width: 90%;
		min-width: auto;
	}
	.footer_sitemapLwr .footer_sitemapLwr-item{
		width: 43%;
		padding-top: 1rem;
		margin: 0 4% 0 0;
		font-size: 1.4rem;
		padding-bottom: 0;
	}
	.footer_sitemapLwr .footer_sitemapLwr-item{
		padding-left: 0;
		margin-left: 0;
	}
	.footer_sitemapLwr .footer_sitemapLwr-item:not(:last-child):before{
		content: none;
	}
	footer .footer_copy{
		padding-bottom: 1rem;
	}
	footer .footer_codes,
	footer .footer_copyright{
		text-align: center;
	}
	footer .footer_codes{
		margin-bottom: 2rem;
	}
	.footer_codes br.sp{
		display: block;
	}
/* business netBank
---------------------------------- */
	.business .netBank .nb_business{
		border-radius: 10px;	
		padding-top: 1rem;
	}
	.business p.nb_headding{
		display: block;
	}
	.business .netBank{
		min-width: auto;
		max-width: none;
	}	
	.business .netBank .nb_business{
		display: block;
		width: 96%;
	}
/* buiness MainMenu
---------------------------------- */
	.topMainMenu{
		width: 96vw;
		min-width: auto;
	}
	.topMainMenu .categoryTop{
		width: 90%;
		height: 15rem;
	}
	.topMainMenu .cate_leftContents{
		width: 90%;
		height: 15rem;
		top: 7rem;
	}
	.topMainMenu .mainMenuBox{
		width: 100%;
		margin: 3rem 0;
	}
	.topMainMenu .categoryTop h2{
		padding-top: 1rem;
		font-size: 2.5rem;
		padding-right: 0rem;
	}
	.topMainMenu .mainMenuBox > li{
		width: calc(50% - 0.5rem);
		margin-left: 0.5rem;
	}
	.mainMenuBox > li:first-child,
	.mainMenuBox > li:nth-child(4n + 1){
		margin-left: inherit;
	}
	.mainMenuBox > li:nth-child(2n + 1){
		margin-left: 0;
	}
	/* about greeting
	---------------------------------- */
	.greeting{
		min-width: auto;
	}
	.greeting_text{
		padding: 2rem 0;
	}
	.business .top_img .top_img_photo {
		transform: translate(-5%,-10%);
		-webkit-transform: translate(-12%,0);
		-ms-transform: translate(-5%,-10%);
	}
	.business .top_img .top_img_title {
		top: 10vw;
		left: 32vw;
		width: 68%;
	}
	.about .top_img .top_img_title,
	.ir .top_img .top_img_title {
		top: 1vw;
		left: -0.5rem;
		width: 68%;
		max-width: 320px;
	}
	
/* LIFEPLAN
---------------------------------- */
	#lifePlan p.sub_ttl{
		width: 90%;
	}
	#lifePlan h2{
		width: 80vw;
	}
	#lifePlan .lifePlan_inner .le_box > li{
		flex-basis: 100%;
		max-width: none;
		margin-bottom: 3rem;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan span{
		font-size: 2rem;
	}
	#lifePlan .lifePlan_inner .le_box > li a.btn_lifeplan{
		height: 5.5rem;
		padding: 2rem 0;
	}
/* Q&A 
---------------------------------- */
	.top_faq h2 br.sp_br{
		display: block;
	}
/* ToTop 
---------------------------------- */
	.backToTopContainer a.backToTop:after{
		width: 70%;
	}
/* footer
---------------------------------- */
	footer .footer_sitemap-col{
		flex: 0 0 100%;
		max-width: 100%;
	}
/* about greeting
---------------------------------- */
	.greeting{
		/* display: block; */
		padding-bottom: 3rem;
		flex-direction:column-reverse;
	}
	.greeting_photo{
		padding: 0;
		margin: 3rem auto;
		margin-bottom: 3rem;
	}
}

@media screen and (max-width: 374px) {
	.subNavi > ul > li a{
		font-size: 1rem;
	}
	.business .top_img .top_img_title {
		top: 3vw;
		left: 25vw;
		width: 75%;
	}
}

/* banner
---------------------------------- */
.banner-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.banner-container a {
  display:inline-block;
}

.banner-container img {
  max-width: 90%;
  height: auto; /* アスペクト比を維持しつつ高さ自動調整 */
  margin-bottom: 10px;
  margin: 1rem;
  width: 540px;
  vertical-align:top;
}

.banner-container img:hover{
  filter:drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.25));
}

/* メディアクエリ: 1024px以下の場合 */
@media (max-width: 1024px) {
  .banner-container {
    display: block;
    text-align: center;
  }
  
  .banner-container img {
    width: 100%;
    max-height: 100%;
  }
}