@charset "utf-8";

/*###########################################################

 全ページ共通のレスポンシブ
 
#############################################################/*/

@media screen and (max-width: 1000px) {
	img{max-width: 100%;height: auto;width /***/:auto;}

	/*///////////// 全ページ共通のheader  /////////////////////*/
	dl.rogo-box-dl-left dt{min-width:235px;}
	.rogo-cap {font-size: 77%;margin-top: 6px;}
	.head-box {height: 7px;border-radius: 0px 0 5px 5px;}
	.rogo {margin-top: 4px;}
	.rogo a {height: 28px;}
	dl.rogo-box-dl-left dd {width: calc(100% - 236px);}
	.mark-left,
	.mark-right{width: 66px;}
	.mark-box {margin: 19px auto 0 auto;}
	.yokomenu-bg {margin: 44px auto 0 auto;}

	/*全ページ共通のテーブル構造　-------------------*/
	#wrapper{padding-top: 200px;}
	
	/*/////////////　main　////////////////*/
	dl.main-cont-dl > dd {width: 181px;}
	dl.main-cont-dl > dt {width: calc(100% - 230px);}	
	.index-news {float: none;width: 100%;}
	.index-news:last-child {float: none;width: 100%;margin-top: 40px;}
	.index-news > .title {font-size: 170%;}
}





@media screen and (max-width: 950px) {
	/*/////////////  全ページ共通のフッター  ////////////////////*/
	ul#footer-menu{margin:19px 13% 11px 0;}
	ul#footer-menu li {margin: 0 5px 14px 5px;}
	#footer-link #pagetop {width: 100px;top: -42px;}
	#footer-link #pagetop a {height: 88px;padding-top: 44px;}
}





@media screen and (max-width: 830px) {
	/*lozad.jによるアニメーション------*/
	.fadein-			{opacity: 1;transition:none;}
	.fadein-left,
	.fadein-right,
	.fadein-up,
	.zoomin,
	.widthleft,
	.widthright{opacity: 1;transform:none;transition:none;}
	.widthleft:after,
	.widthright:after{opacity: 1;transform:none;transition:none;width:0%;}
	.transition-delay{transition-delay:0s;}


	/*//////// 全ページ共通のheader //////////////*/
	#header {padding-bottom:0;height: 67px;}
	.head-box {height: 5px;border-radius: 0px 0 2px 5px;}
	dl.rogo-box-dl-left dt {min-width: 215px;}
	.rogo-cap {font-size: 67%;}
	.rogo a {height: 23px;}
	dl.rogo-box-dl-left dd {width: calc(100% - 216px);padding-right: 50px;}
  .mark-box {margin: 10px auto 0 auto;}
	.mark-left,
	.mark-right {width: 40px;}
	.mark-cap {font-size:94%;padding: 0px 8px;}
	
	#header.smaller {top: 0;}
	#header.smaller dl.rogo-box-dl-left .rogo-cap {margin-top: 6px;}
	#header.smaller .mark-cap {font-size: 94%;padding: 0px 8px;}
	#header.smaller .mark-left,
	#header.smaller .mark-right {width: 40px;}

	/*全ページ共通のテーブル構造　-------------------*/
	#wrapper{padding-top: 68px;}
	body.home .section {padding: 35px 0 50px;}
	/*各種共済制度*/
	body.home dl.main-cont-dl > dd{margin:35px 0 0 0;}

	/*-------------------------------------------------------------------------
	ページ上部右の出てくるナビmenuが出現して、入れ替わりに横メニューが消える
	--------------------------------------------------------------------------*/
	.yokomenu-bg{display:none;}
	
	#menubtn{position:fixed;z-index:700;top:13px;right:15px;background:#2c498a;width:54px;height:42px;display:block;cursor:pointer;}/*overflow:hidden;text-indent:-8989px;*/
	#menubtn.off{background-position:0 0;}
	#menubtn.on{background-position:0 -42px;background-color: #888;}


	/*右側のメニューボタン*/
	.menu-trigger {position:absolute;right: 0;top: 11px;z-index:200;width:34px;height:20px;display: inline-block;transition: all .4s;box-sizing: border-box;left: 0;margin: 0 auto;}
	.menu-trigger span {position: absolute;left: 0;width: 100%;height:2px;background-color:#fff;display: inline-block;transition: all .4s;box-sizing: border-box;}
	
	/*
	.menu-trigger::after {position: absolute;left: 0;bottom: -25px;content: 'メニュー';display: block;width: 100%;color: #003540;font-size:79%;font-weight: 600;text-decoration: none;text-align: center;transition: all .4s;white-space: nowrap;letter-spacing: -0.2em;}
	.menu-trigger.active::after {content: '閉じる';color:#fff;bottom: -33px;font-weight: normal;}
	a.menu-trigger{text-decoration:none;}
	*/
	.menu-trigger span:nth-of-type(1) {}
	.menu-trigger span:nth-of-type(2) {top: 50%;left: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
	.menu-trigger span:nth-of-type(3) {bottom: 0;}
	
	.menu-trigger.active span{height: 2px;}
	.menu-trigger.active span:nth-of-type(1) {z-index: 10;-webkit-transform: translateY(9px) rotate(-317deg) scale(1.15);transform: translateY(9px) rotate(-317deg) scale(1.15);}
	.menu-trigger.active span:nth-of-type(2) {display: none;}
	.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-9px) rotate(317deg) scale(1.15);transform: translateY(-9px) rotate(317deg) scale(1.15);}


	/*------------------------------------
	ページ上部右の出てくるナビmenu
	------------------------------------*/
	#navi_sp {display: none;position: fixed;width:100%;z-index:49;overflow-y: scroll;height:100%;right: 0;top: 0;background-color:#0f5da4;}
	#navi_sp a,
	#navi_sp a:hover{text-decoration:none;}

	#navi_sp ul#yoko-menu-sp {width:100%;clear: both;padding:75px 10px 0 10px;list-style:none none outside;background-image:none;text-align: center;}
	#navi_sp ul#yoko-menu-sp li {margin: 23px 0;}
	#navi_sp ul#yoko-menu-sp li a {color:#fff;text-decoration: none;line-height:1.2;}
	#navi_sp ul#yoko-menu-sp li a:hover{opacity: 0.8;color: #c5e4ff;}


	/*submenu*/
	#navi_sp ul#yoko-menu-sp li.spbox01{display:inline-block;width:50%;margin:1px 0;}
	#navi_sp ul#yoko-menu-sp li.spbox00 > a{}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a{background:url(../img/header_menu_down.png) no-repeat left center;padding-left:15px;}
	#navi_sp ul#yoko-menu-sp li.spbox02 > a br{display:none;}
	#navi_sp ul#yoko-menu-sp li.spbox02.selected > a{background:url(../img/header_menu_up.png) no-repeat left center;padding-left:15px;opacity: 0.5;}

	#navi_sp ul#yoko-menu-sp ul.sub{border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;margin: 10px auto 0 auto;padding: 5px 0 0 0;font-size: 93%;width:70%;}
	#navi_sp ul#yoko-menu-sp ul.sub li {margin: 20px 0;}

	#navi_sp ul#yoko-menu-sp ul.sub li small{background-color: #23386a;position: relative;display: inline-block;color: #a3b5c8;padding: 1px 4px 2px 4px;font-size: 12px;letter-spacing: 0.05em;top: -1px;right: 6px;}

	/*subsubmenu
	#navi_sp ul#yoko-menu-sp ul.sub ul.children{display:block !important;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li {margin:3px 0;}
	#navi_sp ul#yoko-menu-sp ul.sub ul.children li a{text-indent:30px;}
	*/

	/*メニューの閉じる*/
	#navi_sp p#menuclose{padding: 0 0 25px 0;}
	#navi_sp p#menuclose a{font-size:93%;color:#FFF;padding:9px 0;line-height: 1.0;display: block;background:#444 url(../img/header_menu_close.gif) no-repeat right 15px center;cursor: pointer;width: 260px;margin: 0 auto;text-align: center;}
	#navi_sp p#menuclose a:hover{background-color:#666;opacity:1;}


	/*/////////////  全ページ共通のフッター  ////////////////////*/
	ul#footer-menu {display: none;}
	#footer-link #pagetop {position:relative;width: 124px;top: 0;margin: -31px auto 0 auto;}
	#footer-link #pagetop a {height: 63px;padding-top: 37px;}
	#footer-link #pagetop a br{display:none;}
	#footer-link #pagetop a::before {top: 21px;}
	#footer-link #pagetop a:hover::before { top: 17px;}
	#footer-link #pagetop a:hover {padding-top: 33px;}
	/*
	ul#footer-menu {margin: 19px 0 11px 0;}
	#footer-link #pagetop { position: fixed;width: 70px;top: unset;bottom: 15px;right: 10px;}
  #footer-link #pagetop a {height: 70px;padding-top: 30px;background: #dae7f5;font-size: 76%;line-height: 1.1;}
	#footer-link #pagetop a::before {top: 15px;}
	#footer-link #pagetop a:hover {padding-top: 27px;}
	#footer-link #pagetop a:hover::before {top: 12px;}
	*/
}






@media screen and (max-width: 740px) {
	/*----トップローディング ---------------------*/
	#load-text{background-size: 180px , 32px;padding-top: 105px;}


	/*///////////// 全ページ共通のheader  /////////////////////*/
	 #header {height: 64px;}
	.mark-box.sp-box {display: table;margin: 0 auto;padding-top: 80px;}
	dl.rogo-box-dl-left dd {display: none;}

	/*全ページ共通のテーブル構造　-------------------*/
	#wrapper{padding-top:5px;font-size: 90%;}
}





@media screen and (max-width: 640px) {
	/*/////////////　main　////////////////*/
	dl.main-cont-dl > dt {width: 100%;float: none;}	
	dl.main-cont-dl > dd {width: 100%;}
	body.home dl.main-cont-dl > dd {margin: 0;}
	.index-news > .title {font-size: 150%;}
	.index-news .index-news-ichiran {margin: -35px 0 0 165px;}  
	
	/*各種共済制度*/
	ul.seido-ul li a {height: 53px;}
	ul.seido-ul li a br{display:none;}
}






@media screen and (max-width: 500px) {

}





@media screen and (max-width: 430px) {
	/*//////// 全ページ共通のheader //////////////*/
	#header {height: 62px;}
	dl.rogo-box-dl-left dt {min-width: 190px;}
	.rogo-cap {font-size: 61%;margin-top: 5px;}
	.rogo {margin-top: 3px;}
	.rogo a {height: 21px;}
	.mark-cap {font-size:90%;padding: 0px 5px;}
	.mark-left,
	.mark-right {width: 34px;}
	 #menubtn {top: 11px;}

	/*/////////////　main　////////////////*/
	.index-news .index-news-ichiran {margin: -36px 0 0 126px;}
	dl.news-dl dt {float: none;}
	dl.news-dl dd {padding: 7px 0 0 10px;}
	.seido-title {font-size: 115%;}

	/*/////////////  全ページ共通のフッター  ////////////////////*/
	ul.footer-zip-ul {padding: 25px 0 13px 0;}
	.copyright {padding: 15px 0 15px 0;}
	.footer-zip {font-size: 90%;}
}





@media screen and (max-width: 380px) {
	/*//////// 全ページ共通のheader //////////////*/
 .mark-left,
 .mark-right {display: none;}
}




@media screen and (max-width: 350px) {

}