/* Scss Document */
/* Scss Document */
/*---------------
   mv
---------------*/
#mv {
  background: url("../images/index/mv_bg.jpg") top center no-repeat; }
  #mv .inner {
    padding: 0; }

/*---------------
   content
---------------*/
#outline > .inner {
  position: relative;
  z-index: 1; }

#outline .greeting {
  position: relative;
  background: #FEF1DE; }
  #outline .greeting:after {
    position: absolute;
    top: -150px;
    left: 50%;
    -webkit-transform: translate(-135%, 0);
    -ms-transform: translate(-135%, 0);
    transform: translate(-135%, 0);
    content: '';
    width: 553px;
    height: 573px;
    background: url("../images/index/outline_bg_01.png") top center no-repeat; }
  #outline .greeting_left {
    width: 570px;
    font-size: 1.6rem;
    line-height: 2; }
  #outline .greeting_right {
    width: 470px; }

#outline .plofile {
  width: 570px; }
  #outline .plofile .plofile_name {
    position: relative;
    margin-bottom: 20px;
    color: #F46A46;
    font-size: 3.6rem;
    font-weight: 400; }
    #outline .plofile .plofile_name span {
      display: block;
      margin-top: 20px;
      color: #1F1713;
      font-size: 1.6rem;
      font-weight: 500; }
    #outline .plofile .plofile_name:after {
      position: absolute;
      bottom: 40px;
      left: 0;
      content: '';
      width: 336px;
      height: 1px;
      border-bottom: #F46A46 1px dotted; }
  #outline .plofile p {
    color: #1F1713;
    font-size: 1.5rem;
    line-height: 1.8; }

#outline .outline {
  position: relative;
  width: 475px; }
  #outline .outline:after {
    position: absolute;
    top: -110px;
    right: -230px;
    content: '';
    width: 635px;
    height: 615px;
    background: url("../images/index/outline_bg_02.png") top center no-repeat; }

#business .mttl {
  color: #009DD8; }
  #business .mttl:after {
    border-bottom: #009DD8 6px dotted; }

#business .business_wrap {
  background: rgba(0, 174, 240, 0.1);
  background: -moz-linear-gradient(top left, rgba(0, 240, 210, 0.1) 0%, rgba(0, 174, 240, 0.1) 100%);
  background: -webkit-gradient(linear, left top, right bottom, from(rgba(0, 240, 210, 0.1)), to(rgba(0, 174, 240, 0.1)));
  background: -webkit-linear-gradient(top left, rgba(0, 240, 210, 0.1) 0%, rgba(0, 174, 240, 0.1) 100%);
  background: -o-linear-gradient(top left, rgba(0, 240, 210, 0.1) 0%, rgba(0, 174, 240, 0.1) 100%);
  background: linear-gradient(to bottom right, rgba(0, 240, 210, 0.1) 0%, rgba(0, 174, 240, 0.1) 100%); }

#business .business_list {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  #business .business_list .business_list_item {
    width: 330px;
    margin: 0 20px; }
    #business .business_list .business_list_item .business_list_img {
      text-align: center; }
    #business .business_list .business_list_item .business_list_ttl {
      margin: 20px 0;
      color: #009DD8;
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 1.2;
      text-align: center; }
    #business .business_list .business_list_item .business_list_text {
      color: #333;
      font-size: 1.5rem; }

#business .business_othres .business_othres_list {
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 800px;
  margin: 0 auto 60px; }
  #business .business_othres .business_othres_list .business_othres_list_item {
    margin: 5px;
    padding: 0 30px;
    background: #FFF;
    border-radius: 25px;
    color: #009DD8;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 49px; }
    #business .business_othres .business_othres_list .business_othres_list_item .small {
      font-size: 1.4rem; }

#access {
  width: 50%;
  background: #FFF9F2; }
  #access .inner {
    width: 540px;
    min-width: 540px;
    margin: -20px auto 0;
    background: #FFF;
    padding: 60px 40px; }
  #access .basic_table {
    width: 460px; }

#map {
  width: 50%; }

#info {
  position: relative; }
  #info:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translate(-125%, 0);
    -ms-transform: translate(-125%, 0);
    transform: translate(-125%, 0);
    content: '';
    width: 631px;
    height: 528px;
    background: url("../images/index/info_bg.png") top center no-repeat; }
  #info.content {
    padding-bottom: 40px; }
  #info .lttl {
    padding-left: 80px;
    text-align: left; }
    #info .lttl:after {
      bottom: 50%;
      left: 0;
      -webkit-transform: translate(0, 50%);
      -ms-transform: translate(0, 50%);
      transform: translate(0, 50%); }
  #info .inner {
    padding-left: 410px; }
  #info .info_list {
    margin-bottom: 60px; }
  #info .info_list_item {
    overflow: hidden;
    width: 750px;
    margin-bottom: 1em; }
    #info .info_list_item:last-child {
      margin-bottom: 0; }
    #info .info_list_item .date {
      float: left;
      color: #F36A46;
      font-size: 1.6rem;
      line-height: 1.4; }
    #info .info_list_item .info_ttl {
      padding-left: 7em;
      color: #1F1713;
      font-size: 1.6rem;
      font-weight: 400;
      line-height: 1.4;
      letter-spacing: 0; }
  #info .btn {
    margin: 0; }
    #info .btn a {
      background: #F46A46; }

@media screen and (max-width: 1200px) {
  #access {
    width: 50%; }
  #map iframe {
    width: 100%; } }

@media screen and (max-width: 640px) {
  /*---------------
		 mv
	---------------*/
  #mv {
    margin-top: 10.52632vw;
    /*(80/760)*100vw*/
    background: none; }
  /*---------------
		 content
	---------------*/
  #outline .greeting:after {
    top: -19.73684vw;
    -webkit-transform: translate(-90%, 0);
    -ms-transform: translate(-90%, 0);
    transform: translate(-90%, 0);
    width: 72.76316vw;
    height: 75.39474vw;
    background-size: contain; }
  #outline .greeting_left {
    width: 100%;
    margin: 0 0 7.89474vw; }
  #outline .greeting_right {
    width: 100%; }
    #outline .greeting_right figure {
      text-align: center; }
    #outline .greeting_right img {
      width: 62.5vw; }
  #outline .greeting .flex_wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; }
  #outline > .flex_wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; }
  #outline .plofile {
    position: relative;
    width: 100%; }
    #outline .plofile:after {
      position: absolute;
      top: -7.89474vw;
      /*(-60/760)*100vw*/
      right: -26.31579vw;
      /*(-200/760)*100vw*/
      content: '';
      width: 83.55263vw;
      /*(635/760)*100vw*/
      height: 80.92105vw;
      /*(615/760)*100vw*/
      background: url("../images/index/outline_bg_02.png") top center no-repeat;
      background-size: contain; }
    #outline .plofile.inner_content {
      padding-bottom: 0; }
    #outline .plofile .plofile_name {
      margin-bottom: 5.26316vw;
      /*(40/760)*100vw*/
      font-size: 5.26316vw;
      /*(40/760)*100vw*/ }
      #outline .plofile .plofile_name span {
        margin-top: 3.94737vw;
        /*(30/760)*100vw*/
        font-size: 2.89474vw;
        /*(22/760)*100vw*/ }
      #outline .plofile .plofile_name:after {
        bottom: 6.57895vw;
        /*(50/760)*100vw*/
        width: 100%; }
    #outline .plofile p {
      font-size: 3.68421vw;
      /*(28/760)*100vw*/ }
  #outline .outline {
    width: 100%; }
    #outline .outline:after {
      content: none; }
    #outline .outline.inner_content {
      padding-bottom: 0; }
  #business .mttl:after {
    border-bottom: #009DD8 0.65789vw dotted; }
  #business .business.inner_content {
    padding-bottom: 0; }
  #business .business_list {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; }
    #business .business_list .business_list_item {
      -webkit-display: flex;
      -moz-display: flex;
      -ms-display: flex;
      -o-display: flex;
      display: -webkit-box;
      display: flex;
      -webkit-align-items: center;
      -moz-align-items: center;
      -ms-align-items: center;
      -o-align-items: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      width: 100%;
      margin: 0; }
      #business .business_list .business_list_item .business_list_img {
        width: 40.13158vw;
        /*(305/760)*100vw*/ }
      #business .business_list .business_list_item .business_list_text {
        width: 44.73684vw;
        /*(340/760)*100vw*/ }
      #business .business_list .business_list_item .business_list_ttl {
        margin: 2.63158vw 0;
        font-size: 3.94737vw;
        /*(30/760)*100vw*/
        text-align: left; }
      #business .business_list .business_list_item .business_list_text {
        font-size: 2.89474vw;
        /*(22/760)*100vw*/ }
      #business .business_list .business_list_item:nth-child(2n+2) .business_list_img {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2; }
      #business .business_list .business_list_item:nth-child(2n+2) .business_list_text {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1; }
  #business .business_othres .business_othres_list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
    margin: 0 auto 6.57895vw; }
    #business .business_othres .business_othres_list .business_othres_list_item {
      margin: 0 0.65789vw 1.31579vw;
      padding: 0 2.63158vw;
      border-radius: 4.21053vw;
      /*(30/760)*100vw*/
      color: #009DD8;
      font-size: 3.68421vw;
      /*(28/760)*100vw*/
      line-height: 8.28947vw;
      /*(63/760)*100vw*/ }
      #business .business_othres .business_othres_list .business_othres_list_item .small {
        font-size: 3.15789vw;
        /*(24/760)*100vw*/ }
  .access_wrap {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column; }
  #access {
    width: 100%;
    padding: 10.52632vw 0; }
    #access .inner {
      width: 88.15789vw;
      /*(670/760)*100vw*/
      min-width: 88.15789vw;
      /*(670/760)*100vw*/
      margin: -2.63158vw auto 0;
      padding: 6.57895vw 3.94737vw; }
    #access .basic_table {
      width: 100%; }
  #map {
    width: 100%;
    height: 78.94737vw;
    /*(600/760)*100vw*/ }
    #map iframe {
      height: 78.94737vw;
      /*(600/760)*100vw*/ }
  #info:after {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 105vw;
    /*(798/760)*100vw*/
    height: 87.5vw;
    /*(665/760)*100vw*/
    background: url("../images/index/info_bg.png") top center no-repeat;
    background-size: contain; }
  #info.content {
    padding-bottom: 78.94737vw;
    /*(600/760)*100vw*/ }
  #info .lttl {
    padding-left: 15.78947vw;
    /*(120/760)*100vw*/ }
  #info .inner {
    padding: 0; }
  #info .info_list {
    margin-bottom: 2.63158vw;
    /*(20/760)*100vw*/ }
  #info .info_list_item {
    padding: 1em 5.26316vw;
    width: 100%;
    margin-bottom: 0;
    background: url("../images/index/info_arrow_sp.png") top 50% right 2.63158vw no-repeat;
    background-size: 1.84211vw;
    /*(14/760)*100vw*/ }
    #info .info_list_item:nth-child(even) {
      background: url("../images/index/info_arrow_sp.png") top 50% right 2.63158vw no-repeat, rgba(220, 120, 95, 0.05);
      background-size: 1.84211vw;
      /*(14/760)*100vw*/ }
    #info .info_list_item .date {
      float: none;
      font-size: 3.68421vw;
      /*(28/760)*100vw*/ }
    #info .info_list_item .info_ttl {
      padding-left: 0;
      font-size: 3.68421vw;
      /*(28/760)*100vw*/ }
  #info .btn {
    margin: 0 auto; } }