@charset "utf-8";

.box_del920 {display: block;} .box_up920 {display: none;}
.box_del830 {display: block;} .box_up830 {display: none;}
.box_del740 {display: block;} .box_up740 {display: none;}
.box_del580 {display: block;} .box_up580 {display: none;}
.box_del480 {display: block;} .box_up480 {display: none;}


@media screen and (max-width: 1240px) {
.header-Box {width: 100%;}
.header-name-anchor {width: 100%;}

}

@media screen and (max-width: 1024px) {
.breadlist-box {width: 100%;}
.contents_box {padding: 0 0.8em;}
.footer_box {width: 100%;}

}

@media screen and (max-width: 980px) {
main {min-width: 380px;}
.page_size {margin-right: auto;}

.box_del920 {display: none;} .box_up920 {display: block;}
.mq920-u {display: block;}
.mq920-d {display: none;}
div.contents .kan_banner {margin: 0.5em;float: left;}
.header-name-anchor ul {padding: 0;margin: 0;float: right;list-style: none;line-height: 1em;width: 100px;display: block;}
.header-name-anchor li {padding: 0;margin: 0;list-style: none;}
.header-name-anchor ul.menu-button li a {font-size: 0.750em;background: #3a3838 url(../img/menu-ya.png) no-repeat center left;text-decoration: none;padding: 5px 5px 5px 18px;margin: 2px 15px 0 0;border-top: 1px solid #5c5c5c;border-left: 1px solid #5c5c5c;border-right: 1px solid #7c7c7c;border-bottom: 1px solid #7c7c7c;box-shadow:0px 0px 10px #464444 inset;border-radius: 5px;display: block;}
#MENU02 {padding-top: 30px;margin-top: -30px;}
.navi-menu02 {display: block;position: relative;}
.navi_menu02-box ul {padding: 0;margin: 2em 0 0 0;list-style: none;}
.navi_menu02-box li {border-radius: 5px;border: 1px solid #d0d0d0;padding: 0;margin: 0.3em 5px;background: url(../img/nav_bg.jpg) repeat-x bottom left;font-size: 0.874em;list-style: none;width: 33%;}
.navi_menu02-box li.active a {background: #ffffff url(../img/menu02sub_posi.png) no-repeat center right;}
.navi_menu02-box li a {display: block;padding: 9px 1em;background: url(../img/nav_bg.jpg) repeat-x bottom left;}
.navi_menu02-box a:link {text-decoration: none;color: #3e6fcf;background: none;}
.navi_menu02-box a:visited {text-decoration: none;color: #3e6fcf;background: none;}
.navi_menu02-box a:active {text-decoration: none;color: #3e6fcf;background: none;}
.navi_menu02-box a:hover , .nav_menu02-box a:focus {text-decoration: underline;color: #3e6fcf;background: none;}
.navi_menu02-box ul.submenu {position: absolute; top: 0px;left: 34%;width: 66%;height: 100%;margin: 0;background: #ffffff;padding-left: 1%;box-sizing: border-box;padding-top: 60px;}
.navi_menu02-box ul.submenu li {width: 47%;float: left;border-color: #ffffff;background: #ffffff url(../img/menu02sub_line.png) repeat-x bottom left;font-size: 1.00em;}
.navi_menu02-box ul.submenu li a {display: block;padding: 5px 0;background: none;}
.navi_menu02-box ul.submenu-F {position: absolute; top: 0px;left: 34%;width: 66%;height: 100%;margin: 0;background: #ffffff;padding-left: 4%;box-sizing: border-box;display:-webkit-box;display:-moz-box;display:-ms-box;display:-webkit-flexbox;display:-moz-flexbox;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.navi_menu02-box ul.submenu-F li {width: 47%;float: left;border-color: #d0ddf5;background: #474747 url(../img/menu02sub_back.png) repeat-x center left;font-size: 0.812em;}
.navi_menu02-box ul.submenu-F li a {display: block;padding: 3px 0;}
.navi_menu02-box ul.only1 li {width: 98%;}
.navi_menu02-box ul.only1 li.active {background: url(../img/sp.gif) no-repeat;}
.footer_navi dt {width: 100%;float: none;margin: 0;padding: 0.5em 0.5em 0.5em 0;}
.footer_navi dd {margin: 0;padding: 0.1em 0 0.5em 1em;}
div.contents div#PARA_BOXMENU {width: 96%;margin-left: 2%;background: url(../img/nav_bg.jpg) top left;}
div.contents .box3x2 {width: 100%;float: none;}
div.contents .box3x1 {width: 85%;float: none;margin-top: 1em;margin-left: auto;margin-right: auto;}
div.contents .box4x3 {width: 100%;float: none;}
div.contents .box4x1 {width: 85%;float: none;margin-top: 1em;margin-left: auto;margin-right: auto;}
div.contents .box4l {width: 49%;}
div.contents .box4cr {width: 49%;float: right;margin-left: 0%;}
div.contents .box4cl {width: 49%;clear: both;margin-left: 0;}
div.contents .box4r {width: 49%;}
div#WARP ul {padding: 0;margin: 0;float: right;list-style: none;width: 100px;display: block;}
div#WARP li {padding: 0;margin: 0 0 5px 0;list-style: none;}
div#WARP a {font-size: 0.750em;background: #ffffff url(../img/menu-ya_bl.png) no-repeat center left;text-decoration: none;padding: 3px 5px 3px 18px;border-top: 1px solid #d0d0d0;border-left: 1px solid #d0d0d0;border-right: 1px solid #ebebeb;border-bottom: 1px solid #ebebeb;box-shadow: 0px 0px 10px 1px #f4f4f4 inset;border-radius: 5px;}
div.contents div.mq_list_menu {margin: 2em 0;padding: 0;font-size: 0.874em;overflow: hidden;position: relative;zoom:1;}
div.contents div.mq_list_menu ul {list-style: none;margin: 0;padding: 0;}
div.contents div.mq_list_menu li {list-style: none;margin: 0.5em 1em;padding: 0;float: left;}
div.contents div.mq_list_menu a {margin: 0;padding: 4px 12px;}
/* biz site ES style */
div.contents div#ES-CONTENTS-BLOCK {width: 100%;float: none;}
div.contents div#ES-MENU-BLOCK {width: 100%;float: none;padding-top: 35px;margin-top: -35px;}
div.contents div#ES-MENU-BLOCK div#ES3L {width: 31%;float: left;margin: 0 ;padding-bottom:32767px;margin-bottom:-32767px;background: #ffffff;}
div.contents div#ES-MENU-BLOCK div#ES3C {width: 31%;float: left;margin: 0 0 0 2%;padding-bottom:32767px;margin-bottom:-32767px;background: #ffffff;}
div.contents div#ES-MENU-BLOCK div#ES3R {width: 31%;float: right;padding-bottom:32767px;margin-bottom:-32767px;background: #ffffff;}
div.contents div#ES-MENU-BLOCK h3 {padding: 0.8em;}
div.contents div#ES-MENU-BLOCK li.es_l01 a {padding: 8px 4px 8px 20px;background: #ffffff url(../img/es_menu01.png) no-repeat center left;}
div.contents div#ES-MENU-BLOCK li.es_l02 a {padding: 8px 4px 8px 29px;background: #ffffff url(../img/es_menu02.png) no-repeat center left;}
div.contents div#ES-MENU-BLOCK li.es_l03 a {padding: 8px 4px 8px 38px;background: #ffffff url(../img/es_menu03.png) no-repeat center left;}
div.contents div#ES-MENU-BLOCK li.es_l01 a.new_w {padding: 8px 4px 8px 33px;background: #ffffff url(../img/es_menu01w.png) no-repeat center left;}
div.contents div#ES-MENU-BLOCK li.es_l02 a.new_w {padding: 8px 4px 8px 42px;background: #ffffff url(../img/es_menu02w.png) no-repeat center left;}
div.contents div#ES-MENU-BLOCK li.es_l03 a.new_w {padding: 8px 4px 8px 51px;background: #ffffff url(../img/es_menu03w.png) no-repeat center left;}
div.contents div#ES-MENU-BLOCK li.es_l01 a.now {background: #666666 url(../img/es_menu01.png) no-repeat center left;padding: 8px 4px 8px 20px;}
div.contents div#ES-MENU-BLOCK li.es_l02 a.now {background: #666666 url(../img/es_menu02.png) no-repeat center left;padding: 8px 4px 8px 29px;}
div.contents div#ES-MENU-BLOCK li.es_l03 a.now {background: #666666 url(../img/es_menu03.png) no-repeat center left;padding: 8px 4px 8px 38px;}
div.contents div#ES-MENU-BLOCK li.es_l01 span {background: #ffffff url(../img/es_menu01.png) no-repeat center left;padding: 8px 4px 8px 20px;}
div.contents div#ES-MENU-BLOCK li.es_l02 span {background: #ffffff url(../img/es_menu02.png) no-repeat center left;padding: 8px 4px 8px 20px;}
div.contents div#ES-MENU-BLOCK li.es_l03 span {background: #ffffff url(../img/es_menu03.png) no-repeat center left;padding: 8px 4px 8px 20px;}

}

@media screen and (max-width: 830px) {
.breadlist-box {min-width:300px;}
.headline-box {min-width:300px;}
.headline-box_gf {min-width:300px;}
.info_A {min-width:300px;}
.info_A span.info_Ar {width: 95%;}
.contents_box {min-width:296px;}
.box_del830 {display: none;} .box_up830 {display: block;}
.page_size {min-width:300px;}
.header-box {min-width:300px;}
.header-global-nav {display: none;}
.header-subglobal-nav {display: none;}
#search-normal {position:absolute;top:22px;right:10px;}
.right {float: none;margin-left: 0;text-align: center;}
.left {float: none;margin-right: 0;text-align: center;}
.header-name-anchor {min-width:300px;}
.breadlist-box {padding: 10px 0 10px 0;display: block;}
.breadlist-bk-box {padding: 10px 0 10px 0;display: block;}
.footer_box {min-width:300px;}
.footer p.printer {display: none;}
.footer p.areacountry {display: none;}
.footer_navi {display: none;}
div.contents .bannerbox4l {width: 49%;}
div.contents .banner4 li.ban-41 {width: 49%;float: left;}
div.contents .banner4 li.ban-42 {width: 49%;float: right;}
div.contents .banner4 li.ban-43 {width: 49%;float: left;}
div.contents .banner4 li.ban-44 {width: 49%;float: right;}
div.contents .banner5 li.ban-50 {width: 24%;}
div.contents .bannerbox4cr {width: 49%;float: right;margin-left: 0%;}
div.contents .bannerbox4cl {width: 49%;clear: both;margin-left: 0;}
div.contents .bannerbox4r {width: 49%;}


}

@media screen and (max-width: 740px) {
.info_A span.info_Ar {width: 85%;}
.contents_box {margin: 0 10%;}
div.contents .box2l {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents .box2r {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents .box3l {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents .box3c {width: 100%;float: none;margin: 0;padding-bottom:0;margin-bottom:0;}
div.contents .box3r {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents .box4l {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents .box4cr {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents .box4cl {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents .box4r {width: 100%;float: none;padding-bottom:0;margin-bottom:0;}
div.contents dl.news_listR dt {float: none;width: 100%;vertical-align: middle;padding-bottom: 0.1em;}
div.contents dl.news_listR dd {vertical-align: middle;padding: 0 0 0 1em;}
div.contents dl.news_slistR dt {float: none;width: 100%;vertical-align: middle;padding-bottom: 0.1em;}
div.contents dl.news_slistR dd {vertical-align: middle;padding: 0 0 0 1em;}
.navi_menu02-box li {width: 98%;}
.navi_menu02-box ul.submenu {position: static;width: 90%;height: 100%;padding-top: 0;}
.navi_menu02-box ul.submenu li {width: 100%;float: none;}
.navi_menu02-box ul.submenu-F {position: static;width: 90%;height: 100%;}
.navi_menu02-box ul.submenu-F li {width: 100%;float: none;border-color: #ffffff;background: #ffffff url(../img/menu02sub_line.png) repeat-x bottom left;}
.navi_menu02-box li.active {background: url(../img/sp.gif) no-repeat;}
.navi_menu02-box-black li {width: 98%;}
.navi_menu02-box ul.submenu {position: static;width: 90%;height: 100%;}
.navi_menu02-box ul.submenu li {width: 100%;float: none;}
.navi_menu02-box ul.submenu-F {position: static;width: 90%;height: 100%;}
.navi_menu02-box ul.submenu-F li {width: 100%;float: none;border-color: #474747;background: #474747 url(../img/menu02sub_line-b.png) repeat-x bottom left;}
div#FOOTER div#FOOTER_NAVI {display: none;}
div.contents .banner3 li {margin-left: 0;margin-right: 0;}
div.contents .banner3 li.ban-31 {width: 100%;float: none;}
div.contents .banner3 li.ban-32 {width: 100%;float: none;margin-left: 0;margin-right: 0;}
div.contents .banner3 li.ban-33 {width: 100%;float: none;}
div.contents .banner5 li.ban-50 {width: 32%;}
div.contents div.black-button2 h2,div.contents div.black-button2 h3,div.contents div.black-button2 h4,div.contents div.black-button2 h5,div.contents div.black-button2 h6 {width: 100%;float: none;}
div.contents div.black-button2 h2 a,div.contents div.black-button2 h3 a,div.contents div.black-button2 h4 a,div.contents div.black-button2 h5 a,div.contents div.black-button2 h6 a {padding: 10px 12px 5px 30px;}
div.contents div.black-button2 p {width: 100%;float: none;}
div.contents div.black-button2 p a {box-sizing: border-box;padding: 5px 30px 5px 0px;margin-top: 10px;}
div.contents div.white-button2 h2,div.contents div.black-button2 h3,div.contents div.black-button2 h4,div.contents div.black-button2 h5,div.contents div.black-button2 h6 {width: 100%;float: none;}
div.contents div.white-button2 h2 a,div.contents div.black-button2 h3 a,div.contents div.black-button2 h4 a,div.contents div.black-button2 h5 a,div.contents div.black-button2 h6 a {padding: 10px 12px 5px 30px;}
div.contents div.white-button2 p {width: 100%;float: none;}
div.contents div.white-button2 p a {box-sizing: border-box;padding: 5px 30px 5px 0px;margin-top: 10px;}
.footer_nav2 ul {float: none;}
.footer_nav2 li {margin: 0;float: none;border-top: solid #5d5d5d 1px;border-bottom: solid #1a1a1a 1px;}
.footer_nav2 a {display: block;padding: 1em 0;width: 100%;}
}

@media screen and (max-width: 580px) {
div.box_del580 {display: none;}
div.box_up580 {display: block;}
.mq580-u {display: block;}
.mq580-d {display: none;}
.contents_box {margin: 0 5%;}
.footer_nav1 li {margin: 0.5em 1.5em;}
.footer_nav2 li {margin: 0.5em 1em;}
.info_A h1 {font-size: 1.0em;padding-top: 0.3em;padding-bottom: 0.3em;}
.info_A {padding: 5px 0;background: url(../img/info_back_s.png) repeat-y top left;}
.info_A span.info_Al {width: 100px;}
.info_A span.info_Ar {margin-left: 103px;width: 90%;}
div.contents div#ES-MENU-BLOCK div#ES3L {width: 98%;float: none;margin: 0 ;padding-bottom:0px;margin-bottom:0px;}
div.contents div#ES-MENU-BLOCK div#ES3C {width: 98%;float: none;margin: 0;padding-bottom:0px;margin-bottom:0px;}
div.contents div#ES-MENU-BLOCK div#ES3R {width: 98%;float: none;padding-bottom:0px;margin-bottom:0px;}
div.contents div#PARA_BOXMENU {width: 94%;}
div.contents div#PARA_BOXMENU li {width: 49.5%;}
div.contents div#PARA_BOXMENU a {}
div.contents div#PARA_BUTTONMENU a {padding: 1em;}
div.contents div#PARA_BUTTONMENU span {padding: 1em;}
div.contents div#PARA_BUTTONMENU-C a {padding: 1em;}
div.contents div#PARA_BUTTONMENU-C span {padding: 1em;}
/* TEL-No */
div.contents div.remarks span {display: none;}
div.contents div.remarks span#TELNO {display: block;white-space: nowrap;}
div.contents div.remarks span#TELNO2 {display: block;white-space: nowrap;}
div.contents div.remarks span#TELNO3 {display: block;white-space: nowrap;}
div.contents div.remarks span#FAXNO {display: block;white-space: nowrap;}
/*banner*/
div.contents .bannerbox4l {width: 45%;float: left;}
div.contents .bannerbox4cr {width: 45%;float: right;}
div.contents .bannerbox4cl {width: 45%;float: left;}
div.contents .bannerbox4r {width: 45%;float: right;}
div.contents .banner2 li.ban-21 {width: 99%;float: none;text-align: center;}
div.contents .banner2 li.ban-22 {width: 99%;margin: 0;float: none;text-align: center;}
div.contents .banner5 li.ban-50 {width: 49%;}
/*prev-next_menu*/
div.contents div.prev-next_menu li.button-prev {float: none;width: 100%;text-align: left;}
div.contents div.prev-next_menu li.button-next {float: none;width: 100%;text-align: right;}

}


@media screen and (max-width: 480px) {
.box_del480 {display: none;} .box_up480 {display: block;}
.contents_box {margin: 0;}
/*banner*/
div.contents .banner4 li.ban-41 {width: 99%;float: none;}
div.contents .banner4 li.ban-42 {width: 99%;float: none;}
div.contents .banner4 li.ban-43 {width: 99%;float: none;}
div.contents .banner4 li.ban-44 {width: 99%;float: none;}
}

@media screen and (max-width: 380px) {
div.contents .banner5 li.ban-50 {width: 99%;float: none;}

}