/*
@mixin font-size($size) {
	font-size: $size + px;
	font-size: ($size/10) + rem;
	
	@include mq( $sp , $pc-l )  {
		font-size: ($size/8) + px;
		font-size: ($size/12.5) + rem;
	}
}*/
.section {
  padding: 4em 0; }
  @media screen and (max-width: 859px) {
    .section {
      padding: 3em 0; } }
  .section .wrap {
    padding: 2.5em 0 4em; }
    .section .wrap .img {
      padding: 1em 2em; }
    @media print, screen and (min-width: 860px) {
      .section .wrap {
        display: flex;
        flex-wrap: wrap;
        margin-left: -1.5em;
        margin-right: -1.5em; }
        .section .wrap .text {
          width: 65%;
          padding: 0.5em 1.5em; }
        .section .wrap .img {
          width: 35%;
          padding: 0.5em 1.5em; }
        .section .wrap.-reverse .text {
          order: 2; } }
    @media screen and (min-width: 480px) and (max-width: 860px) {
      .section .wrap .img {
        width: 70%;
        margin: 0 auto 1em; } }
    .section .wrap .title {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      color: #4C5BA8; }
      .section .wrap .title .strong-no {
        width: 8%;
        font-family: "Roboto", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500; }
        .section .wrap .title .strong-no .no {
          font-size: 40px;
          font-size: 4rem;
          display: block;
          line-height: 1;
          text-align: center; }
        .section .wrap .title .strong-no .en {
          font-size: 9px;
          font-size: 0.9rem;
          display: block;
          line-height: 1;
          text-align: center; }
      .section .wrap .title h3 {
        width: 92%;
        margin: 0;
        padding-left: 1em; }

@media print, screen and (min-width: 1023px) {
  .list-within li {
    width: 32%; } }
@media screen and (max-width: 1022px) {
  .list-within li {
    width: 50%; } }
@media screen and (max-width: 479px) {
  .list-within li {
    width: 100%; } }