@media screen and (max-width: 400px) {
  body:not(.dev-mb) .cms-public .page .layout .area3 .banner_div{
    width: 180px;
    margin: 0 calc((100% - 180px) /2);
  }
}

@media screen and (max-width: 440px) { 
  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .sp_bar {
    background: #102A99;
    height:40px!important;
  }

  .cms-public .page .layout .sns-area li {
    margin: 0 5px 0 0;
  }
}

@media screen and (max-width: 700px) {
  body {
    min-width:300px;
  }

  body:not(.dev-mb) .fontsize_change {
    display:none;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .top_header .header {
    width:100%;
    float:left;
  }

  body:not(.dev-mb) .cms-public .header .language_top{
    margin: 0px;
    width: 50%;
  }

  body:not(.dev-mb) .cms-public .layout .header .language_top .sentence p{
    text-align: left!important;
  }


  body:not(.dev-mb) .cms-public .layout .area1 .top_header .header .note > .bousai_top {
    float: right;
    width: 35%;
    margin-left: 15%;
    text-align: center;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag {
    width:100%;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .logo .block {
    padding-top:0px;
    padding-bottom:0px;
    margin-top:0px;
    margin-bottom:0px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .logo .block figure {
    margin-top:5px;
    margin-left:5px;
    margin-right:5px;
    margin-bottom:5px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .globalmenu {
    width:100%;
    left:0;
    margin-left:0px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .globalmenu .menu-trigger-rf {
    float:right;
    margin:5px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .globalmenu .buns-rf {
    margin:0px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .globalmenu .buns-rf .hamburger-rf {
    margin-top:87px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .globalmenu .buns-rf .hamburger-rf > .menu-rf > ul > li {
    width:100%!important;
    height:0px!important;
    border: none;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .logo_menu .div_tag .globalmenu .buns-rf .hamburger-rf > .menu-rf > ul > li > ul {
    display:none;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .slide_parts {
    max-width:none;
    width:100%;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .slide_parts > .note > .block > .slide {
    max-width:none;
    width:100%!important;
  }


  body:not(.dev-mb) .cms-public .layout .area1 .search_header {
    background:none;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag {
    width:100%;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .sp_bar {
    background: #102A99;
    height:60px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .searchbox {
    background:none;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .searchbox .search_input .google_search_input_core .search {
    margin:0.5em 0px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .searchbox .search_input .google_search_input_core .search .gs_form > form {
    width:84%;
    margin:0 8%;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .searchbox .search_input .google_search_input_core .search .gs_form > form > .text {
    width:calc(100% - 60px);
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .searchbox .search_input .google_search_input_core .search .gsc-search-button {
    background-color: #102A99;
    width:30px;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .searchbox .search_input .google_search_input_core .search .gsc-control-cse {
    background:none;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .search_header .div_tag .sitemap_word  .block {
    display:none;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .important_1 .title-list {
    width:100%;
    box-sizing:border-box;
  }

  body:not(.dev-mb) .cms-public .layout .area1 .important_1 .title-list .index > li {
    width:100%;
  }

  body:not(.dev-mb) .cms-public .layout .area-group-2-3-4 {
    width:100%;
    padding-left:0px;
    padding-right:0px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 {
    width:calc(100% - 16px);
    margin:0 8px 8px 8px;
  }

  body:not(.dev-mb) .cms-public .layout .w980{
    width: 100%;
    margin-left:0px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .banner_div {
    margin-top: 30px;
  }

  .dev-pc .cms-public div.banner div.banner-part.center{
    left: 0px;
  }

  .dev-pc .cms-public .banner_top div.banner div.banner-part.center div.advertisement{
    margin-left: 0px !important;
    margin-right: 0px !important;
    left: 0px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .banner_div{
    width: 360px;
    margin: 0 calc((100% - 360px) /2);
  }

  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner {
    width:100%;
    margin-left:0;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner1,
  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner2,
  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner3,
  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner_none {
    width:25%!important;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner1 figure,
  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner2 figure,
  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner3 figure,
  body:not(.dev-mb) .cms-public .layout .area3 .banner_div .banner .banner_none figure {
    margin:0;
  }


  body:not(.dev-mb) .cms-public .layout .area3 .parts:nth-child(3) {
    text-align:center;
    margin-top: 40px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list {
    width:100%;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index{
    border: none;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li.active {
    width: 34%;
  }


  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li {
    width:32%;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li:first-child{
    margin-left: 1%;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li:last-child{
    margin-right: 1%;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li a{
    border-top: 2px solid #4BACC6;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li:first-child a{
    border-left: 2px solid #4BACC6;
    border-right: 2px solid #4BACC6;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li:nth-child(2) a{
    border-left: none;
    border-right: none;
  }


  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .index > li:last-child a{
    border-left: 2px solid #4BACC6;
    border-right: 2px solid #4BACC6;
  }


  body:not(.dev-mb) .cms-public .layout .area3 .eshinbun .title-list .tab {
    width:98%;
    margin-left:1%;
    margin-right:1%;
    border: 2px solid #4BACC6;
  }



  body:not(.dev-mb) .cms-public .layout .area3 .guide {
    width:100%;
    margin-left:0;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .guide .note > .block:first-child {
    text-align:center;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .guide .note > .block:last-child > .image > .block {
    text-align:center;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .parts .div_tag .sigakensei {
    width:100%;
    margin-left:0;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .parts .div_tag .sigakensei .note > .block:first-child {
    text-align:center;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .parts .div_tag .sigakensei .note > .kensei_image1 {
    width:100%;
    margin-bottom:10px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .parts .div_tag .sigakensei .note > .kensei_image1 .image > .block {
    text-align:center;
  }


  body:not(.dev-mb) .cms-public .layout .area3 .parts .div_tag .sigakensei .note > .kensei_image2 {
    width:100%;
    margin-bottom:10px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .parts .div_tag .sigakensei .note > .kensei_image2 .image > .block {
    text-align:center;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .pickup .note .block .list figure {
    width: 100%;
    box-sizing: border-box;
    margin-top: 30px;
    margin-bottom: 30px;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .siga_info > .note > .block {
    width: 100%;
    margin-left:0;
    text-align:center;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .siga_info > .note > .block:last-child .image figure img {
    margin:0;
  }

  body:not(.dev-mb) .cms-public .layout .area3 .plugindownload {
    display: none;
  }

  body:not(.dev-mb) .cms-public .layout .area5 .footer {
    width:100%;
    margin:auto;
    padding-left:0px;
    padding-right:0px;
  }

  body:not(.dev-mb) .cms-public .layout .location_title .heading h2{
    text-align:center;
  }

  body:not(.dev-mb) .cms-public .word_left .sentence p{
    margin-left: 25%;
    margin-right: 25%;
  }

  .cms-public .list_right .list ul li {
    margin-left: 28%;
    margin-right: 25%;
  }

  body:not(.dev-mb) .cms-public .layout .site_info .heading h2
  {
    text-align:center;
  }

  body:not(.dev-mb) .cms-public .layout .area5 .footer .list_left ul {
    width:48%;
    margin:0 31%;
  }
  body:not(.dev-mb) .cms-public .layout .area5 .footer .copyright {
    text-align:center;
  }
}