@charset "utf-8";
  /* CSS Document */
  /*190316
.readBlock a{position: relative;}

.readBlock img{position: absolute;}
*/
  /*
.readBlock .bnr_contact{
	position: absolute;
    background: rgba(255, 102, 102,0.9);
    color: #fff;
    right: 50px;
    width: 300px;
    top: 30%;
    padding: 50px;
    border-radius: 20px;
    border: 3px solid #ffff;
    font-size: 20px;
    font-weight: bold;
}

*/


  /*gnav上のグレーの線を削除*/
  #nav {
    border-top: none !important;
  }



  /*gnavプルダウンメニュー*/
  /*
  li.menu__single {
    border: none !important;
  }

  li.menu__single:hover ul.menu__second-level {
    border-top: 1px solid #ddd;
  }

  #nav .menu__second-level li {
    position: absolute;
    border: 1px solid #eee;
    border: none !important;
    border-bottom: 1px solid #eee !important;
  }

*/

  /*検索窓*/
  /*
.search{margin-bottom: 40px;}
.search form {
  margin: 0 auto 10px;
  text-align: left;
  color: #fd6464;
}
.search form input {
  height: 26px;
  margin: 0 5px;
}
*/

  #header .search {
    margin-top: 35px;
  }

  /*メインビジュアル下バナー*/
  .banner {
    display: block;
    /*width: 628px;*/
    margin: 0 auto 40px;
    text-align: center;
    width: 628px;
  }

  /*
.banner:after{
  position: absolute;
  content: "";
  display: inline-block;
  width:200px ;
  height: 240px;
  background-image: url(../../images/sakurun.png);
  margin-left: 15px;
  background-size: contain;
  background-repeat: no-repeat; 
}
  */
  
.banner img {
/*width: 628px;*/
 max-width: 100%;
height: auto;
display: block;
}
  

  @media only screen and (max-width: 1200px) {
    .banner {
      display: block;
      /*width: 628px;*/
      margin: 20px auto 20px;
    }

    #header .search {
      margin-top: 0px;
    }



    #home_search.search {
      margin: 0;
      padding: 30px 0px 20px;
    }

    #home_search.search form {
      margin: 0 auto 0;
      text-align: left;
      color: #fd6464;
    }

    #home_search.search form input {
      height: 26px;
      margin: 0 5px;
    }



  }

  @media only screen and (max-width: 1100px) {
    /*
    .banner {
      width: 80%;
    }

    .banner img {
      width: 77vw;
    }

    .banner::after {
      width: 12vw;
      height: 16vw;
    }
    */
  }

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

    .banner {
      width: 94%;
      margin: 5px auto 15px;
    }
    /*
    .banner img {
      width: 90vw;
    }

    .banner::after {
      width: 18vw;
      height: 20vw;
      background-position: left bottom;
      margin-left: 7px;
    }
    */
  }



  /*20211117 ベスト　自動車保険*/
  .sayuu {
    display: flex;
  }


  /*リード文

  .pc_show {
    display: block;
  }

  .sp_show {
    display: none;
  }

  body:not(.topPage) .sp_show {
    display: none;
  }

  body:not(.topPage) .pc_show {
    display: none;
  }

  @media only screen and (max-width: 1024px) {
    .pc_show {
      display: none;
    }
    .sp_show {
      display: block;
    }
    body:not(.topPage) .sp_show {
      display: none;
    }
    body:not(.topPage) .pc_show {
      display: none;
    }
  }
*/
  .readBlock {
    position: relative;
    width: 90%;
    width: 100%;
    width: 1380px;
    margin: 0 auto;
    margin-bottom: 20px;
    text-align: center;
    /*padding: 20px;
	background-color: #fff;
	  position: relative;*/
    font-family: "kozuka-mincho-pr6n", serif;
    border: 20px solid #fff;
  }

  .readBlock.pc_show {
    width: 100%;
    max-width: 1420px;
    border: none;
  }

  .readBlock img {
    width: 100%;
  }

  a.bnr_link {
    pointer-events: none;
    display: block;
  }

  @media only screen and (max-width: 769px) {
    a.bnr_link {
      pointer-events: auto !important;
      display: block;
    }
  }

  /*
.readBlock p.large br {
	display: block;
}
*/

  .readBlock .p02 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 69%;
  }

  .readBlock .p03 {
    position: absolute;
    bottom: 0%;
    right: 0%;
    width: 14%;
  }

  .readBlock .p04 {
    position: absolute;
    bottom: 0;
    right: 0%;
    width: 30.5%;
  }

  .readBlock .s02 {
    position: absolute;
    bottom: 26%;
    left: 3.8%;
    width: 91%;
  }

  .readBlock .s03 {
    position: absolute;
    bottom: 6.5%;
    left: 3.8%;
    width: 91%;
  }

  .readBlock .s04 {
    position: absolute;
    bottom: 5%;
    right: 4%;
    width: 51%;
  }

  .readBlock p.large {
    font-size: 36px;
    line-height: 1.5;
    margin-bottom: 14px;
    font-weight: bold;
  }

  .readBlock .middle {
    font-size: 30px;
    font-family: "kozuka-mincho-pr6n", serif;
    letter-spacing: -0.5px;
    margin-bottom: 16px;
    padding-right: 1rem;
  }

  .readBlock .middle2 {
    font-size: 22px;
    font-family: "kozuka-mincho-pr6n", serif;
    letter-spacing: -0.5px;
    margin-bottom: 14px;
  }

  .readBlock p.small {
    font-family: "kozuka-mincho-pr6n", serif;
    letter-spacing: -0.5px;
  }

  .readBlock p.font_pink {
    color: #ff6666;
  }

  .readBlock a.link_allow {
    position: relative;
  }

  .readBlock a.link_allow::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 6px solid transparent;
    border-left: 6px solid #ff6666;
    left: -10px;
  }

  .readBlock .br_sp {
    display: none;
  }

  .mb_0 {
    margin-bottom: 0 !important;
  }

  /**/

  .img_sp {
    display: none;
  }

  /*
.readBlock div {
  width: 650px;
  margin: 0 auto;
  border: 1px solid #e9e9e9;
  padding: 20px;
}
*/

  .menu:after {
    clear: both;
  }

  .menu {
    *zoom: 1;
  }

  ul.menu li a {
    font-size: 16px !important;
  }


  .menu>li.menu__single {
    position: relative;
  }

  body {
    color: #333333;
  }

  /*見出し*/

  .topPage h2:before,
  .topPage h2:after {
    content: "";
    flex-grow: 1;
    height: 1px;
  }

  .topPage h2:before {
    margin-right: .4em;
    background: linear-gradient(-90deg, #ff9999, transparent);
  }

  .topPage h2:after {
    margin-left: .4em;
    background: linear-gradient(90deg, #ff9999, transparent);
  }

  /*サイドバナー・メインビジュアル・ニュースエリア---------------------------------------------/*/

  .block01 {
    background-image: url(../../images/bg_stripe.png);
    overflow: hidden;
    /*padding: 30px 0;*/
    padding: 30px 0 0;
  }

  .block01 .block01_inner {
    width: 1400px;
    margin: 0 auto 0;
    background: #fff;
    padding: 10px 10px 25px 10px;
  }

  /*メインエリア（Q&Aとお客様の声）*/

  .mainArea {
    width: 1180px;
    float: right;
  }

  .mainImg {
    position: relative;
    /*
  background: url("../../images/topphoto/main_winter.jpg?20190118");
  background: url("../../images/topphoto/main_tanada.jpg?20190610");
  background: url("../../images/topphoto/main_aki.png?20191025");
  background: url("../../images/topphoto/main_winter2.jpg?20200110");
  background: url("../../images/topphoto/main_bicycle.jpg?202001212");
  background: url("../../images/topphoto/main_aki2.jpg?20201027");
  background: url("../../images/topphoto/main_winter3.jpg?20201215");
 background: url("../../images/topphoto/fuchu.jpg?20210319");*/
    /*background: url("../../images/topphoto/okutama.jpg?20210518");
 background: url("../../images/topphoto/main_natu_tamako.jpg?20210706");
  background: url("../../images/topphoto/main_natu_saiko.jpg?20210730");
  background: url("../../images/topphoto/main_susukino.jpg?20211004");
 background: url("../../images/topphoto/main_fuji_kokia.jpg?20211025");
 background: url("../../images/topphoto/main_hatsu_fuyu_satoyama.jpg?20211208");
 background: url("../../images/topphoto/main_satatoge.jpg?20220111");
 background: url("../../images/topphoto/main_ichigo.jpg?20220228");
  background: url("../../images/topphoto/main_haruranman-fuchu.jpg?20220401");
  background: url("../../images/topphoto/main_sakura_fuji_aozora.jpg?20220420");
  background: url("../../images/topphoto/main_sanbanze.jpg?20210525");
  background: url("../../images/topphoto/main_okutamanite.jpg?20221006");
  background: url("../../images/topphoto/main_tadamigawa.jpg?20230105");
background: url("../../images/topphoto/main_fuchu_park.jpg?20230317");
background: url("../../images/topphoto/main_taki.jpg?20230518");
background: url("../../images/topphoto/main_ueno_shinobazunohasu.jpg?20230705");
background: url("../../images/topphoto/main_minori.jpg?20230926");
background: url("../../images/topphoto/main_momiji.jpg?20231205");
background: url("../../images/topphoto/main_yamanakako_fuji.jpg?20231215");
background: url("../../images/topphoto/main_kokubunji.jpg?20240228");
background: url("../../images/topphoto/main_koiwa_bushoen.jpg?20240612");
background: url("../../images/topphoto/main_machida_taiko.jpg?20240820");
background: url("../../images/topphoto/main_inokashirakouen.jpg?20241115");
background: url("../../images/topphoto/main_fujimiyashi.jpg?20250107");*/
background: url("../../images/topphoto/main_shinryoku_okutama.jpg?20250422");

    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
    /*中央寄席*/
    /*background-position:left -130px bottom;*/
  }

  .mainImg {
    float: right;
    width: 27%;
    width: 375px;
    /*
    height: 558px;
    height: 658px;
       */
    height: 520px;

  }

  /*ニュースエリア*/

  #newsArea {
    position: relative;
    float: right;
    width: 53%;
    padding: 0 2%;
    box-sizing: border-box;
    background: #fff;
  }

  #newsArea dl a {
    color: #333333;
  }

  #newsArea dl {
    width: 100%;
    line-height: 1.5;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #e9e9e9 !important;
    color: #333333;
  }

  #newsArea dt {
    float: left;
    clear: both;
    width: 20%;
    font-size: 15px;
    padding: 16px 0;
    border-top: 1px solid #e9e9e9;
  }

  #newsArea dd {
    margin-left: 0;
    padding: 16px 0 10px 2%;
    font-size: 16px !important;
    float: right;
    width: 78%;
    border-top: 1px solid #e9e9e9;
  }

  #newsArea dd a span.under_line {
    border-bottom: solid 2px #ffb0b0;
    line-height: 2;
  }

  #newsArea dt:first-of-type,
  #newsArea dd:first-of-type {
    border: none;
  }





  @media only screen and (max-width: 1450px) {
    #newsArea {
      width: 46%;
      padding: 0 2%;
    }
  }

  @media only screen and (max-width: 1325px) {
    #newsArea {
      width: 43%;
      padding: 0 2% 0 1%;
    }

    #newsArea dt {
      width: 100%;
      line-height: 2;
      padding: 10px 0 0 0;

    }

    #newsArea dd {
      width: 100%;
      padding: 0px 0 10px 2%;
      border-top: none;
    }

    #newsArea dt:first-of-type,
    #newsArea dd:first-of-type {
      border: none;
    }

  }

  /*
@media only screen and (max-width: 1280px) {
#newsArea {
  width: 43%;
 padding: 0 2% 0 1%;
}
}
*/
  @media only screen and (max-width: 1200px) {
    #newsArea {
      width: 40%;
      padding: 0 2% 0 1%;

    }
  }

  @media only screen and (max-width: 1100px) {
    #newsArea {
      background: #fff;
      width: 100%;
      float: none;
      margin: 0 auto;
      padding: 40px;
      box-sizing: border-box;
    }


  }


  @media only screen and (max-width: 1000px) {}





  @media only screen and (max-width: 680px) {
    #newsArea {
      padding: 10px 20px;
    }

    #newsArea dt {
      width: 100%;
      padding: 10px 10px 0 10px;
      box-sizing: border-box;

    }

    #newsArea dd {
      width: 100%;
      padding: 0px 10px 10px 10px;
      box-sizing: border-box;
      border-top: none;
    }
  }


  @media only screen and (max-width: 450px) {
    #newsArea {
      padding: 10px 14px;
    }

  }






  .mainImg img {
    width: 100%;
  }

  .mainImg p {
    position: absolute;
    bottom: -18px;
    left: 0;
    color: #000;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.0;
    text-align: right;
    right: 0;

    /*text-shadow: 0px 1px 1px #660c03, 0px 0px 1px #660c03, 1px 0px 1px #660c03, 0px -1px 1px #660c03, -1px -1px 1px #660c03, -1px 0px 1px #660c03;*/
  }

  @media only screen and (max-width: 1450px) {
    .mainImg p {
      /*bottom: -30px;*/

    }

    /*
  .block01 .block01_inner {
  padding-bottom: 30px;
  }
  */
  }


  #sub {
    width: 20%;
    float: left;
    box-sizing: border-box;
  }

  #sub li {
    margin: 0px 0 4px;
    vertical-align: middle;
  }

  #sub li.bnr_00 {}

  #sub li.bnr_00::after {
    display: none;

  }

  #sub a:not(.bnr_link) {
    vertical-align: middle;
    color: #ff6666;
    height: 50px;
    background: #fff;
    border: 1px solid #ff6666;
    box-sizing: border-box;
    border: 1px solid #cccccc;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(246, 246, 246, 1) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 50%, rgba(246, 246, 246, 1) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 50%, rgba(246, 246, 246, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=0);
  }

  #sub a span {
    font-size: 13px;
    display: block;
  }

  #sub .bnr_02 a {
    height: 100px;
    outline: solid 4px #003f85;
    border: 2px solid #ffff;
    margin: 9px 4px;
    padding-left: 0;
    text-align: center;
  }

  #sub li.bnr_02 {
    display: table;
    width: calc(100% - 8px);
    margin-left: 4px;
  }

  #sub li.bnr_02 a {
    color: #fff;
    background: #ff6666;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }

  #sub li.bnr_03 {
    position: relative;
    height: 100px;
  }

  #sub li.bnr_03 a {
    height: 100px;
    color: #fff;
  }

  #sub li.bnr_03 a span {}



  #sub .bnr_01 {
    background-color: #fff;
    border: 1px solid #014da1;
    position: relative;
    line-height: 1.3rem;
  }

  #sub .bnr_01 p {
    background-color: #014da1;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    text-align: center;
  }

  #sub .bnr_01 span {
    color: #014da1;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 1.3rem;
    font-weight: bold;
    text-align: center;
  }

  #sub .sublist {
    display: block;
    padding: 0 10px;
    padding-top: 4px;
    padding-left: 60px;
    text-align: left;
    line-height: 1.2rem;
    font-size: 20px;
    font-weight: bold;
    position: relative;
  }

  #sub .sublist:before {
    position: absolute;
    content: "";
    top: 12px;
    left: 10px;
    width: 28px;
    height: 30px;
    background-size: auto auto;
    background-size: contain !important;
  }

  #sub a.sublist.sb01,
  #sub a.sublist.sb05,
  #sub a.sublist.sb06 {
    padding-top: 18px;
  }

  #sub a.sublist.sb07 {
    font-size: 18px;
    line-height: 1.3rem;
    padding-top: 4px;
  }

  #sub .sublist.sb01:before {
    background: url(../../images/icon_sub01_w.png) top left no-repeat;
  }

  #sub .sublist.sb02 {
    display: flex;
    align-items: center;
    text-align: left;
    line-height: 1.5;
    color: #FFFFFF;
    text-align: center;
    height: 100px;
    /*background:linear-gradient(to bottom, #9cdb09 5%, #79ab05 100%);
color: #FFFFFF;
text-shadow:0px 1px 0px #86ae47;
border:1px solid #83c41a;
*/
    background: rgb(252, 124, 124);
    background: -moz-linear-gradient(top, rgb(252, 124, 124) 0%, rgb(249, 179, 179) 100%);
    background: -webkit-linear-gradient(top, rgb(252, 124, 124) 0%, rgb(249, 179, 179) 100%);
    background: linear-gradient(to bottom, rgb(252, 124, 124) 0%, rgb(249, 179, 179) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7c7c', endColorstr='#f9b3b3', GradientType=0);
    background: #FF82B2;
  }


  #sub li.mt_space {
    margin-top: 50px;
  }

  @media only screen and (max-width: 1100px) {
    #sub .sublist.sb02 .br_PC {
      display: none;
    }

    #sub li.mt_space {
      margin-top: 30px;
    }
  }

  #sub .sublist.sb02:before {
    background: url(../../images/icon_sub02_white.png) top left no-repeat;
    padding-top: 0px;
    position: absolute;
    bottom: 0;
    /*right:0;*/
    margin: auto;
  }

  #sub .sublist.sb03:before {
    background: url(../../images/icon_sub03_w.png) top left no-repeat;
  }

  #sub .sublist.sb04:before {
    background: url(../../images/icon_sub04_w.png) top left no-repeat;
  }

  #sub .sublist.sb05:before {
    background: url(../../images/icon_sub05_w.png) top left no-repeat;
  }

  #sub .sublist.sb06,
  #sub .sublist.sb07 {
    background: #FFFFFF;
    color: #000000;
    border: 1px solid #ccc;
    margin: 0;
    padding: 0;
    font-weight: 100;
  }

  #sub .sublist.sb06 img,
  #sub .sublist.sb07 img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
  }

  #sub .sublist.sb06:before {
    background: url(../../images/icon_sub06_w.png) top left no-repeat;
    background-size: 80% !important;
    background-position: center;
  }

  #sub .sublist.sb07:before {
    background: url(../../images/icon_sub07_w.png) top left no-repeat;
  }

  #sub .sublist.sb06::before {
    position: absolute;
    content: "";
    top: 1px;
    left: 0px;
    width: 100%;
    height: 46px;
  }

  #sub .sublist.sb07::before {
    position: absolute;
    content: "";
    top: 1px;
    left: 4px;
    width: 160px;
    height: 46px;
  }

  #sub .sublist.sb06,
  #sub .sublist.sb07 {
    padding-left: 110px;
  }

  #sub li.bg_pink a {
    background: rgba(252, 156, 156, 0.3);
    background: -moz-linear-gradient(top, #fff5f5 50%, #feebeb 100%);
    background: -webkit-linear-gradient(top, #fff5f5 50%, #feebeb 100%);
    background: linear-gradient(to bottom, #fff5f5 50%, #feebeb 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5', endColorstr=' #feebeb ', GradientType=0);
  }

  .tit_cyoinori {
    width: 120px;
    display: inline-block;
    margin-left: 40px;
    margin-bottom: 6px;
    margin-right: 6px;
  }

  .osusume {
    font-size: 12px;
    text-align: left;
    font-weight: 100;
    line-height: 1.3;
    padding: 0 5px 5px;
    color: #000;
  }

  .img_qp {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .white_sc {
    position: absolute;
    width: 240px;
    height: 100px;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    top: -30px;
    margin-left: -120px;
    left: 50%;
  }

  /*QA*/

  #qaArea .q1 p:before {
    content: "Q.";
    font-weight: bold;
    color: #ff6666;
    padding-right: 0.5rem;
  }

  #qaArea .q2 p:before {
    content: "Q.";
    font-weight: bold;
    color: #fc7c7c;
    padding-right: 0.5rem;
  }

  #qaArea .q3 p:before {
    content: "Q.";
    font-weight: bold;
    color: #33cc99;
    padding-right: 0.5rem;
  }

  #qaArea .q4 p:before {
    content: "Q.";
    font-weight: bold;
    color: #66ccff;
    padding-right: 0.5rem;
  }

  #main {
    width: 1400px;
    margin: 0 auto;
    clear: both;
    float: none;
  }

  #contents {
    width: 1100px;
    float: right;
  }

  /*一覧ボタン*/

  .btn_detail {
    font-family: Arial;
    color: #fff;
    font-size: 13px;
    border: solid #ddd 1px;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 40px auto;
    width: 220px;
    overflow: hidden;
    clear: both;
    background-color: #fc9c9c;
    position: relative;
  }

  .btn_detail::before,
  .btn_detail::after {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
  }

  .btn_detail::after {
    right: 10px;
    box-sizing: border-box;
    width: 4px;
    height: 4px;
    border: 4px solid transparent;
    border-left: 4px solid #fff;
  }

  .btn_detail:hover {}

  .btn_detail a {
    color: #fff !important;
    display: block;
    padding: 10px 30px;
    text-shadow: 1px 1px 1px #999999;
  }

  #newsArea .btn_detail {
    margin-top: 14px;
  }

  /*詳細ボタン：カラー指定*/

  .q1 .btn_detail {
    background-color: #e82323;
  }

  .q2 .btn_detail {
    background-color: #fc7c7c;
  }

  .q3 .btn_detail {
    background-color: #009944;
  }

  .q4 .btn_detail {
    background-color: #0066cc;
  }

  #qaArea {
    position: relative;
  }

  .topPage #qaArea a {
    color: #666;
  }

  .topPage #qaArea p {
    padding: 16px;
    border-bottom: 1px solid #e9e9e9;
    text-indent: -1.5rem;
    padding-left: 3rem;
  }

  @media only screen and (max-width: 1450px) {
    .block01 {
      padding-top: 20px;
    }

    .block01 .block01_inner {
      width: 100%;
      box-sizing: border-box;
      overflow: hidden;
      height: auto;
    }

    #nav .nav_inner {
      width: 100%;
    }

    #main {
      width: 100%;
      box-sizing: border-box;
      padding: 0 30px;
    }

    .mainImg {
      margin-top: 0;
    }

    #qaArea p {
      line-height: 1.8rem;
    }

    #sub {
      padding-left: 12px;
      padding-top: 10px;
    }

    #sub .sublist {
      line-height: 1.3rem;
      font-size: 18px;
    }

    .readBlock {
      padding: 0;
      text-align: center;
      width: 100%;
      box-sizing: border-box;
    }

    .t_img span {
      font-size: 12px;
    }

    /*0313*/
    #sub .bnr_02 a {
      /*height: 50px
     padding-top: 42px;;*/
    }

    #sub .sublist.sb02:before {
      padding-top: 0;
      background-position: 0;
    }
  }

  @media only screen and (max-width: 1360px) {
    #sub a.sublist.sb07 br {
      display: none;
    }
  }

  @media only screen and (max-width: 1450px) {
    /*#nav .nav_inner li a {
      color: #666666;
      color: #fff;
      font-weight: bold;
      font-size: 16px;
    }
*/
    #sub {
      width: 24%;
      padding: 0;
    }

    #sub a.sublist.sb07 {
      font-size: 14px;
    }

    #sub a.sublist.sb07 br {
      display: none;
    }
  }

  @media only screen and (max-width: 1200px) {
    /*
    .mainImg {
      width: 21%;
      height: 644px;
    }
    */

  }


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

    #header .hd_inner,
    #nav .nav_inner,
    #contents,
    #sub,
    #footer {
      width: 100%;
      margin: 0 auto;
      margin-bottom: 0px;
      float: none;
      box-sizing: border-box;
      padding: 0 30px;
    }

    .readBlock {
      margin-bottom: 8px;
    }

    .block01 .block01_inner {
      width: 98%;
      height: auto;
      margin: 0 auto;
      box-sizing: border-box;
      background-color: transparent;
    }

    .mainImg {
      display: none;
    }

    .br_450 {
      display: none;
    }

    .block01 {
      width: 100%;
    }

    #sub .sublist.sb02 {
      padding-top: 0;
    }

    #sub .sublist.sb02::before {
      top: -2px;
    }

    .block01 {
      padding: 0;
      padding-top: 10px;
    }

    .block01 .block01_inner {
      width: 98%;
      height: auto;
      margin: 0 auto;
      box-sizing: border-box;
      background-color: transparent;
    }

    .mainArea {
      background-color: transparent;
    }

    #sub ul {
      overflow: hidden;
    }

    #sub .sublist.sb06::before {
      width: 30%;
    }

    #sub li {
      width: 80%;
      margin: 1vw auto;
      float: none;
      position: relative;
      margin-top: 0;
    }

    #sub li.bnr_02 {
      width: 80%;
      margin: 0 auto;
    }

    #sub .bnr_01 {
      position: static;
      height: 50px;
    }

    #sub .bnr_01 {
      background: #fff url(../../images/cyoinori_sp.png) no-repeat;
      /*background-size: 90%;*/
      background-size: 50%;
      background-position: center;
      margin-bottom: 2%;
      margin-top: 30px;
    }

    #sub .bnr_01 {
      border: none;
    }

    #sub .sublist:before {
      left: 2vw;
    }

    sub .sublist {
      padding-left: 7.5vw;
    }

    #sub li::after {
      right: 10px;
      box-sizing: border-box;
      width: 4px;
      height: 4px;
      border: 4px solid transparent;
      border-left: 4px solid #ff6666;
    }

    #sub li.bg_pink::after {
      border-left: 4px solid #fff;
    }

    #sub li.bnr_03::after {
      border-left: 4px solid #ffffff;
    }

    #sub li.bnr_02::after {
      border-left: 4px solid #fff;
    }

    #sub li::before,
    #sub li::after {
      position: absolute;
      top: 0;
      bottom: 0;
      margin: auto;
      content: "";
      vertical-align: middle;
    }

    .tit_cyoinori,
    .img_qp {
      display: none;
    }

    .mainArea {
      width: 100%;
      float: none;
      padding-bottom: 10px;
    }

    .cntArea .white_sc {
      margin-top: 20px;
    }

    .cntArea h2 {
      margin-top: 30px;
    }

    #main {
      width: 100%;
    }

    #sub {
      padding: 0;
      overflow: hidden;
      margin-bottom: 14px;
    }

    #sub .bnr_01 span,
    #sub .bnr_01 p {
      display: none;
    }

    #main {
      background-image: url(../../images/bg_stripe.png);
      padding: 0;
    }

    .cntArea {
      padding-top: 50px;
      width: 90%;
      margin: 0 auto;
    }

    #qaArea p {
      text-indent: -2rem;
      padding: 10px 0px 10px 2.5rem;
    }

    form.form1 select {
      margin: -5px 0 0 0;
      padding: 0;
      width: 96%;
      font-size: 16px;
      transform: scale(0.7);
    }

    .sp_menu a .br_1100 {
      display: block;
    }

    .osusume {
      padding-top: 15px;
      text-align: center;
      clear: both;
    }

    .bnr_contact {
      display: none;
    }

  }

  @media only screen and (max-width: 1000px) {
    .fukidashi {
      min-height: 210px;
    }

    p.t_img {
      margin-right: -10px;
    }

    #note {
      padding: 0;
    }

    #qaArea,
    #voiceArea {
      width: 100%;
      float: none;
      background-color: #fff;
      box-sizing: border-box;
      padding: 10px 30px;
      margin: 0;
    }

    .block01_inner {
      padding: 0;
    }

    .cntArea {
      width: 96%;
      margin: 0px auto;
    }

    #qaArea {
      margin-bottom: 60px;
    }

    .cntArea .white_sc {
      margin-top: 0;
    }

    .cntArea h2 {
      margin-top: 0;
    }

    .readBlock p.large {
      font-size: 28px;
    }

    .readBlock .middle {
      display: block;
      font-size: 24px;
      margin-bottom: 10px;
    }
  }

  @media only screen and (max-width: 800px) {
    .block01 .block01_inner {
      width: 96%;
      margin: 0 auto;
      padding: 0;
    }

    .readBlock {
      padding: 10px 10px;
      border: none;
    }

    .img_sp {
      display: block;
    }

    .img_pc {
      display: none;
    }

    #sub li {
      /*width: 49%;
	margin: 0.5%;
	float: left;*/
    }

    #qaArea,
    #voiceArea {
      float: none;
      width: 100%;
    }

    .readBlock p.large {
      font-size: 24px;
    }

    .readBlock .middle {
      font-size: 20px;
      padding-right: 0;
      display: block;
      margin-bottom: 6px;
    }
  }

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

    #qaArea,
    #voiceArea {
      padding: 10px 20px;
    }

    .sp_menu li a {
      font-size: 12px;
    }

    .sp_menu ul {
      width: 96%;
    }

    .readBlock .middle {
      font-size: 18px;
      padding-right: 0;
      display: block;
      margin-bottom: 6px;
    }

    .readBlock .middle2 {
      font-size: 16px;
    }

  }

  @media only screen and (max-width: 550px) {
    .readBlock .br_sp {
      display: block;
    }

    #sub a.sublist.sb07 {
      font-size: 18px;
    }

    #sub .sublist {
      font-size: 17px;
    }

    #sub .sublist span {
      font-size: 12px;
    }

    .sp_menu a .br_1100 {
      display: none;
    }

    .br_450 {
      display: block;
    }

    .t_img span {
      font-size: 12px;
    }

    /*
#sub .sublist::before {
	position: absolute;
	content: "";
	top: 12px;
	left: 2px;
	width: 26px;
	height: 26px;
}

#sub .sublist {
	padding-left: 32px;
	padding-right: 0;
}*/
    #sub .sublist.sb07 {
      padding-left: 66px;
    }

    #sub .sublist.sb07::before {
      position: absolute;
      content: "";
      top: 10px;
      left: 4px;
      width: 60px;
      height: 46px;
    }

    .readBlock p.large {
      font-size: 20px;
    }

    .readBlock .middle2 {
      font-size: 16px;
    }

    .readBlock p.large {
      margin-bottom: 10px;
    }

    #sub .sublist {
      line-height: 1.1rem;
    }

    /*
#sub a.sublist.sb01, #sub a.sublist.sb05, #sub a.sublist.sb06 {
	padding-top: 16px;
}
*/
    #sub .sublist {
      font-size: 16px;
      padding-top: 8px;
    }

    #sub .sublist.sb06::before {
      width: 50%;
    }

    #sub a.sublist.sb07 {
      font-size: 18px;
      padding-top: 16px;
    }

    #sub li {
      width: 95%;
      margin: 2vw auto 0;
    }

    #sub li.bnr_02 {
      width: calc(95% - 8px);
    }

  }

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

    #qaArea p::before {
      padding-right: 4px !important;
    }

    .topPage #qaArea p {
      text-indent: -1.4rem;
      padding-left: 2rem;
      line-height: 1.5rem;
    }

    #sub .sublist.sb06::before {
      background-size: 60% !important;
    }

    #sub .sublist::before {
      position: absolute;
      content: "";
      top: 14px;
      left: 3px;
      width: 20px;
      height: 26px;
    }

    #qaArea,
    #voiceArea {
      padding: 10px 14px;
    }

    h2 {
      font-size: 20px !important;
    }

    .sublist {
      font-size: 15px;
    }

    #sub .sublist {
      font-size: 16px;
    }

    #sub .sublist {
      /*	padding-left: 42px;*/
      padding-right: 6vw;
    }

    #sub .sublist::before {
      position: absolute;
      content: "";
      top: 14px;
      left: 5px;
      width: 20px;
      height: 20px;
    }

    .sp_menu a .br_1100 {
      display: none;
    }

    .br_450 {
      display: block;
    }

    /*#sub .bnr_01 {margin-top:1%;}*/
  }

  @media only screen and (max-width: 422px) {
    #sub .sublist {
      font-size: 15px;
      padding-left: 28px;
    }
  }

  @media only screen and (max-width: 400px) {
    #sub .sublist.sb07::before {
      left: 20px;
    }

    #sub a.sublist.sb07 {
      font-size: 18px;
      padding-left: 90px;
      padding-top: 16px;
    }

    .sp_menu li a {
      width: 47%;
      margin: 1.5%;
    }

    #sub li {
      width: 94%;
      margin: 2% auto 0.5%;
      float: none;
    }



    #sub .sublist::before {
      position: absolute;
      content: "";
      top: 12px;
      left: 10px;
      width: 30px;
      height: 30px;
    }

    .sp_menu li a {
      height: 100px;
    }

    #sub .sublist {
      padding-left: 50px;
    }
  }

  @media only screen and (max-width: 400px) {
    #sub a.sublist.sb07 {
      font-size: 16px;
    }
  }

  @media only screen and (max-width: 356px) {
    #sub a.sublist.sb07 {
      font-size: 14px;
    }
  }

  @media only screen and (max-width: 326px) {
    #sub .sublist.sb07::before {
      left: 12px;
    }

    #sub a.sublist.sb07 {
      padding-left: 80px;
    }
  }

  /*TOPバナーエリア20201209*/

  .box_top,
  .box_bottom {
    position: relative;
  }

  .box_top a {
    display: block;
    position: absolute;
    bottom: 40px;
    right: 20px;
    width: 60%;
  }

  .box_bottom a {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: auto;
  }

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

    .box_top img,
    .box_bottom img {
      width: 100%;
    }

    .readBlock div {
      width: auto;
      margin: 0 auto;
      /*background: #fff!important; */
    }

    .box_top,
    .box_bottom {
      padding-bottom: 10vw !important;
    }

    .box_top a {
      bottom: -10vw !important;
      right: auto !important;
      width: 90% !important;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
    }

    .box_bottom a {
      bottom: -2vw !important;
      right: auto !important;
      width: 90% !important;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
    }
  }

  /* 2021 0128 教職員賠償TOPバナー */
  .btn_area {
    background: #FFFFFF;
    margin: 0;
    padding: 35px 0 25px;
  }

  .readBlock {
    /*background: #FFFFFF;*/
  }

  @media only screen and (max-width: 1200px) {
    .btn_area {
      padding: 15px 0 10px;
    }
  }


  /* 2022 0601 TOPバナーエリア追加 */

  .block02 {
    background-image: url(../../images/bg_stripe.png);
    overflow: hidden;
    padding: 0 0 50px;
  }

  .block02_inner {
    width: 1400px;
    margin: 0 auto;
    /*background: #fff;*/
    padding: 10px;

  }

  .block02_inner ul {
    display: flex;
    justify-content: flex-start;
  }

  .block02_inner ul li {
    margin-right: 10px;
  }

  .block02_inner ul li:not(.bnr_01) img {
    border: 1px solid #333;
  }

  .block02_inner .bnr_01 {
    background-color: #fff;
    border: 1px solid #014da1;
    position: relative;
    line-height: 1.3rem;
    width: 322px;
    text-align: center;
  }

  .block02_inner .tit_cyoinori {
    margin-left: 10px;
  }

  .block02_inner .img_qp {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 10px;
  }

  .block02_inner .bnr_01 p {
    background-color: #014da1;
    color: #fff;
    font-weight: bold;
    padding: 4px;
    text-align: center;
  }

  .block02_inner .bnr_01 span {
    color: #014da1;
    padding: 5px 10px;
    display: block;
    font-size: 14px;
    line-height: 1.3rem;
    font-weight: bold;
    text-align: center;
  }

  .block02_inner .tit_cyoinori {
    width: 160px;
  }

  .sp_bnr {
    display: none;
  }

  .pc_bnr {
    display: block;
  }


  @media only screen and (max-width: 1100px) {
    .pc_bnr {
      display: none;
    }

    .sp_bnr {
      display: block;
    }

    .pc_bnr {
      display: none;
    }

    .block02_inner ul {
      display: block;
    }

    .block02_inner ul li {
      width: 80%;
      margin: 1vw auto;
      float: none;
      position: relative;
    }

    .block02_inner {
      width: 100%;
      margin: 0 auto 20px;
      background: transparent;
      padding: 0;
    }

    .block02_inner .bnr_01 p {
      padding: 0;
    }

    .block02_inner .bnr_01 {
      background: #fff url(../../images/cyoinori_sp.png) no-repeat;
      background-position-x: 0%;
      background-position-y: 0%;
      background-size: auto;
      background-size: 90%;
      background-size: 50%;
      background-position: center;
    }

    .block02_inner .tit_cyoinori {
      display: none;
    }

    .block02_inner .img_qp {
      display: none;
    }


  }