/* Scss Document */
/* color */
/* media queries*/
.info_head {
  background: url("../img/info_head_bg.jpg") no-repeat;
  background-position: top center;
  background-size: cover; }

h1 {
  font-size: 14px;
  display: inline-block; }

/*========== #sitepolicy ==========*/
#info {
  background: #fff;
  padding: 1rem 1rem 2rem 1rem;
  margin: 0 0 2rem 0;
  height: 100%;
  width: 900px;
  /*========== end .link_box ==========*/
  /*========== end .back_link ==========*/ }
  @media screen and (max-width: 1000px) {
    #info {
      width: auto; } }
  #info h4 {
    border-bottom: #47463b 1px dotted;
    font-size: 1.3rem;
    text-align: center;
    padding: 1rem 0;
    margin: 3rem auto 1rem auto;
    width: 60%; }
  #info .link_box {
    overflow: hidden; }
    #info .link_box ul {
      width: 100%;
      display: flex; }
      @media screen and (max-width: 899px) {
        #info .link_box ul {
          flex-wrap: wrap; } }
      #info .link_box ul li {
        background: #47463b;
        color: #fff;
        text-align: center;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        width: 100%;
        position: relative;
        list-style: none;
        /*@include max899 {
        	width: 50%;
        }
        
        @include max640 {
        	width: 33%;
        }
        @include max480 {
        	width: 100%;
        }*/ }
        #info .link_box ul li a {
          display: block;
          padding: 1rem .5rem; }
          @media screen and (max-width: 480px) {
            #info .link_box ul li a {
              padding: .5rem; } }
          #info .link_box ul li a:hover {
            background: rgba(243, 222, 40, 0.5);
            text-decoration: none;
            color: #fff; }
  #info .news {
    padding: 0 2rem;
    margin: 2rem 5%; }
    @media screen and (max-width: 640px) {
      #info .news {
        padding: 0 1rem; } }
    #info .news ul {
      margin: 2rem 0; }
      #info .news ul li {
        display: flex;
        border-bottom: #333 1px dotted;
        padding: .5rem 0;
        margin: 0 0 .5rem 0; }
        #info .news ul li:last-of-type {
          border-bottom: none; }
        @media screen and (max-width: 640px) {
          #info .news ul li {
            display: block; } }
        #info .news ul li .day {
          text-align: right;
          padding: 0 1rem;
          font-weight: bold; }
          @media screen and (max-width: 640px) {
            #info .news ul li .day {
              text-align: left; } }
        #info .news ul li .text {
          width: 100%; }
        #info .news ul li .info_press,
        #info .news ul li .info_notice,
        #info .news ul li .info_guidance,
        #info .news ul li .info_service {
          border-radius: .8rem;
          color: #fff;
          padding: 0;
          width: 30%;
          text-align: center;
          font-size: .8rem;
          margin: 0 0 .3rem 0; }
          @media screen and (max-width: 899px) {
            #info .news ul li .info_press,
            #info .news ul li .info_notice,
            #info .news ul li .info_guidance,
            #info .news ul li .info_service {
              width: 50%; } }
          @media screen and (max-width: 640px) {
            #info .news ul li .info_press,
            #info .news ul li .info_notice,
            #info .news ul li .info_guidance,
            #info .news ul li .info_service {
              width: 100%; } }
        #info .news ul li .info_press {
          background: #E0053A; }
        #info .news ul li .info_notice {
          background: #0840B2; }
        #info .news ul li .info_guidance {
          background: #0B7A1B; }
        #info .news ul li .info_service {
          background: #DD8507; }
  #info dl {
    display: flex;
    margin: 2rem 10%;
    flex-wrap: wrap; }
    @media screen and (max-width: 640px) {
      #info dl {
        display: block; } }
    #info dl dt {
      width: 20%;
      border-bottom: #333 1px dotted;
      padding: .5rem;
      margin: 0 0 .5rem 0; }
      @media screen and (max-width: 640px) {
        #info dl dt {
          width: 100%;
          border: none;
          padding: .5rem .5rem 0 .5rem;
          margin: 0; } }
    #info dl dd {
      width: 80%;
      border-bottom: #333 1px dotted;
      padding: .5rem .5rem .5rem 0; }
      @media screen and (max-width: 640px) {
        #info dl dd {
          width: 100%;
          padding: .5rem; } }
  #info .info_press,
  #info .info_service,
  #info .info_notice,
  #info .info_guidance {
    border-radius: 1rem;
    width: 30%;
    color: #fff;
    margin: 0 0 .2rem 0;
    text-align: center; }
    @media screen and (max-width: 640px) {
      #info .info_press,
      #info .info_service,
      #info .info_notice,
      #info .info_guidance {
        width: 50%; } }
  #info .info_press {
    background: #DF053A; }
  #info .info_service {
    background: #DC8407; }
  #info .info_notice {
    background: #0840B1; }
  #info .info_guidance {
    background: #0B7A1B; }

#info .info_block {
		padding-bottom: 3rem;
}
#info .info_block .date {
		text-align: right;
}
#info .info_block p {
		margin-bottom: 1rem;
}
#info .info_block p a {
		text-decoration: underline;
}
#info .info_block .title {
		margin-top: 2rem;
		margin-bottom: 0.5rem;
		font-weight: bold;
		font-size: 1rem;
}
#info .info_block h4 {
		font-size: 1.2rem;
		font-weight: bold;
		text-align: center;
		padding: 1.6rem;
		margin: 0 0 2rem 0;
		width: 100%;
		border-bottom: none;
}
#info .info_block h5 {
		margin-top: 3rem;
		margin-bottom: 0.5rem;
		font-weight: bold;
		border-bottom: #F3DE28 3px solid;
		padding-bottom: 0.5rem;
}
#info .info_block ol,
#info .info_block ul {
		margin: 1rem 2rem;
}
#info .info_block .bg_gray {
		background-color: rgb(218, 216, 216);
		padding: 0.5rem 1rem;
		margin: 2rem 0 1rem;
}
#info .info_block .img_blok {
		margin: 0 5%;
		padding: 2rem 0;
}
#info .info_block .img_float {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
}
@media screen and (max-width: 767px) {
		#info .info_block .img_float {
				display: block;
				margin: 0 10%;
		}
}
#info .info_block .img_float .item {
		padding: 0.5rem;
}
#info .info_block .border-box {
		border: #333 1px solid;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 0.5rem 1rem;
		margin: 1rem 0;
}
#info .info_block .float_right {
		float: right;
}
#info .info_block .flex_box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		margin: 2rem 0;
}
@media screen and (max-width: 767px) {
		#info .info_block .flex_box {
				display: block;
		}
}
#info .info_block .flex_box .text {
		-ms-flex-preferred-size: 65%;
		    flex-basis: 65%;
}
@media screen and (max-width: 767px) {
		#info .info_block .flex_box .text {
				width: 100%;
		}
}
#info .info_block .flex_box .img {
		-ms-flex-preferred-size: 35%;
		    flex-basis: 35%;
}
@media screen and (max-width: 767px) {
		#info .info_block .flex_box .img {
				width: 80%;
				margin: 0 10%;
		}
}
#info .info_block .flex_box .half {
		-ms-flex-preferred-size: 50%;
		    flex-basis: 50%;
}
@media screen and (max-width: 767px) {
		#info .info_block .flex_box .half {
				width: 100%;
		}
}
#info .info_block .flex_box .item {
		padding: 0.5rem;
}
#info .info_block .flex_box .item .title {
		font-weight: bold;
		margin: 0 !important;
}
#info .info_block table {
		border-collapse: collapse;
		width: 100%;
	margin-bottom: 2rem;
}
#info .info_block table tr {
		border-left: 1px #000 solid;
		border-top: 1px #000 solid;
}
#info .info_block table tr th {
		border-bottom: 1px #000 solid;
		border-right: 1px #000 solid;
		padding: 1rem 0.5rem;
}
#info .info_block table tr th.color {
		background-color: rgba(243, 222, 40, 0.6);
}
#info .info_block table tr td {
		border-bottom: 1px #000 solid;
		border-right: 1px #000 solid;
		padding: 1rem 0.5rem;
}
#info .info_block table caption {
		caption-side: top;
		padding: 10px;
		font-weight: bold;
}
#info .info_block .company {
		border-top: #cccccc 1px solid;
		border-bottom: #cccccc 1px solid;
		padding: .5rem 1rem 0 1rem;
		margin-top: 2rem;
}

  #info .back_link {
    overflow: hidden;
    margin: 0 5%; }
    #info .back_link ul {
      width: 100%;
      display: flex;
      flex-wrap: wrap; }
      @media screen and (max-width: 899px) {
        #info .back_link ul {
          flex-wrap: wrap; } }
      #info .back_link ul li {
        background: #E1E1E1;
        color: #333;
        text-align: center;
        border-right: 1px solid #fff;
        box-sizing: border-box;
        width: 100%;
        position: relative;
        list-style: none; }
        @media screen and (max-width: 899px) {
          #info .back_link ul li {
            width: 50%; } }
        @media screen and (max-width: 640px) {
          #info .back_link ul li {
            width: 33%; } }
        @media screen and (max-width: 480px) {
          #info .back_link ul li {
            width: 100%; } }
        #info .back_link ul li a {
          display: block;
          padding: 1rem .5rem; }
          @media screen and (max-width: 480px) {
            #info .back_link ul li a {
              padding: .5rem; } }
          #info .back_link ul li a:hover {
            background: #f9efaa;
            text-decoration: none;
            color: #333; }