@charset "UTF-8";

@media (min-width : 767px) {
	.pc_none{
		display: none !important;
	}
    
    .sp_wrap{
        display: none;
    }

	a[href^="tel:"] {
		pointer-events: none !important;
	}
}

@media (max-width : 767px){

      .sp_none{
          display: none !important;
      }
    
      .sp_wrap {
          display: inline;
      }


  /*-----------------------------------------------------
  html
  -------------------------------------------------------*/
      html, body{
          min-width: 100%;
          word-wrap: break-word;
      }

      img {
          border: 0;
          max-width: 100%;
          height: auto;
          padding: 0px;
          margin: 0px;
          vertical-align: top;
      }

      #container {
          position: relative;
          min-height: 100vh;
          padding-bottom: 16vw;
          box-sizing: border-box;
      }

    
  /*-----------------------------------------------------
  header
  -------------------------------------------------------*/
	.hd_h{
		width: 100%;
        white-space: nowrap;
        overflow-x: scroll;
	}
	
  h1 {
    width: auto;
    padding-left: 10px;
  }
    
  .hd_line {
    width: auto;
    height: auto;
    position: relative;
    left: 50%;
    top: 0px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
    
  .hd_line.active {
      width: auto;
      height: auto;
      z-index: 9999;
      position: fixed;
      background: #fff;
      width: 95vw;
      top: 6px;
      left: 50%;
      transform: translateX(-50%);
      -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      border-radius: 80px;
      padding: 12px 10px;
      box-sizing: border-box;
      transition: top 0.15s;
      box-shadow: 0 0 9px 0 rgb(0 0 0 / 10%);
  }
    
  .hd_line.active.scl {
      top: 6px;
      transition: all 0.5s;
  }
    
    
 .sidr-open .hd_line.active {
     left: calc(50% - 252px);
     transition: all 0.5s;
  }
    
  .hd_logo {
    width: 184px;
    height: auto;
    padding-left: 10px;
  }
    
  .hd_logo img{
      width: 100%;
      height: auto;
  }

  .hd_line.active .hd_logo{
    width: 160px;
  }
    
    
  .hd_menu {
    padding: 6px 16px 5px 16px;
    margin-left: auto;
    border-left: 1px solid #ccc;
  }
  .hd_menu img {
    padding: 6px 16px 5px 16px;
    width: 30px;
    border-left: 1px solid #ccc;
  }
  .tel2 {
    padding: 6px 10px 10px;
  }
  .tel_mail {
    padding: 0px 20px 10px;
    text-align: left;
    background: #E1EFFB;
  }
  .tel_mail a {
    display: inline-block;
    width: 100%;
    background: url(../../images/index/mail_arrow.png) no-repeat right 14px center, #F0F0F0;
    background: url(../../images/index/mail_arrow.png) no-repeat right 14px center, -moz-linear-gradient(top, #53A826 0%, #53A826 50%, #1C8E2A 510%, #1C8E2A 100%);
    background: url(../../images/index/mail_arrow.png) no-repeat right 14px center, -webkit-linear-gradient(top, #53a826 0%, #53a826 50%, #1c8e2a 51%, #1c8e2a 100%);
    background-size: 10px, 100% 100%;
    border: 1px solid #187E25;
    border-radius: 4px;
    font-weight: bold;
    padding: 8px 0px 8px 0px;
    line-height: 1.1;
    text-align: center;
    color: #fff;
  }
  #sidr ul li ul li:first-child {
    background: none;
  }
  #sidr ul li.ls_sub {
    display: inline-block;
    width: 90%;
    height: auto;
    background: url("../../images/index/ic.png") no-repeat left center;
    text-align: left;
    margin-left: 16px;
  }
  #sidr ul li.st_sub {
    display: inline-block;
    width: 100%;
    padding: 12px 0px 6px 16px;
    box-sizing: border-box;
    text-align: left;
  }
  .ls_sub + .st {
    margin-top: 12px;
  }
  #sidr ul li.st_sub span {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
  }
  #sidr ul li.ls_sub a {
    display: inline-block;
    width: 100%;
    height: auto;
    font-size: 13px;
    line-height: 26px;
    padding-left: 10px;
    box-sizing: border-box;
  }
  
    
  /*menu_btn*/

  .menu_btn{
    position: relative;/*ボタン内側の基点となるためrelativeを指定*/
    cursor: pointer;
    width: 30px;
    height: 18px;
  }

  .menu_btn span{
    display: inline-block;
    transition: all .4s;
    position: absolute;
    left: 0px;
    height: 3px;
    background: #333333;
  }

  .menu_btn span:nth-of-type(1) {
    top:0px; 
    width: 100%;
  }

  .menu_btn span:nth-of-type(2) {
    top:8px;
    width: 100%;
  }

  .menu_btn span:nth-of-type(3) {
    top:16px;
    width: 100%;
  }

  .sidr-open .menu_btn span:nth-of-type(1) {
    top: 3px;
    left: 0px;
    transform: translateY(6px) rotate(-135deg);
    width: 100%;
  }

  .sidr-open .menu_btn span:nth-of-type(2) {
    opacity: 0;
  }

  .sidr-open .menu_btn span:nth-of-type(3){
    top: 14px;
    left: 0px;
    transform: translateY(-6px) rotate(135deg);
    width: 100%;
  }

    
  /*-----------------------------------------------------
  main
  -------------------------------------------------------*/
      .main_box{
          width: 100%;
          padding: 0px 0px 20px 0px;
          display: block;
     }

      .mainimg{
		  padding: 0;
          box-sizing: border-box;
      }

    .mainimg_in{
        width: 100%;
        padding: 16px 0px 0px;
    }

    .mainimg_in{
        display: block;
    }

    .main_l{
        width: 100%;
        box-sizing: border-box;
        padding-bottom: 4px;
        padding: 0 20px;

    }

    .main_l_st{
        margin-bottom: 12px;
    }

    .main_l_st span{
        padding: 8px 10px;
        font-size: 15px;
        border-radius: 3px;
    }

    .main_l_st span+span{
        margin-left: 4px;
    }

    .main_l_t{
        width: 100%;
        margin-bottom: 10px;
    }

    .main_r{
        position: relative;
        width: 100%;
        height: auto;
        z-index: 10;
    }

    .main_r_img{
        display: block;
        width: 20%;
        height: auto;
        left: auto;
        right: 3%;
        bottom: -64px;
        z-index: 12;
    }
    
    .main_l_img{
        margin-bottom: 6px;
    }

    .main_r_img img{
        width: 100%;
        height: auto;
    }

    .main_l_img img+img{
        padding-left: 0px;
    }

    .img_l{
        width: 70%;
        box-sizing: border-box;
    }

    .img_r{
        display: block;
        width: 30%;
        box-sizing: border-box;
    }

    .img_l+.img_r{
        padding-left: 1%;
    }

    .img_l img{
        width: 49%; 
        height: auto;
    }

    .img_r img{
        width: 100%;
        height: auto;
    }
    
    .img_r img+img{
        margin-top: auto;
    }

    .main_r_bg{
        display: block;
        width: 100%;
        height: auto;
        position: static;
        right: 0px;
        bottom: 0px;
        z-index: 11;
		box-sizing: border-box;
		padding: 10px 20px 16px 20px;
    }

    .main_r_bg img{
        width: 100%;
        height: auto;
    }
    
    .main_l .cmt img{
        height: 6px;
    }
    
    /*PR*/
    .main_pr{
        padding: 15px 26px;
    }

    .main_pr_box{
        display: block;
        width: 100%;
    }

    .main_pr_tx{
        width: 80%;
        margin-right: auto;
        margin-bottom: 10px;
        padding-right: 0px;
    }

    .main_pr_box ul li+li{
        padding-left: 8px;
    }

    .main_pr_box .main_pr_li01 ul{
        margin: 0 auto;
    }

    .main_pr_box .main_pr_li01 img{
        height: 30px;
    }

    .main_pr_box .main_pr_li02{
        padding-left: 0px;
    }

    .main_pr_box .main_pr_li02 ul{
        margin: 8px auto 0px;
    }
    
    .main_pr_box .main_pr_li02 ul li:nth-child(1){
        text-align: right;
    }

    .main_pr_box .main_pr_li02 ul li:nth-child(2){
        text-align: left;
    }

    .main_pr_box .main_pr_li02 img{
        height: 27px;
        width: auto;
    }
    
    
  /*-----------------------------------------------------
  pr
  -------------------------------------------------------*/

      .pr_fl {
          width: auto;
          margin: 25px 16px 20px;
      }
	
	/*-----------------------------------------------------
	banner
	-------------------------------------------------------*/

		.banner1{
			width: auto;
			padding: 0px 16px 20px 16px;
			margin: 0 auto;
		}
	
		.banner1 img{
			width: 100%;
		}

  /*-----------------------------------------------------
  box1
  -------------------------------------------------------*/

      .box1 {
          padding: 24px 16px 16px 16px;
      }

      .box1 h2 {
          margin: 0px;
      }

      .box1 h2 span {
          margin: 0px;
          font-size: 22px;
          line-height: 1.5;
    }

      .box1_in{
          width: 100%;
      }
	
	.box1_kp{
		margin: 0 0 20px;
	}
	
	.box1_kp ul{
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 16px;
	}

	.box1_kp ul li{
		width: 100%;
	}
    
      .box1_li{
          width: 100%;
      }
    
      .box1_li ul li{
          width: 100%;
      }
    
      .box1_sv {
          width: 100%;
          margin: 16px auto 10px;
          padding: 16px 0px 10px 0px;
          box-sizing: border-box;
      }

      .box1_sv ul {
          flex-wrap: wrap;
          width: 100%;
          padding: 0px;
          justify-content:center
      }

      .box1_sv ul li {
          width: 30%;
          margin: 0 3% 10px 0;
          font-size: 13px;
          padding: 8px 0;
      }
    
      .box1_sv ul li:nth-child(3n){
          margin: 0 0 10px 0;
      }
    
      .box1_sv span.tx{
          padding: 0 16px;
      }

      .box1_sv span.t1 {
          font-size: 16px;
          line-height: 1.0;
          margin: 0 0 16px;
      }   

      .box1_li ul li,.box1_li ul li:nth-child(2n) {
          margin: 0 0 6px 0;
          padding: 8px;
      }

      .box1_li ul li span.t1 {
          font-size: 16px;
          padding: 10px 6px;
          margin: 0 0 6px;
          box-sizing: border-box;
      }

      .box1_li ul li span.tx {
          padding: 0 0 6px;
          margin: 0 0 6px;
          font-size: 14px;
      }

      .box1_li ul li span.pr {
          font-size: 22px
      }

      .box1_li ul li span.bg {
          font-size: 32px;
      }

      .box1_li ul li span.tax {
          font-size: 10px;
          bottom: 27px;
          right: 2px;
          color: #ff0000;
      }



  /*-----------------------------------------------------
  box2
  -------------------------------------------------------*/
      .box2{
          width: auto;
          margin: 0 10px;
          padding: 35px 0px 15px 0px;
      }
    
      .box2_t{
          margin: 0px;
      }

      .box2_t h2{
          font-size: 22px;
          padding-bottom: 10px;
      }
    
      .box2_t p{
          text-align: left;
          line-height: 1.5;
          font-size: 16px;
     }
    
      .box2_li ul li h3{
          font-size: 16px;
          line-height: 1.5;
          position: relative;
          border-radius: 4px;
          padding: 8px 16px;
          
      }
    
      .box2_li ul li h3:after{
          content: "";
          position: absolute;
          width: 8px;
          height: 13px;
          top: calc(42px/2);
          right: 8px;
          background: url("../../images/index/arrowr_w.svg") no-repeat;
          background-size: cover;
    }

      .box2_li ul li,.box2_li ul li:nth-child(3n+3){
          margin: 0px;
          width: 50%;  
          box-sizing: border-box;
      }
    
      .box2_li ul li{
          padding: 0px 0px 12px 0px;
          background-color: #ffffff;
      }

      .box2_li ul li:nth-child(2n){
          padding: 0px 0px 12px 6px;
      }
    
    
      .box2_li ul li a{
          padding: 96px 0px 12px 0px;
          background-color: #ffffff;
      }

      .box2_li ul li a:nth-child(2n){
          padding: 96px 0px 12px 0px;
      }
    
      .box2_li ul li:nth-child(1) > a{
          background: url(../../images/index/li_ic1.png) no-repeat;
          background-size: 91px , 100%;
          background-position: 50% 15px;
      }    

      .box2_li ul li:nth-child(2) > a{
          background: url(../../images/index/li_ic2.png) no-repeat;
          background-size: 91px , 100%;
          background-position: 50% 8px;
      }  

      .box2_li ul li:nth-child(3) > a{
        background: url(../../images/index/li_ic3.png) no-repeat;
        background-size: 91px , 100%;
        background-position: 50% 0px;

      }       

      .box2_li ul li:nth-child(4) > a{
          background: url(../../images/index/li_ic4.png) no-repeat;
          background-size: 91px , 100%;
          background-position: 50% 7px;
      }       

      .box2_li ul li:nth-child(5) > a{
          background: url(../../images/index/li_ic5.png) no-repeat;
          background-size: 91px , 100%;
          background-position: 50% 0px;

      }

      .box2_li ul li:nth-child(6) > a{
          background: url(../../images/index/li_ic6.png) no-repeat;
          background-size: 91px , 100%;
          background-position: 50% 8px;
      }    

      .box2_li ul li p{
          display: none;
        }
    
      .box2_li ul.subcat{
          margin-bottom: 15px;
          padding: 12px;
      }
    
      .box2_li ul.subcat li a{
        min-width: 100% !important;
        font-size: 14px;
        line-height: 1.5;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 100% !important;
        min-height: 62px;
        font-size: 14px;
        line-height: 1.5;
        padding: 10px 22px;
        background: #ffffff;
        flex-wrap: wrap;
      }

    .box2_li ul.subcat li a:after{
        right: 12px;
      }

      .box2_li ul.subcat li a span{
         display: block;
      }    
        
      .box2_li ul.subcat li{
          max-width: 50%;
          padding-bottom: 0px;
          background: #f0f7fd;
    }
    
    .box2_li ul.subcat  li:nth-child(n+5){
        padding-top: 0px;
    }

    .box2_li ul.subcat  li:nth-child(n+3){
        padding-top: 6px;
    }


    .box2_li ul.subcat  li:nth-child(2n+1){
        padding-left: 0px;
    }

    
    #svMenu{
          font-size: 15px;
          margin: 10px 0px 0px 0px;
    }        
    
      .box2_li ul.s_item{
          margin-bottom: 0px;
          padding: 12px;
      }
    
       .box2_li ul.s_item li:nth-child(1) > a,.box2_li ul.s_item li:nth-child(2) > a,.box2_li ul.s_item li:nth-child(3) > a,.box2_li ul.s_item li:nth-child(4) > a,.box2_li ul.s_item li:nth-child(5) > a,.box2_li ul.s_item li:nth-child(6) > a{
          background: #ffffff;
          padding: 10px 0px;
      }
    
      .box2_li ul.s_item li a{
         display: flex;
         align-items: center;
         justify-content: center;          
         min-width: 100% !important;
         min-height: 62px;
         font-size: 14px;
         line-height: 1.5;
         padding: 10px 22px;
      }

    .box2_li ul.s_item li a:after{
        right: 12px;
      }

      .box2_li ul.s_item li a span{
         display: block;
      }    
        
      .box2_li ul.s_item li{
          max-width: 50%;
          padding-bottom: 0px;
          background: #f0f7fd;
      }
    
      .s_item li+li{
          padding-left: 6px;
      }

      .box2_li ul.s_item  li:nth-child(n+5){
          padding-top: 0px;
      }

      .box2_li ul.s_item  li:nth-child(n+3){
          padding-top: 6px;
      }


      .box2_li ul.s_item  li:nth-child(2n+1){
          padding-left: 0px;
      }

      #itemMenu{
            font-size: 15px;
            margin: 25px 0px 0px 0px;
      }
    
    


  /*-----------------------------------------------------
  box3
  -------------------------------------------------------*/
      .box3 {
        margin-bottom: 0px;
      }
    
      .box3_in {
          width: 100%;
          padding: 30px 16px 40px;
          box-sizing: border-box;
      }

      .box3_t{
          text-align: left;
          margin: 0px;
      }

      .box3_t h2 {
          padding: 0px 0px 10px;
          background: #f7f7f7f;
          line-height: 1.5;
          text-align: center;
          font-size: 22px;
      }

      .box3_t h2 span{
          font-size:20px;
      }

      .box3_t p {
          font-size: 16px;
          padding: 0px 0px 16px;
          line-height: 1.5;
      }

      .box3_li {
          padding: 0px;
          border: none;
      }

      .box3_item{
          display: block;
      }

      .box3_item dl{
          width: 100%;
          padding: 0px;
      }

      .box3_item dl+dl{
          border-left:none;
      }
    
      .box3_item dl:nth-child(-n+5){
          margin-bottom:0px; 
      }

      .box3_item img{
          height: auto;
          width: auto;
      }

      .box3_item dt{
          line-height: 1.5;
      }
    
      .box3_item dd p{
          padding: 0 16px;
      }

  /*-----------------------------------------------------
  box4
  -------------------------------------------------------*/
      .box4{
          width: 100%;
          padding: 26px 0px 32px;
      }

      .box4_t {
          border-left: none;
          margin-bottom: 0px;
      }

      .box4_t h2{
          color: #0085CC;
          margin: 0px;
          padding: 0px 0px 10px 0px;
          line-height: 1.5;
          font-size: 22px;
          text-align: center;
      }
    
      .box4_t p{
          padding: 0px 10px 16px;
          font-size: 16px;
          line-height: 1.5;
          text-align: center;
      }
    
      .box4_bt{
          margin-top: 10px;
          text-align: center;
      }
    
      .box4_li ul{
          padding: 0px 10px;
      }

      .box4_li ul li{
          margin-bottom: 12px;
          width: 48.5%;
          min-height: auto;
		  background: #fff;
      }
    
      .box4_li ul li a{
          display: block;
      }

      .box4_li ul li:nth-child(odd){
          margin-right: 1.5%
      }

      .box4_li ul li:nth-child(even){
          margin-left: 1.5%
      }    

      .box4_thumb{
          min-width: 100%;
          min-height:100%;
          height: 100px;
			border-radius: 8px 8px 0 0; 
	}
    
      .box4_thumb img{
          top: 50%;
          left: 50%;
          margin: -75% -50%;
      }


      .box4_txt{
          padding: 0 0 0;
      }

      .box4_txt span:nth-child(1){
          min-width: 100%;
          padding: 6px;
          font-size: 11px;
          line-height: 1.5;
      }
    
      .box4_txt span:nth-child(2){
          font-size: 12px;
		  margin-top: 6px;
      }    

      .box4_txt span:nth-child(3){
          padding: 6px 0px 0px;
          font-size: 11px;
      } 
    
      .box4_txt a{
          font-size: 13px;
          margin-top: 6px;
      }
	
	.box4_txt p{
		display: inline-block;
		padding-top: 6px;
		line-height: 1.5;
		font-size: 14px;
	}
    
	.box4_bt{
	  display: block;
	  margin-top: 10px;
	  text-align: center;
	}
	
	.box4_bt a.newsbt{
		width: 70%;
		margin: 0 0 16px 0;
		padding: 18px 0px;
	}


	.box4_bt a.isbt{
		width: 90%;
		padding: 22px 0px;
		background: url(../../images/index/inst_ic.svg) no-repeat left 16px center, #fff;
		background-size: 40px, 100%;
		display: inline-block;
		font-weight: bold;
		line-height: 1.0;
		border-radius: 6px;
		-webkit-border-radius: 6px; 
		-moz-border-radius: 6px;
		font-size: 18px;
	}

	.box4_bt a.isbt span{
		font-size: 16px;
		color: #e8a02b;
		display: block;
		margin-bottom: 6px;
	}
	
  /*-----------------------------------------------------
  box5
  -------------------------------------------------------*/


  /*-----------------------------------------------------
  box7
  -------------------------------------------------------*/
      .box7 ul{
          width: 100%;
          display: flex;
          flex-wrap: wrap;
      }

      .box7 ul li{
          display: inline;
          width: 50%;
          box-sizing: border-box;
          border-right: 1px solid #0074B3;
          color: #fff;
          padding: 12px 0px;
          margin: 0 0 10px;
      }
    
    .box7 ul li:nth-child(3),.box7 ul li:nth-child(4){
        margin-bottom: 0px;
    }

      .box7 ul li span.t1 {
          font-size: 18px;
          line-height: 1.0;
          margin: 0 0 6px;
      }

      .box7 ul li span.t2 {
          font-size: 20px;
          line-height: 1.0;
          margin: 0 0 6px;
      }

      .box7 ul li span.tx {
          line-height: 1.5;
          padding: 0px 12px;
          font-size: 16px;
      }


  /*-----------------------------------------------------
  box8
  -------------------------------------------------------*/

      .box8 {
          padding: 20px 0 0px;
      }
	
		.box8 h2{
          margin-bottom: 10px;
          font-size: 22px;
          line-height: 1.5;
		}
	
      .box8_in{
          width: auto;
          margin: 0 10px;
          box-sizing: border-box;
      }


      .box8_box{
          padding:14px 10px;
          background: #fff;
      }
    
  /*-----------------------------------------------------
  box9
  -------------------------------------------------------*/
    .box9{
          padding: 30px 10px 40px;
        margin-bottom: 0px;
    }
    
      .box9_in{
          width: 100%;
      }
    
      .box9_t span{
          width: 100%;
          margin-bottom: 3px;
          font-size: 16px;
          line-height: 1.5;
      }    
    
     .box9_t h2{
          margin-bottom: 16px;
          font-size: 22px;
          line-height: 1.5;
      }
    

      .box9_in p{
          font-size: 12px;
          padding: 0px 0px 12px;
          text-align: left !important;
      }
    
      .box9_img{
        overflow: auto;
        white-space: nowrap;
      }  
    
      .box9_img::-webkit-scrollbar-thumb {
          background: #ccc;
      }

      .box9_img::-webkit-scrollbar {
          width: 15px;
          height: 5px;
      }    
    
    
      .box9_img img{
        min-width: 720px;
        
      }
    
    
  /*-----------------------------------------------------
  box10
  -------------------------------------------------------*/    
    .box10{
          padding: 30px 0 25px;
    }
    
    .box10_in{
          width: 100%;
          margin: 0 auto;
      }
    
     .box10_t h2{
          margin-bottom: 0px;
          padding: 4px 10px 4px;
          font-size: 22px;
          line-height: 1.5;
      }
    
      .box10_t{
          width: 100%;
          padding-top: 0px;
          background-image: none;
      }
    
      .box10_t span{
          width: 100%;
          margin-bottom: 3px;
          padding: 0px 10px;
          box-sizing: border-box;
          font-size: 16px;
          line-height: 1.5;
      }    
      
    .box10_li .item{
        display: flex;
        flex-wrap: wrap;
    }
    
    .box10_li .item span:nth-child(odd){
        width: 32%;
        max-width: 32%;
        padding: 3px 6px;
        line-height: 18px;
    }

    .box10_li .item span:nth-child(even){
        width: 64%;
        padding: 0px 0px 0px 4%;
    }
    
    .box10_li ul li .txt span{
        font-size: 18px;
    }
    
    .box10_li ul li .txt {
        padding: 15px 26px;
    }
    
    
    .box10_li li img{
        max-height: 100%;
    }
    
    .box10_review{
		width: 94%;
		padding: 20px 0px;
		margin: 25px auto 25px;
        font-size: 14px;
		border: 8px solid #E0311E;
		box-sizing: border-box;
    }
	
	.box10_reviewt{
		height: auto;
		width: 90%;
		margin: 0 auto 20px;
	}

	
	.box10_txt span:nth-child(1){
		font-size: 16px;
		margin-bottom: 12px;
	}

	.box10_review span:nth-child(2){
		font-size: 17px;
		margin-bottom: 8px;
	}	
    
    .box10_review img{
        height: 36px;
    }
	
	.box10_reviewlink{
		padding: 16px 0 0 0;
	}

	.box10_reviewlink a{
		font-size: 16px;
	}    
  /*-----------------------------------------------------
  box11
  -------------------------------------------------------*/
    .box11{
        padding: 25px 16px 20px;
    }
    
    .box11_in{
        width:100%;
    }
    
    .box11_in h2{
        margin-bottom: 12px;
        font-size: 22px;
        line-height: 1.5;
    }
        
    .box11li{
        display: block;
    }
    
    .box11li_t p{
        text-align: left;
    }
    
    .box11li_t p span {
        padding-right: 0px;
        display: block;
        padding-bottom: 8px;
    }
    
    .box11li_c{
        width: 100%;
        padding: 15px 20px;
        box-sizing: border-box;
        position: relative;
    }
    
    .box11li_c+.box11li_c{
        margin-left: 0px;
        margin-top: 10px;
    }
    
    .box11li_img{
        display: flex;
        justify-content: flex-end;        
        padding: 0px;
        position: absolute;
        top: 10px;
        right: 20px;
        
    }
    
    .box11li_img img{
        margin: 0px;
        max-height: 100%;
        max-width: 75%;
        z-index: -9999;
    }
    
    .box11li .box11li_c:last-child .box11li_img img{
        max-width: 55%
    }    

    .box11li_tx{
        max-width: 100%;
        padding-top: 13px;
	}
    
    .box11li_tx span{
        font-size: 16px;
    }
    
/*-----------------------------------------------------
box12
-------------------------------------------------------*/
    .box12{
        padding: 25px 16px 32px;
        margin: 15px 0px 0px; 
    }

    .box12_in{
        width: 100%;
    }

    .box12_in h2{
        margin-bottom: 16px;
        font-size: 22px;
    }
    
    .box12li{
        padding: 15px 20px;
    }
    
    .box12li+.box12li{
        margin-top: 8px;
    }
    
    .box12li .faq_q p{
        padding-right: 30px;
    }
    
    .box12li .faq_arrow{
        width: 12px;
    }
    
    .box12li .faq_a p{
        width: 100%;
        padding: 15px 0px 0px 30px;
        box-sizing: border-box;
    }
    
    .box12li .faq_a::before{
        top: 15px;
    }
    
    .box12_btn a{
        margin-top: 23px;
        padding: 14px 20px;
        font-size: 14px;
    }

      /*-----------------------------------------------------
      box13
      -------------------------------------------------------*/
      .box13{
          padding: 20px 16px 20px;
      }

      .box13_in{
          display: block;
          width: 100%;
          padding: 15px 20px;
          box-sizing: border-box;
      }

      .box13_t{
          margin-right: 0px;
          margin-bottom: 10px;
          text-align: center;
      }

      .box13_t h2{
          font-size: 20px;
      }

      .box13_t h2 span{
          padding-bottom: 8px;
          font-size: 16px;
      }

      .box13_img{
          width: 100%;
      }

      .box13_img img{
          width: 100%;
          height: auto;
      }    
    
    
    /*-----------------------------------------------------
    box14
    -------------------------------------------------------*/
    .box14_in{
    width: 100%;
    padding: 20px 16px 20px;
    box-sizing: border-box;
    margin: 0 auto 30px;
    }


    .box14_t p{
        padding-bottom: 14px;
        font-size: 16px;
        font-weight: bold;
        line-height: 1.5;
    }

    .box14_t p span{
        color: #ff9900;
    }

    .box14_t h2{
        margin-bottom: 22px;
        font-size: 22px;
    }

    .box14_content{
        display: block;
    }

    .box14_li{
        width: 100%;
    }

    .box14_li ul li{
        padding-bottom: 14px;
    }
    
    .box14_li_t::after{
        width: 80%;
    }
    
    .box14_annotation p{
        padding: 6px 0px 20px;
        line-height: 1.5;
    }
    
    .box14_img{
        display: block;
        width: 70%;
        margin: 0 auto;
    }
    
/*-----------------------------------------------------
box15
-------------------------------------------------------*/
	.box15{
		padding: 0 16px 40px;
	}

	.box15_in{
		padding: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		gap: 16px;
	}

	.box15_text{
		width: 100%;
		text-align: center;
	}

	.box15_list ul{
		gap: 14px 36px;
	}
	
	/*-----------------------------------------------------
	box16
	-------------------------------------------------------*/
	
	.box16{
		width: auto;
		padding: 30px 16px 20px;
	}
	
	.box16_row{
		flex-direction: column;
		margin-bottom: 16px;
	}
	
	.box16row_t{
		width: 100%;
	}
	
	.box16row_t h2{
		font-size: 22px;
		margin-bottom: 22px;
	}
	
	.box16row_img {
		width: 100%;
		margin: 0 auto;
	}
	
	.box16_li ul{
		padding:26px 20px;
	}
	
	.box16_li ul li{
		flex-direction: column;
	}
	
	.box16_li ul li .box16li_img{
		width: 65%;
		margin: 0 auto;
	}
	
	.box16_li ul li .box16li_tx{
		width: 100%;
	}
	
	.box16_li ul li .box16li_tx h3{
		text-align: center;
		padding-bottom: 10px;
	}
	
	.box16_caution{
		flex-direction: column;
		padding: 20px;
	}
	
	.box16_caution .box16c_tx{
		width: 100%;
		padding:0 0 14px 0;
	}
	
	.box16_caution .box16c_tx h3{
		font-size: 18px;
		padding-bottom: 10px;
	}
	
	.box16_caution .box16c_img{
		width: 65%;
	}
	

    
  /*-----------------------------------------------------
  hdcontact
  -------------------------------------------------------*/

      .hdcontact{
          width: 100%;
          margin: 0 auto;
          padding: 16px 0 25px;
      }

      .hdcontact_box{
          width: auto;
          margin: 0 10px;
          text-align: center;
      }
    
      .hdcontact_t span.t1 {
          margin:  5px 5px 0 0;
          padding: 6px 10px;
          font-size: 14px;
          line-height: 1.5;
      }

      .hdcontact_t span.t2 {
          padding: 8px 0px 0 0;
          font-size: 22px;
          vertical-align: middle;
          line-height: 1.25;
      }

      .hdcontact_ct{
          width: 100%;
      }

      .hdcontact_ct ul{
          width: 100%;
      }

      .hdcontact_ct ul li,.hdcontact_cd ul li{
          display: block;
      }

      .hdcontact_ct ul li.li1 {
          width: 86%;
          margin: 0 auto 10px;
      }

      .hdcontact_ct ul li.li2 {
          width: 86%;
          margin: 0 auto;
      }

	.hdcontact_cd ul li.l2 img {
          width: 86%;
          height: 100%;
          margin: 0 auto 12px auto;
      }
    
    .hdcontact_ct ul li.li3 a span{
        font-size: 14px;
        display: block;
        margin: 0 0 6px;
    }

      .hdcontact_cd{
          display: block;
      }

      .hdcontact_cd ul li.l1 {
          width: 86%;
          margin: 0 auto 7px;
          padding: 4px 0;
          font-size: 14px;
      }



  /*-----------------------------------------------------
  contact
  -------------------------------------------------------*/
      .contact{
          width: 100%;
      }

      .contact_box{
          width: 100%;
      }

      .contact_flow{
          width: 100%;
      }

  /*-----------------------------------------------------
  left
  -------------------------------------------------------*/
      #left{
          width: 100%;
      }
    
      .left_box p{
          font-size: 16px;
          line-height: 1.5;
      }
    
      .left_t{
          width: 100%;
          height: 40px;
          font-size: 16px;
      }
    
      .left_titlebox{
          margin-bottom: 16px
      }
    
      .left_t h2{
          font-size: 16px;
      }
    
      .left_titleimg{
          left: 10px;    
      }
    
      .left_titleimg img{
          height: 60px;
      }
    
      .left_titlein{
          padding: 10px 0 0 0;
      }
    
      .left_t h2{
          padding: 0 0 0 76px;
          line-height: 42px;
      }

      .left_hm ul{
          padding: 6px;
          line-height: 1.5;
          border: 3px solid #dddddd;          
      }
    
      .left_hm ul li:last-child{
          border-bottom: none;
      }
    
      .left_hm ul li span{
          line-height: 1.5;
          padding: 3px 4px;
          font-size: 14px;
      }  
    
    
  /*-----------------------------------------------------
  right
  -------------------------------------------------------*/


  /*-----------------------------------------------------
  footer
  -------------------------------------------------------*/

      .ft_box{
          width: 100%;
          padding: 16px 16px;
          box-sizing: border-box;
      }
    
      .ft_list ul {
          margin-bottom: 12px;
          flex-wrap: wrap;
      }    
    
      .ft_list ul:last-child{
        margin-bottom: 0px;
      }
    
      .ft_list ul li.t{
          margin-bottom: 4px;
          width: 100%;
          border-bottom: 1px solid #ccc;
      }
    
      .ft_contact{
          width: 100%;
          display: table;
          position: fixed;
          bottom: 0;
          z-index: 99999;
      }

      .ft_contact ul{
          display: block;
          background: #F8331E;
          padding: 7px;
      }

      .ft_contact ul li.l{
          width: 66%;
          display: table-cell;
          vertical-align: middle;
          text-align: content;
      }

      .ft_contact ul li.l a{
          display: block;
          text-align: center;
          padding: 0 4px 0 0;
      }


      .ft_contact ul li.l img{
          width: 100%;
          margin: 0 auto;
      }


      .ft_contact ul li.r{
          width: 36%;
          display: table-cell;
          vertical-align: middle;
      }

      .ft_contact ul li.r a{
          display: block;
          padding: 0 0 0 3px;
      }



      .ft_contact ul li.r img{
          width: 100%;
          margin: 0 auto;
      }
    
      .ft_navi{
          width: 100%;
          padding: 10px 0px;
      }

      .ft_navi ul{
          display: flex;
      }

      .ft_navi ul li{
          width: 46%;
      }

      .ft_navi ul li a{
          display: block;
          text-align: center;
          font-size: 12px;
          font-weight: bold;
          padding: 10px 0px 10px 0px;
          line-height: 1.3;
          color: #333;
          border: 1px solid #eaeaea;
          border-radius: 4px;
      }

      .ft_navi ul li.l{
          background: url(../../images/index/home.png) no-repeat left 14px center , #F0F0F0;
          background: url(../../images/index/home.png) no-repeat left 14px center , -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
          background: url(../../images/index/home.png) no-repeat left 14px center , -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F0F0F0));
          background-size: 16px , 100% 100%;
          margin: 0 1% 0 3%
      }

      .ft_navi ul li.r{
          background: url(../../images/index/up.png) no-repeat left 14px center , #F0F0F0;
          background: url(../../images/index/up.png) no-repeat left 14px center , -moz-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
          background: url(../../images/index/up.png) no-repeat left 14px center , -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F0F0F0));
          background-size: 12px , 100% 100%;
          margin: 0 3% 0 1%
      }
    
      .ft_cp p{
          line-height: 1.5;
      }

      .ft_list ul.ft_area li.b{
          padding-top: 8px;
      }    


  /*-----------------------------------------------------
  page-top
  -------------------------------------------------------*/

      .playerout {
          position: relative;
          width: 100%;
          padding-top: 56.25%;
          margin: 0 0px 0px;
      }

      .playerout iframe {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
      }
    
  /*-----------------------------------------------------
  accrduon
  -------------------------------------------------------*/

      #acMenu{
          border-top:1px #eaeaea solid;
      }

      #acMenu dl{
          border-bottom:1px #eaeaea solid;
      }

      #acMenu dt{
          display:block;
          margin-bottom: 0px;
          padding: 14px 16px 14px 16px;          
          text-align:left;
          cursor:pointer;
          background: url(../../images/index/arrowb.png) no-repeat right 14px center;
          background-size: 14px;
          font-weight: bold;
          color: #0085CC;
      }

      #acMenu dt span{
          line-height: 1.3;
      }

      #acMenu dd{
          text-align:center;
          display:none;
      }

      #acMenu dt.active{
          background: url(../../images/index/arrowt.png) no-repeat right 14px center;
          background-size: 14px;
      }

      .acMenu_tx{
          margin-bottom: 10px;
          text-align: left;
      }

      .acMenu_tx p{
          padding: 0px 16px 0px 16px;
          line-height: 1.5;
      }

      .acMenu_img{
          padding: 0px 6px 16px 6px;
      }

      .acMenutp{
          text-align: left;
          background: url(../images/index/chart.jpg) no-repeat top 6px right 6px;
          background-size: 100px;
      }

      .acMenutp p{
          padding: 10px 116px 10px 10px;
          line-height: 1.3;
      }


  /*-----------------------------------------------------
  sidr
  -------------------------------------------------------*/
      #sidr{
          display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;
          width:252px;
          overflow-x:none;overflow-y:auto;
          font-size:13px;background:#fff;
          border-left: 1px solid #ddd;
      }
      .sidr .sidr-inner{padding:0 0 15px}
      .sidr .sidr-inner>p{margin-left:15px;margin-right:15px}
      .sidr.right{left:auto;right:-220px}

      #sidr ul > li > a{
          display: block;
      }

      #sidr ul li.ls{
          border-bottom: 1px solid #ddd;
          background:url(../../images/index/arrow.png) no-repeat right 18px center;
          background-size: 7px;
          text-align: left;
      }

      #sidr ul li.ls a{
          font-size: 14px;
          color: #444;
          padding: 12px 16px;
          font-weight: bold;
          line-height: 1.5;
      }

      #sidr ul li.st{
          background: #0085CC;
          text-align: center;
      }

      #sidr ul li.st span{
          display: block;
          padding: 8px;
          font-size: 14px;
          font-weight: bold;
          color: #fff;
          line-height: 1.5;
      }

      #sidr ul li.t{
          text-align: left;
          padding: 16px 16px 8px 16px;
          line-height: 1.3;
          font-size: 12px;
          background: url(../../images/index/tl.png) no-repeat right 18px center;
          background-size: 30px;
          border-bottom: 1px solid #ddd;
      }

      #sidr ul li.t a{
          display: inline;
          font-size: 26px;
          padding-top: 6px;
          color: #E2311D;
          font-weight: bold;
      }

      #sidr ul li.t span.bl{
          display: inline-block;
          background: #0085CC;
          padding: 3px 4px;
          margin: 0 6px 4px 0;
          color: #fff;
          font-size: 11px;
      }

      #sidr ul li.t span.gl{
          display: inline-block;
          background: #339900;
          padding: 3px 4px;
          margin: 0 6px 4px 0;
          color: #fff;
          font-size: 11px;
      }
	
      #sidr ul li.t span.time{
          display: block;
          margin: 4px 0 0px 0;
          font-size: 11px;
      }
	

      #sidr ul li.mt{
          text-align: left;
          padding: 12px 16px;
          line-height: 1.3;
          font-size: 12px;
          background: url(../../images/index/fm.png) no-repeat right 18px center;
          background-size: 30px;
          border-bottom: 1px solid #ddd;
      }

      #sidr ul li.mt a{
          display: inline;
          font-size: 16px;
          padding-top: 6px;
          color: #E2311D;
          font-weight: bold;
      }

      #sidr ul li.hm{
          border-bottom: 1px solid #ddd;
          background:url(../../images/index/bk.png) no-repeat left 16px center;
          background-size: 16px;
          text-align: left;
      }

      #sidr ul li.hm a{
          color: #444;
          padding: 12px 0px 12px 44px;
          font-weight: bold;
      }
    
/*-----------------------------------------------------
hiroshima only
-------------------------------------------------------*/
.mainimg ul li.r p.txt {
    display: block;
    margin: 0px;
    color: #ff0000;
    font-size: 17px;
    line-height: 1.3;
    writing-mode:horizontal-tb;
    transform:none;
}
    
.mainimg ul li.r p.txt span{
    display: inline;
}
    
.mainimg_ic ul li.pr{
    font-weight: 700;
    color: #fff;
    background: #80BD22;
    padding: 6px 10px;
    line-height: 1.2;
    font-size: 17px;
    float: left;
    margin: 0 6px 6px 0;
}    

.box1_txt1{
    margin: 0 0 20px;
    color: #DF311D;
    font-weight: bold;
    font-size: 20px;
}

.box1_li span.t2 {
    display: inline;
    font-size: 18px;
}

.box1_li span.t3 {
    display: block;
    background: #0085CC;
    color: #fff;
    font-size: 14px;
    font-weight: 900;
    padding: 8px 10px 8px;
    margin: 6px auto 16;
}

.box1_li span.t4 {
    display: block;
    font-size: 14px;
    padding: 10px 0 10px;
    text-align: center;
    line-height: 1.5;
}
   
.hdcontact_tx {
    margin: 0 0 8px;
    text-align: left;
    font-size: 14px;
    line-height: 1.5;
}
    
.hdcontact_txt {
    line-height: 1.5;
}    
    
.hdcontact_ct {
    margin: 0 auto 16px;
}
    
.hdcontact_ct ul li.li1 {
    width: 86%;
    margin: 0 auto 16px;
}    

.hdcontact_ct ul li.li2 {
    width: 86%;
    margin: 0 auto 10px;
}
    
.hdcontact_ct ul li.li2 a {
    width: 100%;
    font-size: 24px!important;
    line-height: 1.3;
    gap: 0px 14px;
	padding: 0px 0;
    margin: 0 0 0;
}
    
.hdcontact_ct ul li.li2 a span {
    font-size: 18px!important;
    display: block;
    margin: 0 0 0;
}
    
/*.hdcontact_ct ul li.li2 a:after {
    display: block;
    content: "";
    position: absolute;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    right: 34px;
    width: 12px;
    height: 12px;
    margin-top: -6px;
    background: #2F8E00;
}*/   
    
.hdcontact_ct ul li.li3 {
    width: 86%;
    margin: 0 auto 10px;
}
    
.hdcontact_ct ul li.li3 a {
    width: 100%;
    font-size: 24px!important;
    line-height: 1.3;
    gap: 0px 14px;
    padding: 0px 0px;
    margin: 0px;
}
	
.hdcontact_ct ul li.li3 a span {
    font-size: 18px!important;
    display: block;
    margin: 0 0 0;
}


.cta-icon.mail {
    width: 34px;
    height: auto;
}    
    
.cta-icon.line {
    width: 34px;
    height: auto;
}
    
    
  .anker{
      width: 100vw;
      height: auto;
      background: #f0f7fd;
      padding: 26px 0px;
  }

  .anker ul{
      width: 100%;
      margin: 0 auto;
      height: 100%;
      -webkit-justify-content: center;
      -moz-justify-content: center;
      -ms-justify-content: center;
      -o-justify-content: center;
      justify-content: center;
      gap: 22px 0px;
      font-weight: bold;
  }

  .anker ul li{
      display: block;
      width: calc(33.33333% - 0px * 2 / 3);
      height: auto;
      line-height: normal;
      font-size: 12px;
  }
    
    .anker ul li span::after{
        right: -14px;
        top: calc(50% - 4px);
        background-size: 8px 8px;
        width: 8px;
        height: 8px;
    }
    
  .footer_cta{
      position: fixed;
      bottom: -16vw;
      left: 0px;
      width: 100vw;
      height: 16vw;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: -o-flex;
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: flex;
      -webkit-justify-content: space-between;
      -moz-justify-content: space-between;
      -ms-justify-content: space-between;
      -o-justify-content: space-between;
      justify-content: space-between;
      -ms-align-items: flex-end;
      align-items: flex-end;
      z-index: 99999;
      transition: all 0.5s;
  }
    
  .footer_cta.active{
      bottom: 0px;
      transition: all 0.5s;
  }

  .footer_cta a{
      display: block;
      height: 100%;
      width: 100%;
    }
    
  .footer_cta img{
      width: 100%;
  }
    
	.footer_cta .line{
		width: 15%;
	}
	
  .footer_cta .mail{
      width: 15%;
  }
  
  .footer_cta .tel{
      width: 70%;
      height: 100%;
      background: #0085CC;
	  padding: 0 0 0 6px;
  }
    
  .footer_cta .tel img{
	  width: 100%;
  }
    
  .ft_bn_scl{
      transform: translateY(20vw);
      transition: 0.5s;
  }    

  .ft_top_scl{
      transform: translateY(calc(20vw + 50px));
      transition: 0.25s;
  }
  
  
 /*-----------------------------------------------------
  page-top
  -------------------------------------------------------*/
  .playerout {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin: 0 0px 0px;
  }
  .playerout iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
    
  #page-top {
    position: fixed;
    left: auto;
    right: 10px;
    margin-right: 0px;
    transition: 0.5s;
  }

  #page-top a {
      display: block;
      width: 40px;
      height: 40px;
  }    
    
  .ft_top_scl{
      transform: translateY(calc(20vw + 50px));
      transition: 0.25s;
  }
    
  .index_covid19 .pr_fl {
      width: auto;
      margin: 25px 16px 20px;
  }    
    
    

}

@media (max-width : 320px){
    heml,body{
        font-size: 14px !important;
    }
    
    .box10_li ul li .txt p span{
        font-size: 14px !important;
    }
    
    .box10_li ul.slider li {
        min-height: 615px;
    }
    
    .box11li_img img{
        max-width: 65%;
    }    
    
     .main_l_st span {
        padding: 4px 5px;
        font-size: 13px;
        border-radius: 3px;
    }    
    
    .main_r_img {
        bottom: -58%;
    }
    
    .main_pr_box p{
        font-size: 16px;
    }
    .main_pr_box ul li img{
        height: 24px;
    }    
    
    .main_pr_box ul li:nth-child(n+4) img {
        height: 22px;
    }     
    
}