@charset "utf-8";


/*各cssの読み込み
------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*画面幅1301px以上の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width:1301px){

	.contents {
		display: flex;
		flex-wrap: wrap;
		/*width: 2600px;*/
		/*width: 110%;*/
    width: auto;
	 }
	 .item {
		/*width: calc(150% / 4);*/
		/*width: calc(97% / 2);*/
		width: calc(95% / 2);
		/*width: 650px;*/
		padding: 2px 2px;
		text-align: left;
		font-size: 13px;
	 }
	
	/*start-jyoint-厚生労働省-ワムネット-全国老健-全老施強-*/
	.tab_container{
		width:100%;
		/*height: 360px;*/
		height: 300px;
		padding-bottom: 2em;
		background-color: #fff;
		border:1px solid #228b22;
		margin: 0 auto;}
	  .tab_item {
		width: calc(100%/6);
		height: 50px;
		padding:1px 0;
		border-bottom: 3px solid #228b22 ;
		background-color: #ececec;
		text-align: center;
		line-height: 50px;
		color: #228b22 ;
		display: block;
		float: left;		
		font-weight: bold;
		transition: all 0.2s ease;
	  }
	  .tab_item:hover {
		opacity: 0.75;
	  }
	  input[name="tab_item"] {
		display: none;
		
	  }
	  .tab_content {
    line-height: 1;
    display: none;
		padding: 1em 1em 0;
		clear: both;
		height: 250px;/*立幅指定-*/
		overflow-y: scroll;/*スクロール指定-*/
	  }
	  #tab1:checked ~ #tab1_content,
	  #tab2:checked ~ #tab2_content,
	  #tab3:checked ~ #tab3_content,
	  #tab4:checked ~ #tab4_content,
	  #tab5:checked ~ #tab5_content,
    #tab6:checked ~ #tab6_content
	   {
		display: block;
	  }
	  .tab_container input:checked + .tab_item {
		background-color: #228b22 ;
		color: #fff;
	  }

    
	  /*end-jyoint-厚生労働省-ワムネット-全国老健-全老施強-*/
	
	
	  /*start-沖縄県-広域連合会-沖縄社協-国保連合会-*/
	  .tab_container1{
		width:100%;
		height: 300px;
		padding-bottom: 2em;
		background-color: #fff;
		border:1px solid #228b22;
		margin: 0 auto;}
	  .tab_item1 {
		width: calc(100%/6);
		height: 50px;
		padding:1px 0;
		border-bottom: 3px solid #228b22 ;
		background-color: #ececec;
		text-align: center;
		line-height: 25px;
		color: #228b22 ;
		display: flex;
		align-items: center;
    justify-content: center;
		float: left;
		text-align: center;
		font-weight: bold;
		transition: all 0.2s ease;
	  }
	  .tab_item1:hover {
		opacity: 0.75;
	  }
	  input[name="tab_item1"] {
		display: none;
	  }
	  .tab_content1 {
    line-height: 1;
    display: none;
		padding: 1em 1em 0;
		clear: both;
		height: 250px;/*立幅指定-*/
		overflow-y: scroll;/*スクロール指定-*/
	  }
	  
	  #taba1:checked ~ #taba1_content,
	  #taba2:checked ~ #taba2_content,
	  #taba3:checked ~ #taba3_content,
	  #taba4:checked ~ #taba4_content,
	  #taba5:checked ~ #taba5_content,
	  #taba6:checked ~ #taba6_content
	   {
		display: block;
	  }
	  
	  .tab_container1 input:checked + .tab_item1 {
		background-color: #228b22 ;
		color: #fff;
	  }
	/*End-沖縄県-広域連合会-沖縄社協-国保連合会-*/

/*start-沖縄ケアマネ-沖老健-沖縄GH-沖縄介護福祉-*/  
.tab_container2{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item2 {
	width: calc(100%/6);
	height: 50px;
	padding:1px 0;
	border-bottom: 3px solid #228b22 ;
	background-color: #ececec;
	text-align: center;
	line-height: 25px;
	color: #228b22 ;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item2:hover {
    opacity: 0.75;
    
  }
  input[name="tab_item2"] {
    display: none;
  }
  .tab_content2 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabb1:checked ~ #tabb1_content,
  #tabb2:checked ~ #tabb2_content,
  #tabb3:checked ~ #tabb3_content,
  #tabb4:checked ~ #tabb4_content,
  #tabb5:checked ~ #tabb5_content,
  #tabb6:checked ~ #tabb6_content
   {
    display: block;
  }
  
  .tab_container2 input:checked + .tab_item2 {
    background-color: #228b22 ;
    color: #fff;
  }
  /*End-沖縄ケアマネ-沖老健-沖縄GH-沖縄介護福祉-*/  
  
  /*Start-ちゅいしーじ那覇-*/
  .tab_container3{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item3 {
	width: calc(100%/6);
	height: 50px;
	padding:1px 0;
	border-bottom: 3px solid #228b22 ;
	background-color: #ececec;
	text-align: center;
	line-height: 25px;
	color: #228b22 ;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item3:hover {
    opacity: 0.75;
  }
  input[name="tab_item3"] {
    display: none;
  }
  .tab_content3 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabc1:checked ~ #tabc1_content,
  #tabc2:checked ~ #tabc2_content,
  #tabc3:checked ~ #tabc3_content,
  #tabc4:checked ~ #tabc4_content,
  #tabc5:checked ~ #tabc5_content,
  #tabc6:checked ~ #tabc6_content
   {
    display: block;
  }
  
  .tab_container3 input:checked + .tab_item3 {
    background-color: #228b22 ;
    color: #fff;
  }
  /*End-ちゅいしーじ那覇-*/
   
  /*Start-沖縄-*/
    .tab_container4{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item4 {
    width: calc(100%/4);
    padding:15px 0;
    border-bottom: 3px solid #228b22 ;
    background-color: #ececec;
    text-align: center;
    color: #228b22 ;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
  }
  .tab_item4:hover {
    opacity: 0.75;
  }
  input[name="tab_item4"] {
    display: none;
  }
  .tab_content4 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabd1:checked ~ #tabd1_content,
  #tabd2:checked ~ #tabd2_content,
  #tabd3:checked ~ #tabd3_content,
  #tabd4:checked ~ #tabd4_content
   {
    display: block;
  }
  
  .tab_container4 input:checked + .tab_item4 {
    background-color: #228b22 ;
    color: #fff;
  }
  /*End-沖縄-*/
  
  /*Start-糸満-*/
  .tab_container5{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item5 {
    width: calc(100%/4);
    padding:15px 0;
    border-bottom: 3px solid #228b22 ;
    background-color: #ececec;
    text-align: center;
    color: #228b22 ;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
  }
  .tab_item5:hover {
    opacity: 0.75;
  }
  input[name="tab_item5"] {
    display: none;
  }
  .tab_content5 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabe1:checked ~ #tabe1_content,
  #tabe2:checked ~ #tabe2_content,
  #tabe3:checked ~ #tabe3_content,
  #tabe4:checked ~ #tabe4_content
   {
    display: block;
  }
  
  .tab_container5 input:checked + .tab_item5 {
    background-color: #228b22 ;
    color: #fff;
  }
 /*End-糸満-*/
 
 /*一覧画面共通*/
.tab_containera{
  width:100%;
  font-size: 13px;
  height: auto;
   /* height: 1320px;*/
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
  
.tab_containerawam{
  width:100%;
  font-size: 13px;
  height: 620px;
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
 /*一覧画面共通*/


/*モーダルウィンドウ  Start*/
        .modal {
            display: none;
            position: fixed;
            top: 100px;
            left: 350px;
            width: 65%;
            height: 80%;
            background-color: rgba(212, 203, 203, 0.7);
            justify-content: center;
            align-items: center;
            z-index: 9999; /* 他の要素よりも高い z-index を設定 */
        }
        .modal-content {
            background-color: white;
            max-height: 100%; /* モーダルの高さを最大で80%に制限 */
            overflow-y: auto; /* 垂直方向のスクロールを有効にする */
            padding: 20px;
            border-radius: 5px;
            box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
        }
        .modal-close {
          cursor: pointer;
          position: absolute;
          top: 16px;
          right: 16px;
          font-size: 40px; /* 閉じるボタンのフォントサイズを大きくする */
          width: 50px; /* 閉じるボタンの幅を大きくする */
          height: 50px; /* 閉じるボタンの高さを大きくする */
          line-height: 50px; /* 閉じるボタンの行の高さを設定 */
          text-align: center;
          background-color: #ccc;
          border-radius: 50%; /* 閉じるボタンを丸くする */
          z-index: 9999; /* 他の要素よりも高い z-index を設定 */
        }

/*モーダルウィンドウ  End*/



}

/*画面幅1300px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:1300px){

  .contents {
		display: flex;
		flex-wrap: wrap;
		/*width: 2600px;*/
		/*width: 110%;*/
    width: auto;
	 }
	 .item {
		/*width: calc(150% / 4);*/
		/*width: calc(97% / 2);*/
		width: calc(95% / 2);
		/*width: 650px;*/
		padding: 2px 2px;
		text-align: left;
		font-size: 13px;
	 }
	
	/*start-jyoint-厚生労働省-ワムネット-全国老健-全老施強-*/
	.tab_container{
		width:100%;
		/*height: 360px;*/
		height: 300px;
		padding-bottom: 2em;
		background-color: #fff;
		border:1px solid #228b22;
		margin: 0 auto;}
	  .tab_item {
		width: calc(100%/6);
		height: 50px;
		padding:1px 0;
		border-bottom: 3px solid #228b22 ;
		background-color: #ececec;
		text-align: center;
		line-height: 25px;
		color: #228b22 ;
		display: block;
		float: left;		
		font-weight: bold;
		transition: all 0.2s ease;
	  }
	  .tab_item:hover {
		opacity: 0.75;
	  }
	  input[name="tab_item"] {
		display: none;
		
	  }
	  .tab_content {
		  line-height: 1;
      display: none;
		padding: 1em 1em 0;
		clear: both;
		height: 250px;/*立幅指定-*/
		overflow-y: scroll;/*スクロール指定-*/
	  }
	  #tab1:checked ~ #tab1_content,
	  #tab2:checked ~ #tab2_content,
	  #tab3:checked ~ #tab3_content,
	  #tab4:checked ~ #tab4_content,
	  #tab5:checked ~ #tab5_content,
    #tab6:checked ~ #tab6_content
	   {
		display: block;
	  }
	  .tab_container input:checked + .tab_item {
		background-color: #228b22 ;
		color: #fff;
	  }
	  /*end-jyoint-厚生労働省-ワムネット-全国老健-全老施強-*/
	
	
	  /*start-沖縄県-広域連合会-沖縄社協-国保連合会-*/
	  .tab_container1{
		width:100%;
		height: 300px;
		padding-bottom: 2em;
		background-color: #fff;
		border:1px solid #228b22;
		margin: 0 auto;}
	  .tab_item1 {
		width: calc(100%/6);
		height: 50px;
		padding:1px 0;
		border-bottom: 3px solid #228b22 ;
		background-color: #ececec;
		text-align: center;
		line-height: 25px;
		color: #228b22 ;
		display: flex;
		align-items: center;
    justify-content: center;
		float: left;
		text-align: center;
		font-weight: bold;
		transition: all 0.2s ease;
	  }
	  .tab_item1:hover {
		opacity: 0.75;
	  }
	  input[name="tab_item1"] {
		display: none;
	  }
	  .tab_content1 {
		  line-height: 1;
      display: none;
		padding: 1em 1em 0;
		clear: both;
		height: 230px;/*立幅指定-*/
		overflow-y: scroll;/*スクロール指定-*/
	  }
	  
	  #taba1:checked ~ #taba1_content,
	  #taba2:checked ~ #taba2_content,
	  #taba3:checked ~ #taba3_content,
	  #taba4:checked ~ #taba4_content,
	  #taba5:checked ~ #taba5_content,
	  #taba6:checked ~ #taba6_content
	   {
		display: block;
	  }
	  
	  .tab_container1 input:checked + .tab_item1 {
		background-color: #228b22 ;
		color: #fff;
	  }
	/*End-沖縄県-広域連合会-沖縄社協-国保連合会-*/

/*start-沖縄ケアマネ-沖老健-沖縄GH-沖縄介護福祉-*/  
.tab_container2{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item2 {
	width: calc(100%/6);
	height: 50px;
	padding:1px 0;
	border-bottom: 3px solid #228b22 ;
	background-color: #ececec;
	text-align: center;
	line-height: 25px;
	color: #228b22 ;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item2:hover {
    opacity: 0.75;
    
  }
  input[name="tab_item2"] {
    display: none;
  }
  .tab_content2 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabb1:checked ~ #tabb1_content,
  #tabb2:checked ~ #tabb2_content,
  #tabb3:checked ~ #tabb3_content,
  #tabb4:checked ~ #tabb4_content,
  #tabb5:checked ~ #tabb5_content,
  #tabb6:checked ~ #tabb6_content
   {
    display: block;
  }
  
  .tab_container2 input:checked + .tab_item2 {
    background-color: #228b22 ;
    color: #fff;
  }
  /*End-沖縄ケアマネ-沖老健-沖縄GH-沖縄介護福祉-*/  
  
  /*Start-ちゅいしーじ那覇-*/
  .tab_container3{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item3 {
	width: calc(100%/6);
	height: 50px;
	padding:1px 0;
	border-bottom: 3px solid #228b22 ;
	background-color: #ececec;
	text-align: center;
	line-height: 25px;
	color: #228b22 ;
	display: flex;
	align-items: center;
	justify-content: center;
	float: left;
	text-align: center;
	font-weight: bold;
	transition: all 0.2s ease;
  }
  .tab_item3:hover {
    opacity: 0.75;
  }
  input[name="tab_item3"] {
    display: none;
  }
  .tab_content3 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabc1:checked ~ #tabc1_content,
  #tabc2:checked ~ #tabc2_content,
  #tabc3:checked ~ #tabc3_content,
  #tabc4:checked ~ #tabc4_content,
  #tabc5:checked ~ #tabc5_content,
  #tabc6:checked ~ #tabc6_content
   {
    display: block;
  }
  
  .tab_container3 input:checked + .tab_item3 {
    background-color: #228b22 ;
    color: #fff;
  }
  /*End-ちゅいしーじ那覇-*/
   
  /*Start-沖縄-*/
    .tab_container4{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item4 {
    width: calc(100%/4);
    padding:15px 0;
    border-bottom: 3px solid #228b22 ;
    background-color: #ececec;
    text-align: center;
    color: #228b22 ;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
  }
  .tab_item4:hover {
    opacity: 0.75;
  }
  input[name="tab_item4"] {
    display: none;
  }
  .tab_content4 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabd1:checked ~ #tabd1_content,
  #tabd2:checked ~ #tabd2_content,
  #tabd3:checked ~ #tabd3_content,
  #tabd4:checked ~ #tabd4_content
   {
    display: block;
  }
  
  .tab_container4 input:checked + .tab_item4 {
    background-color: #228b22 ;
    color: #fff;
  }
  /*End-沖縄-*/
  
  /*Start-糸満-*/
  .tab_container5{
    width:100%;
    height: 300px;
    padding-bottom: 2em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item5 {
    width: calc(100%/4);
    padding:15px 0;
    border-bottom: 3px solid #228b22 ;
    background-color: #ececec;
    text-align: center;
    color: #228b22 ;
    display: block;
    float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;
  }
  .tab_item5:hover {
    opacity: 0.75;
  }
  input[name="tab_item5"] {
    display: none;
  }
  .tab_content5 {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 250px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  
  #tabe1:checked ~ #tabe1_content,
  #tabe2:checked ~ #tabe2_content,
  #tabe3:checked ~ #tabe3_content,
  #tabe4:checked ~ #tabe4_content
   {
    display: block;
  }
  
  .tab_container5 input:checked + .tab_item5 {
    background-color: #228b22 ;
    color: #fff;
  }
 /*End-糸満-*/
 
 /*一覧画面共通*/
.tab_containera{
  width:100%;
  font-size: 13px;
  height: auto;
   /* height: 1320px;*/
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
  
.tab_containerawam{
  width:100%;
  font-size: 13px;
  height: 620px;
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
 /*一覧画面共通*/


/*モーダルウィンドウ  Start*/
.modal {
  display: none;
  position: fixed;
  top: 100px;
  left: 200px;
  width: 80%;
  height: 80%;
  background-color: rgba(212, 203, 203, 0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999; /* 他の要素よりも高い z-index を設定 */
}
.modal-content {
  background-color: white;
  max-height: 100%; /* モーダルの高さを最大で80%に制限 */
  overflow-y: auto; /* 垂直方向のスクロールを有効にする */
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.modal-close {
cursor: pointer;
position: absolute;
top: 16px;
right: 16px;
font-size: 40px; /* 閉じるボタンのフォントサイズを大きくする */
width: 50px; /* 閉じるボタンの幅を大きくする */
height: 50px; /* 閉じるボタンの高さを大きくする */
line-height: 50px; /* 閉じるボタンの行の高さを設定 */
text-align: center;
background-color: #ccc;
border-radius: 50%; /* 閉じるボタンを丸くする */
z-index: 9999; /* 他の要素よりも高い z-index を設定 */
}

/*モーダルウィンドウ  End*/


}

/*画面幅900px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:900px){


  body{
    background-color: lightyellow;
    /*background-color: black;*/
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  }
  .contents {
    display: block;
    flex-wrap: wrap;
    width: 100%;
    
 }
 .item {
    width: calc(100% / 1);
    /*width:100%;*/
    padding: 2px 1px;
    text-align: left;
    font-size: 16px;
 }

  .resizeimage {
    max-width: 100px; /* 最大幅 */
    min-width: 40px; /* 最小幅 */
  }
 
  .resizeimage img { width: 30%; }
  .header {
    display:block;
    /*background-color: yellow;*/
    background-color: lightyellow;
  }
  .right{
    /*width: 10px;*/
   /*  vertical-align: middle;*/
   text-align : center;
   line-height: 15px;
   
  }
  .image_size_m{
   /*width: 175px;*/
   width: 35vw;
   height: 6vh;
  }
  .image_size_m1{
   /*width: 175px;*/
   width: 35vw;
   height: 6vh;
  }
  .image_size_m2{
   /*width: 75px;*/
   width: 35vw;
   height: 6vh;
  }
  .image_size_m3{
   /*width: 50px;*/
   width: 35vw;
   height: 6vh;
  }

  .footer{
    height: 0px;
    /* background: black;*/
    background-color: lightyellow;
    color: rgb(5, 5, 5);
    clear: both;
  }
  .main-contents, .left-navi, .right-navi {
    height: 100px;
  }
  .main-contents {
    background-color: lightyellow;
    /*background-color: white;*/
    color: #fff;
    float: left;
    width: 100%;
  }
  .left-navi {
    background-color: lightyellow;
    /*background-color: white;*/
    color: #fff;
    width: 0%;
    float: right;
  }
  .right-navi {
    background-color: lightyellow;
    /*background-color: white;*/
    color: #fff;
    float: right;
    width: 0%;
  }
  .main{
    width: 100%;
    float: right;
  }
  
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

 
  .tab_container {
    width:95%;
    /*width:330px;*/
    /*height: 320px;*/
    height: 400px;
    padding-bottom: 1em;
    background-color: #fff;
    border:1px solid #228b22;
    margin: 0 auto;}
  .tab_item {
    width: calc(100%/6);    /*100%/4を100%/3に変更*/
    font-size: 15px;
    height: 15px;
    padding:15px 0;
    border-bottom: 3px solid #228b22 ;
    background-color: #ececec;
    text-align: center;
    line-height: 50px;
    color: #228b22 ;
    display: flex;
		align-items: center;
    justify-content: center;
		float: left;
    text-align: center;
    font-weight: bold;
    transition: all 0.2s ease;

		

  }
  .tab_item:hover {
    opacity: 0.75;
  }
  input[name="tab_item"] {
    display: none;
  }
  .tab_content {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 450px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  #tab1:checked ~ #tab1_content,
  #tab2:checked ~ #tab2_content,
  #tab3:checked ~ #tab3_content,
  #tab4:checked ~ #tab4_content,
  #tab5:checked ~ #tab5_content,
  #tab6:checked ~ #tab6_content
   {  /*, #tab4:checked ~ #tab4_contentを削除*/
    display: block;
  }
  .tab_container input:checked + .tab_item {
    background-color: #228b22;
    color: #fff;
  }
    /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container1 {
  width:95%;
  /*width:330px;*/
  /*height: 320px;*/
  height: 400px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item1 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 22px;
  font-size: 15px;
  padding:15px 0;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  line-height: 50px;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item1:hover {
  opacity: 0.75;
}
input[name="tab_item1"] {
  display: none;
}
.tab_content1 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 450px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#taba1:checked ~ #taba1_content,
#taba2:checked ~ #taba2_content,
#taba3:checked ~ #taba3_content,
#taba4:checked ~ #taba4_content,
#taba5:checked ~ #taba5_content,
#taba6:checked ~ #taba6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container1 input:checked + .tab_item1 {
  background-color: #228b22;
  color: #fff;
}
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

   /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container2 {
  width:95%;
  /*width:330px;*/
  /*height: 320px;*/
  height: 400px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item2 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 10px;
  font-size: 15px;
  padding:3% 0;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item2:hover {
  opacity: 0.75;
}
input[name="tab_item2"] {
  display: none;
}
.tab_content2 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 450px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabb1:checked ~ #tabb1_content,
#tabb2:checked ~ #tabb2_content,
#tabb3:checked ~ #tabb3_content,
#tabb4:checked ~ #tabb4_content,
#tabb5:checked ~ #tabb5_content,
#tabb6:checked ~ #tabb6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container2 input:checked + .tab_item2 {
  background-color: #228b22 ;
  color: #fff;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container3 {
  width:95%;
  /*width:330px;*/
  /*height: 320px;*/
  height: 400px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item3 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 25px;
  padding:15px 0;
  font-size: 15px;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item3:hover {
  opacity: 0.75;
}
input[name="tab_item3"] {
  display: none;
}
.tab_content3 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 450px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabc1:checked ~ #tabc1_content,
#tabc2:checked ~ #tabc2_content,
#tabc3:checked ~ #tabc3_content,
#tabc4:checked ~ #tabc4_content,
#tabc5:checked ~ #tabc5_content,
#tabc6:checked ~ #tabc6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container3 input:checked + .tab_item3 {
  background-color: #228b22 ;
  color: #fff;
}
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container4 {
  width:95%;
  /*width:330px;*/
  /*height: 320px;*/
  height: 400px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item4 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 20px;
  padding:15px 0;
  font-size: 15px;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item4:hover {
  opacity: 0.75;
}
input[name="tab_item4"] {
  display: none;
}
.tab_content4 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 550px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabd1:checked ~ #tabd1_content,
#tabd2:checked ~ #tabd2_content,
#tabd3:checked ~ #tabd3_content,
#tabd4:checked ~ #tabd4_content,
#tabd5:checked ~ #tabd5_content,
#tabd6:checked ~ #tabd6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container4 input:checked + .tab_item4 {
  background-color: #228b22 ;
  color: #fff;
}
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container5 {
  width:95%;
  /*width:330px;*/
  /*height: 320px;*/
  height: 400px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item5 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 20px;
  font-size: 15px;
  padding:15px 0;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item5:hover {
  opacity: 0.75;
}
input[name="tab_item5"] {
  display: none;
}
.tab_content5 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 500px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabe1:checked ~ #tabe1_content,
#tabe2:checked ~ #tabe2_content,
#tabe3:checked ~ #tabe3_content,
#tabe4:checked ~ #tabe4_content,
#tabe5:checked ~ #tabe5_content,
#tabe6:checked ~ #tabe6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container5 input:checked + .tab_item5 {
  background-color: #228b22 ;
  color: #fff;
}

 /*一覧画面共通*/
 .tab_containera{
  width:100%;
  font-size: 16px;
  height: auto;
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
  
.tab_containerawam{
  width:100%;
  font-size: 16px;
  height: 620px;
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
 /*一覧画面共通*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
  
/*モーダルウィンドウ  Start*/
.modal {
  display: none;
  position: fixed;
  top: 100px;
  left: 20px;
  width: 90%;
  height: 80%;
  background-color: rgba(212, 203, 203, 0.7);
  justify-content: center;
  align-items: center;
  z-index: 9999; /* 他の要素よりも高い z-index を設定 */
}
.modal-content {
  background-color: white;
  max-height: 100%; /* モーダルの高さを最大で80%に制限 */
  overflow-y: auto; /* 垂直方向のスクロールを有効にする */
  padding: 20px;
  border-radius: 5px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
.modal-close {
cursor: pointer;
position: absolute;
top: 16px;
right: 16px;
font-size: 40px; /* 閉じるボタンのフォントサイズを大きくする */
width: 50px; /* 閉じるボタンの幅を大きくする */
height: 50px; /* 閉じるボタンの高さを大きくする */
line-height: 50px; /* 閉じるボタンの行の高さを設定 */
text-align: center;
background-color: #ccc;
border-radius: 50%; /* 閉じるボタンを丸くする */
z-index: 9999; /* 他の要素よりも高い z-index を設定 */
}

/*モーダルウィンドウ  End*/



}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){


  body{
    background-color: lightyellow;
    /*background-color: black;*/
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  }
  .contents {
    display: block;
    flex-wrap: wrap;
    width: 100%;
    
 }
 .item {
    width: calc(100% / 1);
    /*width:100%;*/
    padding: 2px 1px;
    text-align: left;
    font-size: 16px;
 }

  .resizeimage {
    max-width: 100px; /* 最大幅 */
    min-width: 40px; /* 最小幅 */
  }
 
  .resizeimage img { width: 30%; }
  .header {
    display:block;
    /*background-color: yellow;*/
    background-color: lightyellow;
  }
  .right{
    /*width: 10px;*/
   /*  vertical-align: middle;*/
   text-align : center;
   line-height: 15px;
   
  }
  .image_size_m{
   /*width: 175px;*/
   width: 35vw;
   height: 6vh;
  }
  .image_size_m1{
   /*width: 175px;*/
   width: 35vw;
   height: 6vh;
  }
  .image_size_m2{
   /*width: 75px;*/
   width: 35vw;
   height: 6vh;
  }
  .image_size_m3{
   /*width: 50px;*/
   width: 35vw;
   height: 6vh;
  }

  .footer{
    height: 0px;
    /* background: black;*/
    background-color: lightyellow;
    color: rgb(5, 5, 5);
    clear: both;
  }
  .main-contents, .left-navi, .right-navi {
    height: 100px;
  }
  .main-contents {
    background-color: lightyellow;
    /*background-color: white;*/
    color: #fff;
    float: left;
    width: 100%;
  }
  .left-navi {
    background-color: lightyellow;
    /*background-color: white;*/
    color: #fff;
    width: 0%;
    float: right;
  }
  .right-navi {
    background-color: lightyellow;
    /*background-color: white;*/
    color: #fff;
    float: right;
    width: 0%;
  }
  .main{
    width: 100%;
    float: right;
  }
  
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

 
  .tab_container {
    /*width:100%;*/
    width:330px;
  /*height: 320px;*/
  height: 500px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 30px;
  font-size: 8px;
  padding:10px 0;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  line-height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
		

  }
  .tab_item:hover {
    opacity: 0.75;
  }
  input[name="tab_item"] {
    display: none;
  }
  .tab_content {
    line-height: 1;
    display: none;
    padding: 1em 1em 0;
    clear: both;
    height: 450px;/*立幅指定-*/
    overflow-y: scroll;/*スクロール指定-*/
  }
  #tab1:checked ~ #tab1_content,
  #tab2:checked ~ #tab2_content,
  #tab3:checked ~ #tab3_content,
  #tab4:checked ~ #tab4_content,
  #tab5:checked ~ #tab5_content,
  #tab6:checked ~ #tab6_content
   {  /*, #tab4:checked ~ #tab4_contentを削除*/
    display: block;
  }
  .tab_container input:checked + .tab_item {
    background-color: #228b22;
    color: #fff;
  }
    /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container1 {
    /*width:100%;*/
    width:330px;
  /*height: 320px;*/
  height: 550px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item1 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 30px;
  font-size: 9px;
  padding:15px 0;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  line-height: 25px;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item1:hover {
  opacity: 0.75;
}
input[name="tab_item1"] {
  display: none;
}
.tab_content1 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 450px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#taba1:checked ~ #taba1_content,
#taba2:checked ~ #taba2_content,
#taba3:checked ~ #taba3_content,
#taba4:checked ~ #taba4_content,
#taba5:checked ~ #taba5_content,
#taba6:checked ~ #taba6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container1 input:checked + .tab_item1 {
  background-color: #228b22;
  color: #fff;
}
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

   /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container2 {
    /*width:100%;*/
    width:330px;
  /*height: 320px;*/
  height: 550px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item2 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 17px;
  font-size: 11px;
  padding:10% 0;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item2:hover {
  opacity: 0.75;
}
input[name="tab_item2"] {
  display: none;
}
.tab_content2 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 450px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabb1:checked ~ #tabb1_content,
#tabb2:checked ~ #tabb2_content,
#tabb3:checked ~ #tabb3_content,
#tabb4:checked ~ #tabb4_content,
#tabb5:checked ~ #tabb5_content,
#tabb6:checked ~ #tabb6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container2 input:checked + .tab_item2 {
  background-color: #228b22 ;
  color: #fff;
}
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container3 {
    /*width:100%;*/
    width:330px;
  /*height: 320px;*/
  height: 550px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item3 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 25px;
  padding:15px 0;
  font-size: 12px;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item3:hover {
  opacity: 0.75;
}
input[name="tab_item3"] {
  display: none;
}
.tab_content3 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 450px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabc1:checked ~ #tabc1_content,
#tabc2:checked ~ #tabc2_content,
#tabc3:checked ~ #tabc3_content,
#tabc4:checked ~ #tabc4_content,
#tabc5:checked ~ #tabc5_content,
#tabc6:checked ~ #tabc6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container3 input:checked + .tab_item3 {
  background-color: #228b22 ;
  color: #fff;
}
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container4 {
    /*width:100%;*/
    width:330px;
  /*height: 320px;*/
  height: 600px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item4 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 20px;
  padding:15px 0;
  font-size: 9px;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item4:hover {
  opacity: 0.75;
}
input[name="tab_item4"] {
  display: none;
}
.tab_content4 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 550px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabd1:checked ~ #tabd1_content,
#tabd2:checked ~ #tabd2_content,
#tabd3:checked ~ #tabd3_content,
#tabd4:checked ~ #tabd4_content,
#tabd5:checked ~ #tabd5_content,
#tabd6:checked ~ #tabd6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container4 input:checked + .tab_item4 {
  background-color: #228b22 ;
  color: #fff;
}
  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/

  /*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
.tab_container5 {
    /*width:100%;*/
    width:330px;
  /*height: 320px;*/
  height: 550px;
  padding-bottom: 1em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
.tab_item5 {
  width: calc(100%/6);    /*100%/4を100%/3に変更*/
  height: 20px;
  font-size: 9px;
  padding:15px 0;
  border-bottom: 3px solid #228b22 ;
  background-color: #ececec;
  text-align: center;
  color: #228b22 ;
  display: flex;
  align-items: center;
  justify-content: center;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item5:hover {
  opacity: 0.75;
}
input[name="tab_item5"] {
  display: none;
}
.tab_content5 {
  line-height: 1;
  display: none;
  padding: 1em 1em 0;
  clear: both;
  height: 500px;/*立幅指定-*/
  overflow-y: scroll;/*スクロール指定-*/
}
#tabe1:checked ~ #tabe1_content,
#tabe2:checked ~ #tabe2_content,
#tabe3:checked ~ #tabe3_content,
#tabe4:checked ~ #tabe4_content,
#tabe5:checked ~ #tabe5_content,
#tabe6:checked ~ #tabe6_content
 {  /*, #tab4:checked ~ #tab4_contentを削除*/
  display: block;
}
.tab_container5 input:checked + .tab_item5 {
  background-color: #228b22 ;
  color: #fff;
}

 /*一覧画面共通*/
 .tab_containera{
  width:100%;
  font-size: 16px;
  height: auto;
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
  
.tab_containerawam{
  width:100%;
  font-size: 16px;
  height: 620px;
  padding-bottom: 15em;
  background-color: #fff;
  border:1px solid #228b22;
  margin: 0 auto;}
 /*一覧画面共通*/
/*!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!*/
}