/* Scss Document */
#wrapper #mainarea {
  padding: 84px 0 0 0;
  background: #f8f7f3; }
  #wrapper #mainarea #mv {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 0; }
    #wrapper #mainarea #mv .bg {
      position: relative;
      z-index: 0; }
      #wrapper #mainarea #mv .bg img {
        width: 100%; }
  #wrapper #mainarea .title {
    background: #FFF;
    margin: 0 0 0 0;
    padding: 3% 0 3% 0; }
    #wrapper #mainarea .title h1 {
      text-align: center;
      font-family: 'kobu_g_std_w6';
      font-size: 28px;
      line-height: 32px;
      letter-spacing: 2px;
      color: #00a0e9; }
      #wrapper #mainarea .title h1 span {
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 5px 0; }
  #wrapper #mainarea #contents #outline {
    width: 100%;
    margin: 5% 0 0 0;
    padding: 0 0 0 0; }
    #wrapper #mainarea #contents #outline .inner {
      width: 90%;
      max-width: 960px;
      margin: 0 auto 0 auto;
      padding: 0 0 6% 0; }
      #wrapper #mainarea #contents #outline .inner .disc2 {
        width: 100%;
        max-width: 620px;
        margin-top: 6%;
        margin-left: auto;
        margin-right: auto;
        padding: 6% 0 0 0;
        background: url(../img/index/wave.png) no-repeat;
        background-position: center top;
        background-size: contain; }
        #wrapper #mainarea #contents #outline .inner .disc2 p {
          font-family: 'kobu_g_std_w3';
          font-size: 16px;
          line-height: 32px; }
        #wrapper #mainarea #contents #outline .inner .disc2 p.border {
          border-top: solid 1px #00a0e9;
          border-bottom: solid 1px #00a0e9;
          padding: 5px 0;
          margin-top: 5px; }
          #wrapper #mainarea #contents #outline .inner .disc2 p.border a {
            color: #231815; }
          #wrapper #mainarea #contents #outline .inner .disc2 p.border a:hover {
            color: #00a0e9; }
      #wrapper #mainarea #contents #outline .inner .disc3 {
        width: 100%;
        max-width: 620px;
        margin-top: 6%;
        margin-left: auto;
        margin-right: auto;
        padding: 6% 0 0 0;
        background: url(../img/index/wave.png) no-repeat;
        background-position: center top;
        background-size: contain; }
        #wrapper #mainarea #contents #outline .inner .disc3 h3 {
          font-size: 18px;
          line-height: 1.4; }
        @media only screen and (min-width: 1px) and (max-width: 640px) {
          #wrapper #mainarea #contents #outline .inner .disc3 h3 {
            font-size: 16px; } }
        #wrapper #mainarea #contents #outline .inner .disc3 p {
          font-size: 16px;
          line-height: 1.4; }
        @media only screen and (min-width: 1px) and (max-width: 640px) {
          #wrapper #mainarea #contents #outline .inner .disc3 p {
            font-size: 14px; } }
      #wrapper #mainarea #contents #outline .inner h2 {
        text-align: center;
        display: block;
        font-family: 'kobu_g_std_w3';
        font-size: 22px;
        line-height: 26px;
        letter-spacing: 2px;
        color: #00a0e9; }
        #wrapper #mainarea #contents #outline .inner h2 span {
          display: inline-block;
          border: solid 2px #00a0e9;
          margin: 0 auto 0 auto;
          padding: 0.5% 2% 0.5% 2%; }
      #wrapper #mainarea #contents #outline .inner .outline_list {
        width: 100%;
        max-width: 960px;
        margin: 6% auto 6% auto;
        padding: 6% 0 0 0;
        background: url(../img/index/wave.png) no-repeat;
        background-position: center top;
        background-size: contain; }
        #wrapper #mainarea #contents #outline .inner .outline_list p {
          font-family: 'kobu_g_std_w3';
          font-size: 16px;
          line-height: 32px;
          margin: 0 0 0 0;
          padding: 0 0 0 0; }
        #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap;
          margin-top: 3%; }
          #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms .clm {
            width: 31%;
            padding-bottom: 2em; }
            #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms .clm img {
              width: 100%;
              height: auto; }
        #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms::after {
          content: "";
          display: block;
          width: 31%; }
      #wrapper #mainarea #contents #outline .inner .other {
        width: 100%;
        max-width: 960px;
        margin: 6% auto 6% auto;
        padding: 0 0 0 0; }
        #wrapper #mainarea #contents #outline .inner .other .map {
          position: relative;
          z-index: 0;
          width: 100%;
          max-width: 780px;
          margin: 0 auto 0 auto;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .map .map_title {
            position: absolute;
            top: 2em;
            left: 5em;
            z-index: 2;
            display: inline-block;
            border: solid 2px #00a0e9;
            font-family: 'kobu_g_std_w3';
            text-align: center;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 2px;
            color: #00a0e9;
            padding: 16px 20px; }
          #wrapper #mainarea #contents #outline .inner .other .map img {
            width: 100%;
            max-width: 780px; }
        #wrapper #mainarea #contents #outline .inner .other .root {
          width: 100%;
          max-width: 620px;
          margin: 6% auto 0 auto;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .root ul {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            width: 100%;
            text-align: center;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            letter-spacing: -.4em; }
            #wrapper #mainarea #contents #outline .inner .other .root ul li {
              text-align: left;
              width: 48%;
              letter-spacing: normal;
              margin: 0 0 5% 0;
              padding: 0 0 0 0; }
              #wrapper #mainarea #contents #outline .inner .other .root ul li .root_title {
                font-family: 'kobu_g_std_w3';
                font-size: 24px;
                line-height: 34px;
                color: #00a0e9;
                margin: 0 0 10px 0;
                padding: 0 0 0 0; }
                #wrapper #mainarea #contents #outline .inner .other .root ul li .root_title .arrow {
                  display: inline-block;
                  width: 40px;
                  height: 10px;
                  background: url("../img/work/arrow.png") no-repeat;
                  background-position: 0 0;
                  background-size: contain;
                  margin: 0 5px 0 5px;
                  padding: 3px 0 0 0; }
              #wrapper #mainarea #contents #outline .inner .other .root ul li p {
                font-family: 'kobu_g_std_w3';
                font-size: 16px;
                line-height: 26px;
                margin: 0 0 0 0;
                padding: 0 0 0 0; }
        #wrapper #mainarea #contents #outline .inner .other .search {
          text-align: center; }
          #wrapper #mainarea #contents #outline .inner .other .search .title {
            background: none;
            font-family: 'kobu_g_std_w3';
            font-size: 24px;
            line-height: 34px; }
          #wrapper #mainarea #contents #outline .inner .other .search img {
            width: 100%;
            max-width: 480px; }
        #wrapper #mainarea #contents #outline .inner .other .links {
          text-align: center;
          margin: 0 0 0 0;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .links .title {
            background: none;
            font-family: 'kobu_g_std_w3';
            font-size: 24px;
            line-height: 34px; }
          #wrapper #mainarea #contents #outline .inner .other .links .LRbox {
            display: flex;
            justify-content: center;
            /*overflow: hidden;*/
            width: 100%;
            max-width: 700px;
            margin: 0 auto 0 auto;
            /*
            .Lbox{
            	float: left;
            	width: 48%;
            	.title{
            		border: solid 2px #00a0e9;
            		color: #00a0e9;
            		font-family: 'kobu_g_std_w3';
            		font-size: 22px;
            		line-height: 22px;
            		padding: 10px 0;
            	}
            	.arrow{
            		width: 0;
            		height: 0;
            		border-style: solid;
            		border-width: 20px 20px 0 20px;
            		border-color: #00a0e9 transparent transparent transparent;
            		margin: 10px auto;
            	}
            	.link{
            		a{
            			display: block;
            			color: #FFF;
            			background: #e60012;
            			text-decoration: none;
            			font-family: 'kobu_g_std_w3';
            			font-size: 20px;
            			line-height: 28px;
            			padding: 15px 0;
            		}
            		a:hover{
            			background: #00a0e9;
            			-moz-transition: .3s;
            			-webkit-transition: .3s;
            			-o-transition: .3s;
            			-ms-transition: .3s;
            			transition: .3s;
            		}
            	}
            }
            */ }
            #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox {
              /*float: right;*/
              width: 50%; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .title {
                border: solid 2px #00a0e9;
                color: #00a0e9;
                font-family: 'kobu_g_std_w3';
                font-size: 22px;
                line-height: 22px;
                padding: 10px 0; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .arrow {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 20px 20px 0 20px;
                border-color: #00a0e9 transparent transparent transparent;
                margin: 10px auto; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .link a {
                display: block;
                color: #FFF;
                background: #e60012;
                text-decoration: none;
                font-family: 'kobu_g_std_w3';
                font-size: 20px;
                line-height: 28px;
                padding: 15px 0; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .link a:hover {
                background: #00a0e9;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s;
                -ms-transition: .3s;
                transition: .3s; }
    #wrapper #mainarea #contents #outline .contactbox {
      text-align: center;
      display: block;
      width: 54%;
      margin: 0 auto 0 auto; }
      #wrapper #mainarea #contents #outline .contactbox .inner {
        display: inline-block;
        border: solid 1px #231815;
        margin: 0 auto 0 auto;
        padding: 2% 4% 2% 4%; }
        #wrapper #mainarea #contents #outline .contactbox .inner span {
          display: block;
          font-family: 'kobu_g_std_w6';
          font-size: 16px;
          line-height: 28px; }
        #wrapper #mainarea #contents #outline .contactbox .inner .mail {
          font-family: 'kobu_g_std_w6';
          font-size: 24px;
          line-height: 30px;
          margin: 5% 0 0 0;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .contactbox .inner .mail a {
            text-decoration: none;
            color: #231815; }
          #wrapper #mainarea #contents #outline .contactbox .inner .mail a:hover {
            color: #00a0e9; }
  #wrapper #mainarea #contents #recruit .job_wrap {
    border-bottom: solid 1px #00a0e9;
    padding-bottom: 1em;
    margin-bottom: 2em; }
  #wrapper #mainarea #contents #recruit .job_title {
    font-family: 'kobu_g_std_w6';
    border-bottom: solid 1px #00a0e9;
    padding: 0.3em 0;
    margin-bottom: 1em; }
  #wrapper #mainarea #contents #recruit .job_lead {
    font-family: 'kobu_g_std_w3';
    margin-bottom: 1em; }
  #wrapper #mainarea #contents #recruit .job_url_title {
    font-family: 'kobu_g_std_w3'; }
  #wrapper #mainarea #contents #recruit .job_url {
    font-family: 'kobu_g_std_w3';
    margin-bottom: 1em; }
    #wrapper #mainarea #contents #recruit .job_url a {
      text-decoration: none;
      color: #231815; }
    #wrapper #mainarea #contents #recruit .job_url a:hover {
      color: #00a0e9; }
  #wrapper #mainarea #contents #recruit .job_tel_title {
    font-family: 'kobu_g_std_w3'; }
  #wrapper #mainarea #contents #recruit .job_tel {
    font-family: 'kobu_g_std_w3'; }
    #wrapper #mainarea #contents #recruit .job_tel a {
      text-decoration: none;
      color: #231815; }
    #wrapper #mainarea #contents #recruit .job_tel a:hover {
      color: #00a0e9; }

@media only screen and (min-width: 641px) and (max-width: 960px) {
  #wrapper #mainarea #mv {
    position: relative;
    z-index: 0;
    width: 100%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    line-height: 0; }
    #wrapper #mainarea #mv .bg {
      position: relative;
      z-index: 0; }
      #wrapper #mainarea #mv .bg img {
        width: 100%; }
  #wrapper #mainarea .title {
    background: #FFF;
    margin: 0 0 0 0;
    padding: 3% 0 3% 0; }
    #wrapper #mainarea .title h1 {
      text-align: center;
      font-family: 'kobu_g_std_w6';
      font-size: 26px;
      line-height: 30px;
      letter-spacing: 2px;
      color: #00a0e9; }
      #wrapper #mainarea .title h1 span {
        display: block;
        margin: 0 0 0 0;
        padding: 0 0 5px 0; }
  #wrapper #mainarea #contents #outline {
    width: 100%;
    margin: 10% 0 0 0;
    padding: 0 0 0 0;
    clear: both; }
    #wrapper #mainarea #contents #outline .inner {
      width: 90%;
      max-width: 960px;
      margin: 0 auto 0 auto;
      padding: 0 0 6% 0; }
      #wrapper #mainarea #contents #outline .inner .disc {
        width: 100%;
        max-width: 620px;
        margin: 0 auto 0 auto;
        padding: 0 0 5% 0; }
        #wrapper #mainarea #contents #outline .inner .disc p {
          font-family: 'kobu_g_std_w3';
          font-size: 16px;
          line-height: 32px; }
      #wrapper #mainarea #contents #outline .inner .disc2 {
        width: 100%;
        max-width: 620px;
        padding: 6% 0 0 0;
        background: url(../img/index/wave.png) no-repeat;
        background-position: center top;
        background-size: contain; }
        #wrapper #mainarea #contents #outline .inner .disc2 p {
          font-family: 'kobu_g_std_w3';
          font-size: 16px;
          line-height: 32px; }
      #wrapper #mainarea #contents #outline .inner h2 {
        text-align: center;
        display: block;
        font-family: 'kobu_g_std_w3';
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 2px;
        color: #00a0e9; }
        #wrapper #mainarea #contents #outline .inner h2 span {
          display: inline-block;
          border: solid 2px #00a0e9;
          margin: 0 auto 0 auto;
          padding: 0.5% 2% 0.5% 2%; }
      #wrapper #mainarea #contents #outline .inner .outline_list {
        width: 100%;
        max-width: 960px;
        padding: 6% 0 0 0;
        background: url(../img/index/wave.png) no-repeat;
        background-position: center top;
        background-size: contain; }
        #wrapper #mainarea #contents #outline .inner .outline_list p {
          font-family: 'kobu_g_std_w3';
          font-size: 14px;
          line-height: 22px;
          margin: 0 0 0 0;
          padding: 0 0 0 0; }
      #wrapper #mainarea #contents #outline .inner .other {
        width: 100%;
        max-width: 960px;
        padding: 0 0 0 0; }
        #wrapper #mainarea #contents #outline .inner .other .map {
          position: relative;
          z-index: 0;
          width: 100%;
          max-width: 780px;
          margin: 0 auto 0 auto;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .map .map_title {
            position: absolute;
            top: 0em;
            left: 0em;
            z-index: 2;
            display: inline-block;
            border: solid 2px #00a0e9;
            font-family: 'kobu_g_std_w3';
            text-align: center;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: 2px;
            color: #00a0e9;
            padding: 16px 20px; }
          #wrapper #mainarea #contents #outline .inner .other .map img {
            width: 100%;
            max-width: 780px; }
        #wrapper #mainarea #contents #outline .inner .other .root {
          width: 100%;
          max-width: 620px;
          margin: 6% auto 0 auto;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .root ul {
            width: 100%;
            text-align: center;
            margin: 0 0 0 0;
            padding: 0 0 0 0;
            letter-spacing: -.4em; }
            #wrapper #mainarea #contents #outline .inner .other .root ul li {
              text-align: left;
              width: 48%;
              letter-spacing: normal;
              margin: 0 0 5% 0;
              padding: 0 0 0 0; }
              #wrapper #mainarea #contents #outline .inner .other .root ul li .root_title {
                font-family: 'kobu_g_std_w3';
                font-size: 22px;
                line-height: 26px;
                color: #00a0e9;
                margin: 0 0 10px 0;
                padding: 0 0 0 0; }
              #wrapper #mainarea #contents #outline .inner .other .root ul li p {
                font-family: 'kobu_g_std_w3';
                font-size: 16px;
                line-height: 26px;
                margin: 0 0 0 0;
                padding: 0 0 0 0; }
        #wrapper #mainarea #contents #outline .inner .other .search {
          text-align: center; }
          #wrapper #mainarea #contents #outline .inner .other .search .title {
            background: none;
            font-family: 'kobu_g_std_w3';
            font-size: 20px;
            line-height: 30px; }
          #wrapper #mainarea #contents #outline .inner .other .search img {
            width: 100%;
            max-width: 480px; }
        #wrapper #mainarea #contents #outline .inner .other .links {
          text-align: center;
          margin: 0 0 0 0;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .links .title {
            background: none;
            font-family: 'kobu_g_std_w3';
            font-size: 20px;
            line-height: 30px; }
          #wrapper #mainarea #contents #outline .inner .other .links .LRbox {
            overflow: hidden;
            width: 100%;
            max-width: 700px;
            margin: 0 auto 0 auto; }
            #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox {
              float: left;
              width: 48%; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .title {
                border: solid 2px #00a0e9;
                color: #00a0e9;
                font-family: 'kobu_g_std_w3';
                font-size: 18px;
                line-height: 18px;
                padding: 10px 0; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .arrow {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 20px 20px 0 20px;
                border-color: #00a0e9 transparent transparent transparent;
                margin: 10px auto; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .link a {
                display: block;
                color: #FFF;
                background: #e60012;
                text-decoration: none;
                font-family: 'kobu_g_std_w3';
                font-size: 18px;
                line-height: 24px;
                padding: 15px 0; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .link a:hover {
                background: #00a0e9;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s;
                -ms-transition: .3s;
                transition: .3s; }
            #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox {
              float: right;
              width: 48%; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .title {
                border: solid 2px #00a0e9;
                color: #00a0e9;
                font-family: 'kobu_g_std_w3';
                font-size: 18px;
                line-height: 18px;
                padding: 10px 0; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .arrow {
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 20px 20px 0 20px;
                border-color: #00a0e9 transparent transparent transparent;
                margin: 10px auto; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .link a {
                display: block;
                color: #FFF;
                background: #e60012;
                text-decoration: none;
                font-family: 'kobu_g_std_w3';
                font-size: 18px;
                line-height: 24px;
                padding: 15px 0; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .link a:hover {
                background: #00a0e9;
                -moz-transition: .3s;
                -webkit-transition: .3s;
                -o-transition: .3s;
                -ms-transition: .3s;
                transition: .3s; }
    #wrapper #mainarea #contents #outline .contactbox {
      text-align: left;
      display: block;
      width: 60%;
      margin: 0 auto 0 auto; }
      #wrapper #mainarea #contents #outline .contactbox .inner {
        display: inline-block;
        border: solid 1px #231815;
        margin: 0 auto 0 auto;
        padding: 2% 4% 2% 4%; }
        #wrapper #mainarea #contents #outline .contactbox .inner span {
          display: inline;
          font-family: 'kobu_g_std_w6';
          font-size: 16px;
          line-height: 26px; }
        #wrapper #mainarea #contents #outline .contactbox .inner .mail {
          text-align: center;
          font-family: 'kobu_g_std_w6';
          font-size: 22px;
          line-height: 28px;
          margin: 5% 0 0 0;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .contactbox .inner .mail a {
            text-decoration: none;
            color: #231815; }
          #wrapper #mainarea #contents #outline .contactbox .inner .mail a:hover {
            color: #00a0e9; } }
@media only screen and (min-width: 1px) and (max-width: 640px) {
  #wrapper #mainarea {
    padding: 64px 0 0 0; }
    #wrapper #mainarea #mv {
      position: relative;
      z-index: 0;
      width: 100%;
      margin: 0 0 0 0;
      padding: 0 0 0 0;
      line-height: 0; }
      #wrapper #mainarea #mv .bg {
        position: relative;
        z-index: 0; }
        #wrapper #mainarea #mv .bg img {
          width: 100%; }
    #wrapper #mainarea .title {
      background: #FFF;
      margin: 0 0 0 0;
      padding: 3% 0 3% 0; }
      #wrapper #mainarea .title h1 {
        text-align: center;
        font-family: 'kobu_g_std_w6';
        font-size: 20px;
        line-height: 24px;
        letter-spacing: 2px;
        color: #00a0e9; }
        #wrapper #mainarea .title h1 span {
          display: block;
          margin: 0 0 0 0;
          padding: 0 0 5px 0; }
          #wrapper #mainarea .title h1 span img {
            max-width: 31px; }
    #wrapper #mainarea #contents #outline {
      width: 100%;
      margin: 10% 0 0 0;
      padding: 0 0 0 0;
      clear: both; }
      #wrapper #mainarea #contents #outline .inner {
        width: 90%;
        max-width: 960px;
        margin: 0 auto 0 auto;
        padding: 0 0 0% 0; }
        #wrapper #mainarea #contents #outline .inner .disc {
          width: 100%;
          max-width: 620px;
          margin: 0 auto 0 auto;
          padding: 0 0 5% 0; }
          #wrapper #mainarea #contents #outline .inner .disc p {
            font-family: 'kobu_g_std_w3';
            font-size: 14px;
            line-height: 28px; }
        #wrapper #mainarea #contents #outline .inner .disc2 {
          width: 100%;
          max-width: 620px;
          padding: 6% 0 0 0;
          background: url(../img/index/wave.png) no-repeat;
          background-position: center top;
          background-size: contain; }
          #wrapper #mainarea #contents #outline .inner .disc2 p {
            font-family: 'kobu_g_std_w3';
            font-size: 14px;
            line-height: 28px; }
        #wrapper #mainarea #contents #outline .inner h2 {
          text-align: center;
          display: block;
          font-family: 'kobu_g_std_w3';
          font-size: 18px;
          line-height: 24px;
          letter-spacing: 2px;
          color: #00a0e9; }
          #wrapper #mainarea #contents #outline .inner h2 span {
            display: inline-block;
            border: solid 2px #00a0e9;
            margin: 0 auto 0 auto;
            padding: 0.5% 2% 0.5% 2%; }
        #wrapper #mainarea #contents #outline .inner .outline_list {
          width: 100%;
          max-width: 960px;
          padding: 6% 0 0 0;
          background: url(../img/index/wave.png) no-repeat;
          background-position: center top;
          background-size: contain; }
          #wrapper #mainarea #contents #outline .inner .outline_list p {
            font-family: 'kobu_g_std_w3';
            font-size: 14px;
            line-height: 22px;
            margin: 0 0 0 0;
            padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms {
            display: flex;
            justify-content: space-between;
            flex-wrap: wrap;
            margin-top: 3%;
            padding-bottom: 3%; }
            #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms .clm {
              width: 100%; }
              #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms .clm img {
                width: 100%;
                height: auto; }
            #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms .clm + .clm {
              margin-top: 10px; }
          #wrapper #mainarea #contents #outline .inner .outline_list .ph_clms::after {
            content: "";
            display: block;
            width: 100%; }
        #wrapper #mainarea #contents #outline .inner .other {
          width: 100%;
          max-width: 960px;
          padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .map {
            position: relative;
            z-index: 0;
            width: 100%;
            max-width: 780px;
            margin: 0 auto 0 auto;
            padding: 0 0 0 0; }
            #wrapper #mainarea #contents #outline .inner .other .map .map_title {
              position: relative;
              top: 0em;
              left: 0em;
              z-index: 2;
              display: block;
              border: solid 2px #00a0e9;
              font-family: 'kobu_g_std_w3';
              text-align: center;
              font-size: 14px;
              line-height: 22px;
              letter-spacing: 2px;
              color: #00a0e9;
              margin: 0 0 5% 0;
              padding: 16px 20px; }
              #wrapper #mainarea #contents #outline .inner .other .map .map_title .sp {
                display: none; }
            #wrapper #mainarea #contents #outline .inner .other .map img {
              width: 100%;
              max-width: 780px; }
          #wrapper #mainarea #contents #outline .inner .other .root {
            width: 100%;
            max-width: 620px;
            margin: 6% auto 0 auto;
            padding: 0 0 0 0; }
            #wrapper #mainarea #contents #outline .inner .other .root ul {
              width: 100%;
              text-align: center;
              margin: 0 0 0 0;
              padding: 0 0 0 0;
              letter-spacing: -.4em; }
              #wrapper #mainarea #contents #outline .inner .other .root ul li {
                text-align: left;
                width: 100%;
                letter-spacing: normal;
                margin: 0 0 5% 0;
                padding: 0 0 0 0; }
                #wrapper #mainarea #contents #outline .inner .other .root ul li .root_title {
                  font-family: 'kobu_g_std_w3';
                  font-size: 18px;
                  line-height: 24px;
                  color: #00a0e9;
                  margin: 0 0 10px 0;
                  padding: 0 0 0 0; }
                #wrapper #mainarea #contents #outline .inner .other .root ul li p {
                  font-family: 'kobu_g_std_w3';
                  font-size: 14px;
                  line-height: 22px;
                  margin: 0 0 0 0;
                  padding: 0 0 0 0; }
          #wrapper #mainarea #contents #outline .inner .other .search {
            text-align: center; }
            #wrapper #mainarea #contents #outline .inner .other .search .title {
              background: none;
              font-family: 'kobu_g_std_w3';
              font-size: 16px;
              line-height: 22px; }
            #wrapper #mainarea #contents #outline .inner .other .search img {
              width: 100%;
              max-width: 240px; }
          #wrapper #mainarea #contents #outline .inner .other .links {
            text-align: center;
            margin: 0 0 0 0;
            padding: 0 0 0 0; }
            #wrapper #mainarea #contents #outline .inner .other .links .title {
              background: none;
              font-family: 'kobu_g_std_w3';
              font-size: 16px;
              line-height: 22px; }
            #wrapper #mainarea #contents #outline .inner .other .links .LRbox {
              overflow: hidden;
              width: 100%;
              max-width: 700px;
              margin: 0 auto 0 auto; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox {
                float: none;
                width: 100%;
                margin: 0 0 10% 0; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .title {
                  border: solid 2px #00a0e9;
                  color: #00a0e9;
                  font-family: 'kobu_g_std_w3';
                  font-size: 16px;
                  line-height: 16px;
                  padding: 10px 0; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .arrow {
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 20px 20px 0 20px;
                  border-color: #00a0e9 transparent transparent transparent;
                  margin: 10px auto; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .link a {
                  display: block;
                  color: #FFF;
                  background: #e60012;
                  text-decoration: none;
                  font-family: 'kobu_g_std_w3';
                  font-size: 16px;
                  line-height: 22px;
                  padding: 15px 0; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Lbox .link a:hover {
                  background: #00a0e9;
                  -moz-transition: .3s;
                  -webkit-transition: .3s;
                  -o-transition: .3s;
                  -ms-transition: .3s;
                  transition: .3s; }
              #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox {
                float: none;
                width: 100%;
                margin: 0 0 10% 0; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .title {
                  border: solid 2px #00a0e9;
                  color: #00a0e9;
                  font-family: 'kobu_g_std_w3';
                  font-size: 16px;
                  line-height: 16px;
                  padding: 10px 0; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .arrow {
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-width: 20px 20px 0 20px;
                  border-color: #00a0e9 transparent transparent transparent;
                  margin: 10px auto; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .link a {
                  display: block;
                  color: #FFF;
                  background: #e60012;
                  text-decoration: none;
                  font-family: 'kobu_g_std_w3';
                  font-size: 16px;
                  line-height: 22px;
                  padding: 15px 0; }
                #wrapper #mainarea #contents #outline .inner .other .links .LRbox .Rbox .link a:hover {
                  background: #00a0e9;
                  -moz-transition: .3s;
                  -webkit-transition: .3s;
                  -o-transition: .3s;
                  -ms-transition: .3s;
                  transition: .3s; }
      #wrapper #mainarea #contents #outline .contactbox {
        text-align: left;
        display: block;
        width: 90%;
        margin: 0 auto 0 auto; }
        #wrapper #mainarea #contents #outline .contactbox .inner {
          display: inline-block;
          border: solid 1px #231815;
          margin: 0 auto 0 auto;
          padding: 2% 4% 2% 4%; }
          #wrapper #mainarea #contents #outline .contactbox .inner span {
            display: inline;
            font-family: 'kobu_g_std_w6';
            font-size: 14px;
            line-height: 22px; }
          #wrapper #mainarea #contents #outline .contactbox .inner .mail {
            text-align: center;
            font-family: 'kobu_g_std_w6';
            font-size: 16px;
            line-height: 26px;
            margin: 5% 0 0 0;
            padding: 0 0 0 0; }
            #wrapper #mainarea #contents #outline .contactbox .inner .mail a {
              text-decoration: none;
              color: #231815; }
            #wrapper #mainarea #contents #outline .contactbox .inner .mail a:hover {
              color: #00a0e9; } }

/*# sourceMappingURL=work.css.map */