@charset "UTF-8";
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html {
  font-size: 62.5%;
  /* 1rem = 10pxに設定する */
  font-family: "Noto Sans Japanese";
  color: #777; }

body {
  font-size: 1.6rem;
  margin: 0; }

ul, li {
  list-style-type: none;
  margin: 0;
  padding: 0; }

a {
	transition: 0.7s;
	text-decoration: none;
}

img {
  height: auto;
}

a:hover {
	opacity: 0.7;
}

a:visited,a:active,a:link {
	color: #22aabb;
}

.img-responsive {
  width: 100%; }

.offset40 {
  margin-top: -40px; }

.fwb {
  font-weight: bold; }

.fwn {
  font-weight: normal; }

.tac {
  text-align: center !important; }

.tar {
  text-align: right !important; }

.tal {
  text-align: left !important; }

.fs10 {
  font-size: 1rem; }

.fs11 {
  font-size: 11px; }

.fs12 {
  font-size: 12px; }

.fs13 {
  font-size: 13px; }

.fs14 {
  font-size: 14px; }

.fs15 {
  font-size: 1.5rem; }

.fs20 {
  font-size: 2rem; }

.fs25 {
  font-size: 2.5rem; }

.pr10 {
  padding-right: 10px; }

.flex {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

.space-between {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

.flex-end {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end; }

.align-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center; }

.head-lg {
  font-size: 4.5rem; }

.head-md {
  font-size: 2.8rem; }

.head-sm {
  font-size: 2rem; }

.prime-color {
  color: #22aabb; }

.base-color {
  color: #555555; }

.sub-color {
  color: #777777; }

.bg-darkgray {
  background-color: #777 !important;
  color: #fff; }

.bg-gray {
  background-color: #e0e0e0 !important;
  color: #777; }

.mt1 {
  margin-top: 1% !important; }

.mt2 {
  margin-top: 2% !important; }

.mt3 {
  margin-top: 3% !important; }

.mt4 {
  margin-top: 4% !important; }

.mt5 {
  margin-top: 5% !important; }

.mt6 {
  margin-top: 6% !important; }

.mt7 {
  margin-top: 7% !important; }

.mt8 {
  margin-top: 8% !important; }

.mt9 {
  margin-top: 9% !important; }

.mt10 {
  margin-top: 10% !important; }

.mb1 {
  margin-bottom: 1% !important; }

.mb2 {
  margin-bottom: 2% !important; }

.mb3 {
  margin-bottom: 3% !important; }

.mb4 {
  margin-bottom: 4% !important; }

.mb5 {
  margin-bottom: 5% !important; }

.mb6 {
  margin-bottom: 6% !important; }

.mb7 {
  margin-bottom: 7% !important; }

.mb8 {
  margin-bottom: 8% !important; }

.mb9 {
  margin-bottom: 9% !important; }

.mb10 {
  margin-bottom: 10% !important; }

.mb15 {
  margin-bottom: 15% !important; }

.mb20 {
  margin-bottom: 20% !important; }

.mr1 {
  margin-right: 1% !important; }

.mr2 {
  margin-right: 2% !important; }

.mr3 {
  margin-right: 3% !important; }

.mr4 {
  margin-right: 4% !important; }

.mr5 {
  margin-right: 5% !important; }

.ml1 {
  margin-left: 1% !important; }

.ml2 {
  margin-left: 2% !important; }

.ml3 {
  margin-left: 3% !important; }

.ml4 {
  margin-left: 4% !important; }

.ml5 {
  margin-left: 5% !important; }

.pt0 {
  padding-top: 0 !important; }

.pt1 {
  padding-top: 1% !important; }

.pt2 {
  padding-top: 2% !important; }

.pt3 {
  padding-top: 3% !important; }

.pr1 {
  padding-right: 1% !important; }

.pr2 {
  padding-right: 2% !important; }

.pr3 {
  padding-right: 3% !important; }

.pb0 {
  padding-bottom: 0 !important; }

.pb1 {
  padding-bottom: 1% !important; }

.pb2 {
  padding-bottom: 2% !important; }

.pb3 {
  padding-bottom: 3% !important; }

.pl1 {
  padding-left: 1% !important; }

.pl2 {
  padding-left: 2% !important; }

.pl3 {
  padding-left: 3% !important; }

.divide {
  border-bottom: 1px solid #d6d6d6; }

.layer10 {
  position: relative;
  z-index: 10; }

@media screen and (max-width: 765px) {
	.head-lg {
	  font-size: 2.5rem;
		margin-bottom: 5px;

	}

	.head-md {
	  font-size: 1.8rem; }

	.head-sm {
	  font-size: 1rem; }
}

	/*----------------------------------------------------
	Responsive
	----------------------------------------------------*/
.img-responsive {
	width: 100%;
}

.pc {
	display: block!important;
}

.sp {
	display: none!important;
}

@media screen and (max-width: 765px) {
	.pc {
		display: none!important;
	}

	.sp {
		display: block!important;
	}
}

/*----------------------------------------------------
	category-label
----------------------------------------------------*/
.label {
  display: block;
  min-width: 120px;
  padding: 3px 0;
  text-align: center; }

.label-blue {
  background-color: #228abb;
  color: #fff; }

.label-yellow {
  background-color: #f4cc43;
  color: #fff; }

/*----------------------------------------------------
	背景element
----------------------------------------------------*/
.bg-square {
  position: absolute;
  top: -1%;
  right: 0%;
  display: block;
  width: 510px;
  height: 230px;
  max-width: 512px;
  max-height: 237px;
  background-color: #a3dce5;
  z-index: -1; }

/*----------------------------------------------------
	見出し
----------------------------------------------------*/
.heading-set {
  margin-bottom: 3%;
  text-align: center; }
  .heading-set .ja {
    font-size: 3.5rem;
    color: #22aabb;
    font-weight: bold; }
  .heading-set .en {
    font-size: 2.5rem;
    color: #777777; }
  .heading-set span {
    display: block; }

@media screen and (max-width: 765px) {
	.heading-set .ja {
    font-size: 2.3rem;
	 }
  .heading-set .en {
    font-size: 2.0rem;
    color: #777777; }
}

/*----------------------------------------------------
	Button
----------------------------------------------------*/
.btn {
  display: inline-block;
  padding: 5% 20%;
  border-radius: 45px;
  border: 1px solid;
  text-align: center; }

.btn-area_col-3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 920px;
  margin: 0 auto;
  padding: 40px 30px;
  background-color: #fff; }
  .btn-area_col-3 .left {
    padding-bottom: 10px;
    font-size: 35px;
    line-height: 1;
    color: #22aabb; }
    .btn-area_col-3 .left .small-text {
      font-size: 19px; }
  .btn-area_col-3 .btn {
    width: 360px;
    height: 80px;
    margin: 10px 20px 0;
    padding: 0;
    line-height: 80px;
    border: 2px solid #fff;
    border-radius: 40px;
    color: #fff;
    background-color: #fb606f;
    text-decoration: none;
    font-size: 22px;
    -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
  .btn-area_col-3 .right .tel {
    font-size: 20px; }

  .btnWrap-service_price {
    display: flex;
    justify-content: center;
  }
  .btn-service_price {
    padding: 12px 24px;
    background-color: #22aabb;
    color: #fff;
    font-size: 2rem;
  }
  .btn-service_price:hover,
  .btn-service_price:active,
  .btn-service_price:link,
  .btn-service_price:visited {
    color: #fff;
  }
/*----------------------------------------------------
	Label
----------------------------------------------------*/
/*----------------------------------------------------
	header
----------------------------------------------------*/
header {
  width: 1200px;
  margin: 0 auto;
  background-color: #ffffff; }
  header .header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    header .header_inner .logo {
      z-index: 999; }
    header .header_inner .header_nav {
      width: 70%; }
      header .header_inner .header_nav ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
            justify-content: space-around;
        margin-top: -40px; }
      header .header_inner .header_nav li {
        width: 20%; }
      header .header_inner .header_nav a {
        display: block;
        width: 100%;
        padding: 3% 10%;
        color: #777777;
        text-decoration: none;
        text-align: center; }
      header .header_inner .header_nav .active {
        border-bottom: 1px solid #0bb09f; }
      header .header_inner .header_nav .acc {
        position: relative; }
        header .header_inner .header_nav .acc .nav-arrow {
          padding: 0 10px; }
      header .header_inner .header_nav .acc-menu {
        position: absolute;
        display: none;
        width: 170px;
        font-size: 12px;
        background-color: #fff;
        z-index: 9999; }
        header .header_inner .header_nav .acc-menu a {
          padding: 6% 0%; }
        header .header_inner .header_nav .acc-menu a:not(:last-child) {
          border-bottom: 1px solid #e9e9e9; }
      header .header_inner .header_nav .acc.on img {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }


      header .header_inner .header_nav .acc_01 {
        position: relative; }
        header .header_inner .header_nav .acc_01 .nav-arrow {
          padding: 0 10px; }
      header .header_inner .header_nav .acc-menu {
        position: absolute;
        display: none;
        width: 170px;
        font-size: 12px;
        background-color: #fff;
        z-index: 9999; }
        header .header_inner .header_nav .acc-menu a {
          padding: 6% 0%; }
        header .header_inner .header_nav .acc-menu a:not(:last-child) {
          border-bottom: 1px solid #e9e9e9; }
      header .header_inner .header_nav .acc_01.on img {
        -webkit-transform: rotate(180deg);
                transform: rotate(180deg); }


.service-nav {
  display: none; }



	@media screen and (max-width: 765px) {
	header {
	  width: 100%;
	  margin: 0 auto;
	  background-color: #ffffff; }

	header .header_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    header .header_inner .logo {
			width: 40%;
			z-index: 0;
      }

			header .header_inner .logo img {
				width: 100%;
				vertical-align: bottom;
			}


}

/*----------------------------------------------------
	Slider_mv
----------------------------------------------------*/
.swiper-container {
	margin-top: -40px!important;
	text-align: center;
}

.swiper-container .pc {
	display: inline-block!important;
}

	@media screen and (max-width: 765px) {
		.swiper-container {
			margin-top: 0px!important;
		}

	.swiper-container .pc {
		display: none!important;
	}

		.swiper-slide img {
		  display: block;
			width: 100%;
		  margin: 0 auto; }
}

/*----------------------------------------------------
	layout
----------------------------------------------------*/
.sec_bg {
  background-image: url("../img/section_bg.png");
  background-size: cover;
  background-position: center;
  padding: 15px 0px; }

.container {
  width: 100%;
  background-image: url("../img/bg.png");
  background-repeat: repeat; }
  .container .contents {
    width: 1060px;
    margin: 0 auto;
    padding: 65px 0px 40px;
    color: #777; }
.container .contents .main {
	  /* max-width: 670px;
    width: 65%; */
	/* 20190213 add */
  	  background-color: #fff;
  	  padding: 5%;
	/* 20190220 add */
		  max-width: 850px;
    width: 75%;
}
      .container .contents .main .border-b {
        border-bottom: 1px solid #777; }
    .container .contents .side {
	  /* max-width: 318px;
      width: 33%; */
	 /* 20190220 add */
		max-width: 210px;
		width: 25%;
}
      .container .contents .side .side-nav {
        width: 100%; }
        .container .contents .side .side-nav .side-nav-head {
         /* padding: 20px; */
          background-color: #22aabb;
          color: #fff;
          text-align: center;
          font-weight: bold;
	    /* 20190220 add */
		 padding: 10px;
}
        .container .contents .side .side-nav .side-nav-body {
          background-color: #fff; }
          .container .contents .side .side-nav .side-nav-body ul li {
            border-bottom: 1px solid #22aabb; }
            .container .contents .side .side-nav .side-nav-body ul li a {
              display: block;
              padding: 20px 0 20px 20px;
              text-decoration: none;
              color: #22aabb; }
          .container .contents .side .side-nav .side-nav-body .popular-box {
            padding: 25px;
            text-decoration: none;
            color: #777; }
            .container .contents .side .side-nav .side-nav-body .popular-box .label {
              display: block;
              min-width: 30px;
              height: 30px;
              padding: 3px 0;
              text-align: center;
              background-color: #22aabb;
              color: #fff; }
            .container .contents .side .side-nav .side-nav-body .popular-box .label-gray {
              display: block;
              min-width: 30px;
              height: 30px;
              padding: 3px 0;
              text-align: center;
              background-color: #777;
              color: #fff; }
            .container .contents .side .side-nav .side-nav-body .popular-box .thumb {
              width: 90px; }
            .container .contents .side .side-nav .side-nav-body .popular-box .text {
              margin-left: 20px; }
            .container .contents .side .side-nav .side-nav-body .popular-box .date {
              font-size: 14px; }

.contents-inner {
  width: 980px;
  margin: 0 auto; }


	@media screen and (max-width: 765px) {

	.sec_bg {
		padding-bottom: 5px;
	  background-image: none;
	}

		.container .contents {
			width: 94%;
			margin: 0 auto;
			padding: 25px 0px 40px;
			color: #777; }


		.contents-inner {
		  width: 98%;
		  margin: 0 auto; }

		.container .contents .main {
			max-width: 100%;
			width: 100%; }

		.container .contents .side {
			max-width: 100%;
			width: 100%;
		}

		.container .contents .side .side-nav .side-nav-body .popular-box {
			padding: 15px;
		}
	}

/*----------------------------------------------------
	Top
----------------------------------------------------*/

#top .feature {
	margin-bottom: 10px;
}

#top .row {
  display: block;
  max-width: 1080px;
  margin: 0 auto; }
  #top .row .col-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    #top .row .col-3 .item {
      position: relative;
      width: 31%;
      padding: 4% 2% 10%;
      background-color: #ffffff;
      border: 1px solid #1e859a;
      border-radius: 4px; }
      #top .row .col-3 .item .icon {
        margin-bottom: 20px;
        text-align: center; }
      #top .row .col-3 .item .head {
        margin-bottom: 10px;
        text-align: center;
        font-size: 18px;
        color: #22aabb; }
      #top .row .col-3 .item .body {
        margin-bottom: 30px;
        font-size: 14px; }
      #top .row .col-3 .item a.btn {
        position: absolute;
        bottom: 40px;
        left: 32px;
        display: inline-block;
        width: 240px;
        padding: 4% 0%;
        border-radius: 45px;
        border: 1px solid #1e859a;
        text-align: center;
        text-decoration: none;
        color: #1e859a; }
        #top .row .col-3 .item a.btn .ico-arrow {
          width: 8px;
          margin-right: 5px; }
  #top .row .col-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around; }
    #top .row .col-5 a {
      text-decoration: none; }
    #top .row .col-5 .item {
      width: 18%;
      padding: 1% 2% 3%;
      background-color: #ffffff;
      border: 1px solid #1e859a;
      border-radius: 4px;
      text-align: center;
      font-size: 15px;
      color: #03666d;
      -webkit-box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
      #top .row .col-5 .item .head {
        margin: 20px 0;
        font-size: 20px;
        color: #22aabb; }

#top .flow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  border: solid 1px #1e859a;
  background-color: #ffffff; }
  #top .flow .thumb01 {
    width: 40%;
    background-image: url(../img/top_thumb01.jpg);
    background-size: cover; }
  #top .flow .thumb02 {
    width: 40%;
    background-image: url(../img/top_thumb02.jpg);
    background-size: cover; }
  #top .flow .thumb03 {
    width: 40%;
    background-image: url(../img/top_thumb03.jpg);
    background-size: cover; }
  #top .flow .thumb04 {
    width: 40%;
    background-image: url(../img/top_thumb04.jpg);
    background-size: cover; }
  #top .flow .step {
    display: block;
    width: 100%; }
    #top .flow .step .head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex; }
      #top .flow .step .head .num {
        display: block;
        width: 10%;
        font-size: 55px;
        border-right: solid 1px #1e859a;
        border-bottom: solid 1px #1e859a;
        color: #22aabb;
        text-align: center; }
      #top .flow .step .head .txt {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        width: 90%;
        padding: 2%;
        border-bottom: solid 1px #1e859a;
        font-size: 24px;
        color: #22aabb; }
    #top .flow .step .body {
      padding: 25px; }
      #top .flow .step .body .top {
        margin-bottom: 20px; }
      #top .flow .step .body .detail {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between; }
        #top .flow .step .body .detail .telnum {
          margin-left: 12px; }
        #top .flow .step .body .detail .timezone {
          padding-left: 20px; }
        #top .flow .step .body .detail .internet {
          margin-left: 12px; }
        #top .flow .step .body .detail .text {
          width: 520px; }
        #top .flow .step .body .detail .right-area .btn {
          display: inline-block;
          width: 240px;
          margin-top: 3%;
          padding: 6% 10%;
          border-radius: 45px;
          border: 1px solid #1e859a;
          text-align: center;
          text-decoration: none;
          color: #1e859a; }
          #top .flow .step .body .detail .right-area .btn .ico-arrow {
            width: 8px;
            margin-right: 10px; }

#top .bg01 {
  position: relative;
  z-index: 999; }
  #top .bg01 .bg-square {
    position: absolute;
    top: -8%;
    right: -2%;
    display: block;
    width: 510px;
    height: 230px;
    max-width: 512px;
    max-height: 237px;
    background-color: #a3dce5;
    z-index: -1; }
  #top .bg01 .bg-square-pale {
    position: absolute;
    top: 67%;
    right: 43%;
    display: block;
    width: 570px;
    height: 230px;
    max-width: 570px;
    max-height: 237px;
    background-color: #e2ebec;
    z-index: -1; }

#top .bg02 {
  position: relative;
  z-index: 999; }
  #top .bg02 .bg-square {
    position: absolute;
    top: 142%;
    right: -2%;
    display: block;
    width: 510px;
    height: 200px;
    max-width: 512px;
    max-height: 237px;
    background-color: #a3dce5;
    z-index: -1; }
  #top .bg02 .bg-square-pale {
    position: absolute;
    top: 67%;
    right: 50%;
    display: block;
    width: 510px;
    height: 230px;
    max-width: 512px;
    max-height: 237px;
    background-color: #e2ebec;
    z-index: -1; }

#top .flow-ico-arrow {
  margin: 25px 0 20px;
  position: relative;
  z-index: 999; }

#top .related {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 45px; }
  #top .related a {
    text-decoration: none; }
  #top .related .box {
    width: 320px;
		margin: 0 15px;
    color: #777; }
    #top .related .box .head .date {
      margin-left: 10px;
      font-size: 14px; }
    #top .related .box .title {
      color: #22aabb;
      margin-bottom: 10px;
      font-weight: bold;
      font-size: 22px; }

#top .bg03 {
  position: relative;
  z-index: 999; }
  #top .bg03 .bg-square {
    position: absolute;
    top: -5%;
    right: -2%;
    display: block;
    width: 510px;
    height: 230px;
    max-width: 512px;
    max-height: 237px;
    background-color: #a3dce5;
    z-index: -1; }
  #top .bg03 .bg-square-pale {
    position: absolute;
    top: 44%;
    right: 50%;
    display: block;
    width: 510px;
    height: 230px;
    max-width: 512px;
    max-height: 237px;
    background-color: #e2ebec;
    z-index: -1; }

#top .bg04 {
  position: relative;
  z-index: 999; }
  #top .bg04 .bg-square {
    position: absolute;
    top: 25%;
    right: -2%;
    display: block;
    width: 510px;
    height: 230px;
    max-width: 512px;
    max-height: 237px;
    background-color: #a3dce5;
    z-index: -1; }
  #top .bg04 .bg-square-pale {
    position: absolute;
    top: 44%;
    right: 50%;
    display: block;
    width: 510px;
    height: 230px;
    max-width: 512px;
    max-height: 237px;
    background-color: #e2ebec;
    z-index: -1; }

#top .btn-related {
  display: block;
  width: 320px;
  margin: 0 auto;
  padding: 1% 0%;
  border-radius: 45px;
  border: 1px solid #1e859a;
  text-align: center;
  text-decoration: none;
  color: #1e859a; }
  #top .btn-related .ico-arrow {
    width: 8px;
    margin-right: 10px; }

#top .news-topics {
  background-color: #e5eff1;
  padding: 30px 25px; }
  #top .news-topics li {
    padding: 20px 0;
    border-bottom: 1px dotted #429bc4; }
  #top .news-topics a {
    text-decoration: none;
    color: #777; }
  #top .news-topics .date {
    padding-right: 25px; }
#top .news-topics .tac {
    margin: 0 auto;
}
#top .news-topics .tac a {
	color: #22aabb;
	display: inline-block;
    width: 240px;
    padding: 1.3% 0%;
    text-decoration: none;
	margin-top: 30px;
	font-size: 16px;
}
@media screen and (max-width: 765px) {
	#top .news-topics .tac a {
	color: #22aabb;
	display: inline-block;
    width: 80% !important;
    padding: 2% 0%;
	margin-top: 30px;
	font-size: 16px;
	}
}
#top .news-topics .tac a:hover {
	opacity: 0.7;
}

#top .news-topics .tac a .ico-arrow {
    width: 8px;
    margin-right: 5px;
}

#top #top_video {
	display: block;
	width: 80%;
	margin: 0 auto;
}

	@media screen and (max-width: 765px) {

		#top .feature {
			margin-bottom: 0px;
		}

		#top .row .col-3 {
	    display: block;
		}

		#top .row .col-3 .item {
			position: static;
			width: 100%;
			margin-bottom: 5%;
			padding: 4% 2% 4%;
		}

		#top .row .col-3 .item .icon {
			padding: 2%;
		}

		#top .row .col-3 .item .body {
			margin-bottom: 15px;
		}

		#top .row .col-3 .col-3-inner {
			display: flex;
		}

		#top .row .col-3 .col-3-inner .col-3-inner-text {
			margin-left: 5%;
		}

		#top .row .col-3 .col-3-inner .col-3-inner-text .head {
			text-align: left;
		}

		#top .row .col-3 .item a.btn {
			position: static;
			width: 80%;
			padding: 2% 0%;
		}

		#top .row .col-5 {
        justify-content: center;
		}

		#top .row .col-5 .item {
			width: 32%;
			margin: 0 1% 2%;
			font-size: 1.1rem;
		}

		#top .row .col-5 .item img {
			width: 100%;
		}

		#top .row .col-5 .item .head {
			margin: 3% 0;
			font-size: 1.2rem;
		}

		#top .flow {
			display: block;
		}

		#top .flow .thumb01,#top .flow .thumb02,
		#top .flow .thumb03,#top .flow .thumb04 {
			width: 100%;
			padding: 20%;
		}

		#top .flow .step .body {
			padding: 3%;
		}

		#top .flow .step .body .top {
			margin-bottom: 0px;
			font-size: 1.3rem;
		}

		#top .flow .step .body .detail {
			align-items: center;
		}

		#top .flow .step .body .detail .text {
			width: 85%;
			font-size: 1.3rem;
		}

		#top .flow .step .head .num {
			font-size: 3rem;
		}

		#top .flow .step .head .txt {
			font-size: 1.5rem;
		}

		#top .related {
			display: block;
		}

		#top .related .box {
			width: 100%;
			margin: 0 0 25px 0;
		}

		#top .related .box .thumb img {
			width: 100%;
		}

		#top .related .box .title {
			font-size: 2rem;
		}

		#top .news-topics a {
			font-size: 14px;
		}


		#top #top_video {
	width: 100%;
	margin: 0;
}


}



/*----------------------------------------------------
		Side_nav
	----------------------------------------------------*/
.side-nav_head {
  background-color: #22aabb; }

/*----------------------------------------------------
		Category-Head
	----------------------------------------------------*/
.category-nav-box {
  padding: 50px 0 40px;
  background-image: url(../img/bg.png);
  background-repeat: repeat; }

.category-nav-box .inner {
  width: 980px;
  margin: 0 auto; }

.category-nav {
  font-size: 2.4rem;
  color: #777777; }
  .category-nav .sub {
    margin-left: 1%;
    font-size: 1.6rem; }

.category_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 245px;
  background-color: #77dabf;
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1; }

	@media screen and (max-width: 765px) {
	.category-nav-box {
		margin-top: 0px!important;
	  padding: 20px 10px 20px;
	  background-image: url(../img/bg.png);
	}

	.category-nav-box .inner {
	  width: 100%;
	  margin: 0 auto; }

	.category-nav {
	  font-size: 1.7rem;
	  color: #777777; }

		.category_head {
			height: 120px;
		}

}


/*----------------------------------------------------
		Breadcrumb
	----------------------------------------------------*/
.breadcrumb {
  margin-bottom: 1%;
  margin-left: 0;
  padding-left: 0; }

.breadcrumb li {
  display: inline;
  list-style: none; }

.breadcrumb li:after {
  /* >を表示*/
  content: '>';
  padding: 0 3px;
  color: #22aabb; }

.breadcrumb li:last-child:after {
  content: ''; }

.breadcrumb li a {
  text-decoration: none;
  color: #777777; }

.breadcrumb li a:hover {
  text-decoration: underline; }

@media screen and (max-width: 765px) {
	.breadcrumb {
	 font-size: 12px;
 }
}

/*----------------------------------------------------
	About
----------------------------------------------------*/
#about .category-nav-box {
  padding: 120px 0;
  background-image: url(../img/mv_about.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #76dbbf; }

#about .section-head {
  margin-bottom: 50px;
  padding: 15px 0px;
  background-color: #ffffff;
  border: 1px solid #dadada; }

#about table.overview,
#about table.recruit {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto 5%;
  border: none;
  border-spacing: 0px;
  overflow: hidden;
  table-layout: fixed;
  line-height: 1.8; }
  #about table.overview tr,
  #about table.recruit tr {
    border-bottom: 1px solid #777777; }
  #about table.overview th,
  #about table.recruit th {
    width: 20%;
    padding: 4% 0;
    vertical-align: top;
    border-right: none;
    background-color: rgba(255, 255, 255, 0);
    text-align: left;
    font-weight: bold; }
  #about table.overview td,
  #about table.recruit td {
    text-align: center;
    padding: 4% 0;
    border-bottom: 1px solid #777777;
    color: #777777;
    background-color: rgba(255, 255, 255, 0);
    vertical-align: top;
    text-align: left;
    font-size: 16px; }

#about table.access {
  width: 100%;
  max-width: 1060px;
  margin: 0 auto 5%;
  border: none;
  border-spacing: 0px;
  overflow: hidden;
  table-layout: fixed;
  line-height: 1.8; }
  #about table.access th {
    width: 20%;
    padding: 4% 0;
    vertical-align: top;
    border-right: none;
    background-color: rgba(255, 255, 255, 0);
    text-align: left;
    font-weight: bold;
    border-bottom: none; }
  #about table.access td {
    text-align: center;
    padding: 4% 0;
    border-bottom: 1px solid #777777;
    color: #777777;
    background-color: rgba(255, 255, 255, 0);
    vertical-align: top;
    text-align: left;
    font-size: 16px;
    border-bottom: none; }

#about table.profile {
  width: 100%;
  max-width: 890px;
  margin: 0 auto 5%;
  border: none;
  border-spacing: 0px;
  overflow: hidden;
  table-layout: fixed;
  font-size: 1.6rem;
  line-height: 1.8; }
  #about table.profile tr {
    border-bottom: 1px solid #777777; }
  #about table.profile th {
    width: 20%;
    padding: 2% 0;
    border-bottom: none;
    vertical-align: top;
    border-right: none;
    background-color: rgba(255, 255, 255, 0);
    text-align: left;
    font-weight: bold; }
  #about table.profile td {
    text-align: center;
    padding: 2% 0;
    border-bottom: none;
    color: #777777;
    background-color: rgba(255, 255, 255, 0);
    vertical-align: top;
    text-align: left; }

#about .message-area {
  margin-bottom: 60px;
  padding: 5% 3% 0;
  border: 1px #1e859a solid;
  border-radius: 4px;
  background-color: #ffffff; }
  #about .message-area .message-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    max-width: 920px;
    margin: 0 auto; }
  #about .message-area .img {
    margin-right: 4%; }
  #about .message-area .img .name {
    width: 186px;
    padding: 3% 0 8%;
    color: #777777;
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    float: right; }
    @media screen and (max-width: 765px) {
      #about .message-area .img .name {
        margin: 0 auto;
      }
    }      
    #about .message-area .img .name .small {
      font-weight: normal;
      font-size: 1.6rem; }
  #about .message-area .btn {
    width: 100%;
    padding: 5%;
    text-decoration: none; }
    #about .message-area .btn .ico-arrow {
      margin-right: 5px;
      width: 8px; }
  #about .message-area .text {
    color: #777777; }
    #about .message-area .text p {
      margin-bottom: 3%; }
  #about .message-area .profile-head {
    text-align: center; }

#about .bg-square {
  position: absolute;
  top: 10%;
  left: -2%;
  display: block;
  width: 510px;
  height: 230px;
  max-width: 512px;
  max-height: 237px;
  background-color: #a3dce5;
  z-index: -1; }

#about .bg-square-pale {
  position: absolute;
  top: 17%;
  right: -2%;
  display: block;
  width: 510px;
  height: 230px;
  max-width: 512px;
  max-height: 237px;
  background-color: #e2ebec;
  z-index: -1; }

#about .border-box {
  font-size: 16px;
  color: #777;
  padding: 4% 3%;
  border: 1px dotted #aaaaaa; }
  #about .border-box .col {
    width: 32.66666%;
    margin-top: 40px; }
    #about .border-box .col:not(:last-child) {
      margin-right: 1%; }
    #about .border-box .col .head {
      font-size: 19px;
      margin-bottom: 15px;
      padding: 7% 4%;
      background-color: #a3dce5;
      color: #fff;
      text-align: center; }

@media screen and (max-width: 765px) {

	#about .category-nav-box {
		width: 100%;
	  padding: 0;
	  background-image: none;
	}

	#about .section-head {
	  margin-bottom: 20px;
	}

	#about table.overview th, #about table.recruit th {
		width: 30%;
	}

	#about table.profile th {
		width: 40%;
	}

	#about table.overview td,
	#about table.recruit td {
		font-size: 1.3rem;
		 }

 #about table.access td {
	font-size: 1.3rem;
}

#about .message-area {
  margin-bottom: 30px; }

	#about .message-area .img {
		margin-right: 0;
		text-align: center;
	}

	#about .message-area .img .name {
		padding: 2% 0% 4%;
	}

	#about .message-area .text {
		font-size: 1.3rem;
	}

	#about .message-area .message-box {
		display: block;
    max-width: 100%;
    margin: 0 auto;
	}

	#about .message-area .img .name {
		float: none;
	 }

	#about .map {
		width: 100%;
	}
		#about .map iframe {
			width: 100%;
	}

	#about .border-box .col {
		margin-top: 15px;
	}

	#about .border-box .col .head {
		font-size: 1.5rem;
	}

	#about .border-box {
	  font-size: 1.3rem;
	}
}

/*----------------------------------------------------
	Articles
----------------------------------------------------*/

#articles .container .contents.col-2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#articles .category-nav-box {
  padding: 120px 0;
  background-image: url(../img/mv_articles.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #76dbbf; }

#articles .head {
  margin-bottom: 20px; }
  #articles .head .date {
    margin-left: 10px;
    font-size: 14px; }
  #articles .head .title {
    font-size: 22px;
    font-weight: bold;
    line-height: 1.8; }

#articles .body .heading {
  margin-bottom: 30px;
  padding-bottom: 5px;
  padding-left: 10px;
  font-size: 22px;
  border-bottom: 1px solid #777777;
  border-left: 4px solid #22aabb; }

 /* 20190329 */
#articles .body .sub-heading {
/*  margin-bottom: 20px; */
  font-weight: bold; }

#articles .body .text {
  margin-bottom: 30px;
  line-height: 1.8; }

#articles .body .fig {
  margin-bottom: 30px;
  text-align: center; }

#articles .body .fig img {
	width: 100%;
}

#articles .writer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  margin-bottom: 50px;
  padding: 25px 30px;
  background-color: #e1ebec;
  border-radius: 4px; }
  #articles .writer .text {
    margin-left: 20px; }
    #articles .writer .text .head {
      border-bottom: 1px solid #777; }

#articles .section-head {
  width: 100%;
  margin-bottom: 50px;
  padding: 15px 0px;
  border: 1px solid #22aabb;
  color: #22aabb;
	font-size: 2rem;
}

#articles .related {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  margin-bottom: 30px; }

	#articles .related .box {
		max-width: 315px;
		margin-right: 20px;
	}

  #articles .related a {
    text-decoration: none;
    color: #777; }
  #articles .related .head {
    margin-bottom: 20px; }
  #articles .related .thumb {
    margin-bottom: 15px; }

#articles .related .thumb img {
	width: 100%;}

  #articles .related .title {
    color: #22aabb;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 22px; }

#articles .related.col-1 {
	display: block;
  margin-bottom: 30px; }
  #articles .related.col-1 a {
    text-decoration: none;
    color: "#777"; }
  #articles .related.col-1 .box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	  max-width: 100%;
    height: auto;
    margin-bottom: 20px;
    background-color: #fff; }
  #articles .related.col-1 .head {
    margin-bottom: 20px; }
  #articles .related.col-1 .thumb {
    width: 38%;
    margin-right: 2%;
    margin-bottom: 15px; }
    #articles .related.col-1 .thumb img {
      max-width: 100%; }
  #articles .related.col-1 .text {
    width: 60%;
    padding: 20px 0px; }
  #articles .related.col-1 .title {
    color: #22aabb;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 18px; }

#articles .articles_page_nav .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  #articles .articles_page_nav .nav li a {
    white-space: nowrap;
    padding: 10px 30px;
    display: inline-block;
    border-radius: 30px; }
  #articles .articles_page_nav .nav .prev a, #articles .articles_page_nav .nav .next a {
    color: #22aabb;
    text-decoration: none;
    border: solid 1px #22aabb; }
  #articles .articles_page_nav .nav .back a {
    margin: 0 12px;
    color: #fff;
    text-decoration: none;
    background: #22aabb;
    border: solid 1px #22aabb; }

#articles .pagination .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 30px 0 50px 0; }
  #articles .pagination .nav .num a {
    display: block;
    margin: 0 10px;
    padding: 8px 15px;
    border: 1px solid #22aabb;
    color: #22aabb;
    display: block;
    text-decoration: none; }
  #articles .pagination .nav .num a.on {
    background-color: #77dabf;
    color: #fff;
    border: 1px solid #77dabf; }
  #articles .pagination .nav .next-btn a {
    display: block;
    margin-left: 30px;
    padding: 8px 35px;
    border: 1px solid #22aabb;
    border-radius: 30px;
    text-decoration: none;
    color: #22aabb; }
    #articles .pagination .nav .next-btn a .ico-arrow {
      vertical-align: middle;
      margin-bottom: 3px;
      padding-left: 9px; }

.wp-pagenavi {
    display: flex;
    justify-content: center;
    text-align: center;
    padding: 30px 0 50px 0;
}

.wp-pagenavi .page {
	display: block;
    margin: 0 10px;
    padding: 8px 15px;
    border: 1px solid #22aabb;
    color: #22aabb;
    text-decoration: none;
}

.wp-pagenavi .current  {
	display: block;
    margin: 0 10px;
    padding: 8px 15px;
    text-decoration: none;
	background-color: #77dabf;
    color: #fff;
    border: 1px solid #77dabf;
}

.wp-pagenavi .nextpostslink{
	display: block;
    margin-left: 30px;
    padding: 8px 35px;
    border: 1px solid #22aabb;
    border-radius: 30px;
    text-decoration: none;
    color: #22aabb;
}

.wp-pagenavi .previouspostslink{
	display: block;
    margin-right: 30px;
    padding: 8px 35px;
    border: 1px solid #22aabb;
    border-radius: 30px;
    text-decoration: none;
    color: #22aabb;
}


@media screen and (max-width: 765px) {


	#articles .category-nav-box {

	width: 100%;
    padding: 0;
    background-image: none;
	}

	#articles .container .contents.col-2 {
		display: block;
	}

	#articles .writer {
		display: block;
		padding: 25px 20px;
	}

	#articles .writer .thumb {
		text-align: center;
	}

	#articles .writer .text {
		margin-left: 0px;
	}

#articles .section-head {
	font-size: 1.8rem;
}

	#articles .related {
		display: block;
	  margin-bottom: 30px;
	}

	#articles .related .box {
		max-width: 100%;
		margin-bottom: 13%;
		margin-right: 0px;
	}

	#articles .related.col-1 .box {
		display: block;
		height: auto;
	}

	#articles .related.col-1 .thumb {
		width: 100%;
	}

	#articles .related.col-1 .text {
		width: 100%;
    padding: 0% 3% 6%;
	}

	#articles .articles_page_nav .nav {
		margin-bottom: 20px;
	}

	  #articles .articles_page_nav .nav li a {
	    white-space: nowrap;
	    padding: 1px 15px;
		}
	  #articles .articles_page_nav .nav .prev a, #articles .articles_page_nav .nav .next a {
	    color: #22aabb;
	    text-decoration: none;
	    border: solid 1px #22aabb; }
	  #articles .articles_page_nav .nav .back a {
	    margin: 0 12px;
	    color: #fff;
	    text-decoration: none;
	    background: #22aabb;
	    border: solid 1px #22aabb; }



.wp-pagenavi {
	padding: 10px 0 30px 0;
}

.wp-pagenavi .page {
	margin: 0 3px;
	padding: 0 7px;
}

.wp-pagenavi .current  {
	margin: 0 3px;
	padding: 0 7px;
}

.wp-pagenavi .previouspostslink {
	display: block;
	margin-right: 3px;
	padding: 0px 15px;
}


.wp-pagenavi .nextpostslink {
	display: block;
	margin-left: 3px;
	padding: 0px 15px;
	}




}

/*----------------------------------------------------
	Articles 目次
----------------------------------------------------*/
#articles .toc {
  margin-bottom: 40px;
  padding: 0 22px; }

#articles .toc .toc_head {
  font-size: 15px;
  font-weight: bold;
  color: #22aabb; }

#articles .toc li {
  line-height: 1.7; }

#articles .toc li a {
  font-size: 16px;
  color: #22aabb;
  text-decoration: none; }

/*----------------------------------------------------
	FAQ
----------------------------------------------------*/
#faq {
  line-height: 1.8; }

	#faq .faq-wrap {
	}

  #faq .category-nav-box {
    padding: 120px 0;
    background-image: url(../img/mv_faq.png);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #76dbbf; }
  #faq .section-head {
    width: 100%;
    margin-bottom: 50px;
    padding: 20px 0px;
    background-color: #ffffff;
    border: 1px solid #dadada; }

#faq .pagination .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 30px 0 50px 0; }
  #faq .pagination .nav .num a {
    display: block;
    margin: 0 10px;
    padding: 8px 15px;
    border: 1px solid #22aabb;
    color: #22aabb;
    display: block;
    text-decoration: none; }
  #faq .pagination .nav .num a.on {
    background-color: #77dabf;
    color: #fff;
    border: 1px solid #77dabf; }

	#faq .pagination .nav .prev-btn a {
    display: block;
    margin-right: 30px;
    padding: 8px 35px;
    border: 1px solid #22aabb;
    border-radius: 30px;
    text-decoration: none;
    color: #22aabb; }
    #faq .pagination .nav .prev-btn a .ico-arrow {
      vertical-align: middle;
      margin-bottom: 3px;
      padding-left: 9px; }

  #faq .pagination .nav .next-btn a {
    display: block;
    margin-left: 30px;
    padding: 8px 35px;
    border: 1px solid #22aabb;
    border-radius: 30px;
    text-decoration: none;
    color: #22aabb; }
    #faq .pagination .nav .next-btn a .ico-arrow {
      vertical-align: middle;
      margin-bottom: 3px;
      padding-left: 9px; }


@media screen and (max-width: 765px) {

	#faq .faq-wrap {
		display: block;
	}

	#faq .category-nav-box {
		width: 100%;
		padding: 0;
		background-image: none;
	}

	#faq .pagination .nav {
	  padding: 10px 0 30px 0; }

	  #faq .pagination .nav .num a {
		margin: 0 3px;
		padding: 0 7px;
}

#faq .pagination .nav .prev-btn a {
	display: block;
	margin-right: 3px;
	padding: 0px 15px;
}


	  #faq .pagination .nav .next-btn a {
	    display: block;
	    margin-left: 3px;
	    padding: 0px 15px;
	    }
}


/*----------------------------------------------------
	Policy
----------------------------------------------------*/
#policy .category-nav-box {
  padding: 120px 0;
  background-image: url(../img/mv_policy.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #76dbbf; }

#policy .contents .head {
  margin-bottom: 40px;
  color: #555555;
  font-weight: bold; }

#policy .contents .body p {
  color: #777777;
  margin-bottom: 40px; }

	@media screen and (max-width: 765px) {
	#policy .category-nav-box {
	  padding: 0;
	  background-image: none;
	}

	#policy .contents .head {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	#policy .contents .body p {
	  font-size: 1.4rem;
		margin-bottom: 15px;
	}
}

/*----------------------------------------------------
	News
----------------------------------------------------*/
#news .category-nav-box {
  padding: 120px 0;
  background-image: url(../img/mv_news.png);
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff; }

#news .box {
  padding: 40px 0 20px;
  border-bottom: 1px solid #777; }
  #news .box .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 40px;
    color: #22aabb;
    font-size: 20px;
    font-weight: bold; }
    #news .box .head .date {
      font-size: 16px;
      color: #777;
      font-weight: normal; }
  #news .box .body {
    margin-bottom: 45px; }
  #news .box a {
    font-size: 14px;
    color: #777;
		word-break : break-all;
 }

#news .pagination .nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
  padding: 30px 0 50px 0; }
  #news .pagination .nav .num a {
    display: block;
    margin: 0 10px;
    padding: 8px 15px;
    border: 1px solid #22aabb;
    color: #22aabb;
    display: block;
    text-decoration: none; }
  #news .pagination .nav .num a.on {
    background-color: #77dabf;
    color: #fff;
    border: 1px solid #77dabf; }
  #news .pagination .nav .next-btn a {
    display: block;
    margin-left: 30px;
    padding: 8px 35px;
    border: 1px solid #22aabb;
    border-radius: 30px;
    text-decoration: none;
    color: #22aabb; }
    #news .pagination .nav .next-btn a .ico-arrow {
      vertical-align: middle;
      margin-bottom: 3px;
      padding-left: 9px; }

@media screen and (max-width: 765px) {

	#news .category-nav-box {
		width: 100%;
		padding: 0;
		background-image: none;
		}

		#news .box {
	    padding: 20px 0 30px;
		}

		#news .box .head {
			display: block;
			margin-bottom: 15px;
		}

		#news .box .body {
			margin-bottom: 15px;
		}

	#news .pagination .nav {
	  padding: 10px 0 30px 0; }

	  #news .pagination .nav .num a {
		margin: 0 3px;
		padding: 0 7px;
}

#news .pagination .nav .prev-btn a {
	display: block;
	margin-right: 3px;
	padding: 0px 15px;
}


	#news .pagination .nav .next-btn a {
	  display: block;
	  margin-left: 3px;
	  padding: 0px 15px;
	  }

}

/*----------------------------------------------------
	Service
----------------------------------------------------*/
#service .category_head.advisory {
  padding: 120px 0;
  background-image: url(../img/mv_advisory.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#service .category_head.outsource {
  padding: 120px 0;
  background-image: url(../img/mv_outsource.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#service .category_head.spot {
  padding: 120px 0;
  background-image: url(../img/mv_spot.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#service .category_head.grant {
  padding: 120px 0;
  background-image: url(../img/mv_grant.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#service .category_head.wage {
  padding: 120px 0;
  background-image: url(../img/mv_wage.jpg);
  background-position-y: 60%;
  background-repeat: no-repeat;
  background-size: cover; }

#service .category_head.maternity {
  padding: 120px 0;
  background-image: url(../img/mv_maternity.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

#service .section-head {
  margin-bottom: 5%;
  line-height: 1.5; }
  #service .section-head .head-lg {
    margin-bottom: 25px; }

#service .box-2col {
  margin-bottom: 5%;
  color: #777777; }
  #service .box-2col .thumb {
    width: 35%; }
    #service .box-2col .thumb img {
      max-width: 100%; }
  #service .box-2col .txt {
    width: 60%;
    margin-left: 5%; }
    #service .box-2col .txt .head {
      font-size: 2.5rem;
      font-weight: bold;
      margin-bottom: 2%;
      color: #22aabb;
      line-height: 1; }
    #service .box-2col .txt .body {
      line-height: 1.8; }

#service .merit-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  margin-bottom: 3%; }
  #service .merit-area .merit {
    width: 45%; }
    #service .merit-area .merit .head {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      margin-bottom: 2%; }
      #service .merit-area .merit .head .txt {
        margin-left: 2%;
        color: #22aabb;
        font-size: 2rem;
        font-weight: bold; }
    #service .merit-area .merit .body {
      color: #777777;
      line-height: 1.8; }

#service .fig-area {
  margin-bottom: 8%; }
  #service .fig-area .head {
    margin-bottom: 2%;
    font-size: 2rem;
    font-weight: bold;
    color: #22aabb; }
  #service .fig-area .fig {
    margin-bottom: 3%; }
  #service .fig-area .caution {
    padding: 25px;
    background-color: #fff; }
    #service .fig-area .caution .head {
      font-size: 14px; }

#service .case-study-area {
  position: relative;
  width: 96%;
  margin: 0 auto 10%;
  padding: 2% 7%;
  background-color: #e5eff1; }
  #service .case-study-area .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 7% 0; }
    #service .case-study-area .inner:not(:last-child) {
      border-bottom: 1px dotted #22aabb; }
    #service .case-study-area .inner .case-study {
      margin-left: 5%; }
      #service .case-study-area .inner .case-study .head {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
        margin-bottom: 3%; }
        #service .case-study-area .inner .case-study .head .name {
          font-size: 1.9rem;
          font-weight: bold;
          color: #22aabb; }
        #service .case-study-area .inner .case-study .head .label {
          background-color: #ffffff;
          padding: 2% 3%; }
      #service .case-study-area .inner .case-study .body {
        line-height: 1.8;
        color: #777777; }

#service .caution-outsource {
  width: 100%;
  font-size: 1.4rem;
  color: #777777;
  line-height: 1.6; }

#service .border-box {
  font-size: 16px;
  color: #777;
  padding: 4% 3%;
  background-color: #fff;
  border: 1px dotted #aaa;
  line-height: 1.8; }
  #service .border-box .head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 27px;
    color: #22aabb; }

#service .recommend-info {
  padding-bottom: 50px;
  background-color: #fff;
  border: 1px solid #22aabb; }
  #service .recommend-info .headline {
    padding: 30px 0px;
    background-color: #22aabb;
    color: #fff;
    font-size: 36px;
    text-align: center; }
  #service .recommend-info #articles {
    margin-top: 50px;
  }
  #service .recommend-info .continue-post {
    text-align: center;
  }
  #service .recommend-info .date {
    color: #555;
    font-size: 16px;
    text-align: center; }
  #service .recommend-info .body {
    padding: 0 35px 40px 35px; }
    #service .recommend-info .body .list {
      margin-top: 35px;
      padding-bottom: 35px;
      line-height: 1.8; }
      #service .recommend-info .body .list:not(:last-child) {
        border-bottom: 1px solid #777; }
      #service .recommend-info .body .list .list-head {
        margin-bottom: 30px;
        color: #22aabb; }
      #service .recommend-info .body .list .box-col-2 .text {
        width: 65%; }
      #service .recommend-info .body .list .box-col-2 .img {
        width: 33%;
        margin-left: 2%; }
        #service .recommend-info .body .list .box-col-2 .img img {
          width: 100%; }
  #service .recommend-info .link-set .link-set-head {
    margin-bottom: 35px;
    font-size: 36px;
    color: #22aabb;
    text-align: center; }
  #service .recommend-info .link-set .related {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-bottom: 30px; }
    #service .recommend-info .link-set .related a {
      width: 320px;
      margin: 0 15px;
      text-decoration: none;
      color: #777; }
    #service .recommend-info .link-set .related .head {
      margin-bottom: 20px; }
      #service .recommend-info .link-set .related .head .date {
        margin-left: 10px;
        font-size: 14px; }
    #service .recommend-info .link-set .related .thumb {
      margin-bottom: 15px; }
    #service .recommend-info .link-set .related .title {
      margin-bottom: 10px;
      font-size: 20px;
      color: #22aabb; }

@media screen and (max-width: 765px) {

	#service .category_head.advisory {
	  padding: 0px;
	  background-image: url(../img/mv_advisory.jpg);
	  background-position: center;
	  background-repeat: no-repeat;
	  background-size: cover;
	}

	#service .section-head .head-lg {
		margin-bottom: 5px;
	}

	#service .box-2col .txt .head {
		font-size: 1.8rem;
	}

	#service .box-2col .txt .body {
		font-size: 1.4rem;
	}


	#service .merit-area {
		display: block;
	}

	#service .merit-area .merit {
		width: 100%;
		margin-bottom: 20px;
	}

	#service .merit-area .merit .body {
		font-size: 1.5rem;
	}

	#service .case-study-area {
	  position: relative;
	  width: 100%;
	  padding: 1% 5%;
	}

	#service .case-study-area .inner {
		display: block;
		 }

	 #service .case-study-area .inner {
		 display: block;
			}

		#service .case-study-area .inner .icon-label {
			width: 30%;
			margin: 0 auto 10px;
			text-align: center;
			 }

	 #service .case-study-area .inner .icon-label img {
		 width: 100%;
}

		 #service .case-study-area .inner .case-study {
			 margin-left: 0;
		 }


 #service .border-box {
   font-size: 1.5rem;
}

	 #service .case-study-area .inner .case-study .head {
		 display: block;
		 text-align: center;
		}

	#service .case-study-area .inner .case-study .head .name {
		margin-bottom: 10px;
	}

	#service .case-study-area .inner .case-study .body {
		font-size: 1.5rem;
	}

	#service .recommend-info .heading {
		font-size: 2.3rem;
		padding: 20px 0;
	}

	#service .recommend-info .body {
		padding: 0 20px 0px 20px;
	}

	#service .recommend-info .body .list {
		margin-top: 20px;
	}

	#service .recommend-info .body .list .list-head {
		margin-bottom: 10px;
	}

	#service .recommend-info .body .list .text .list-body {
		font-size: 1.5rem;
	}

	#service .recommend-info .link-set .link-set-head {
		font-size: 2.3rem;
	}

	#service .recommend-info .link-set .related {

	}

#service .recommend-info .link-set .related .head .label {
	min-width: auto;
	padding: 2% 3%;
	font-size: 14px;
}

#service .recommend-info .link-set .related .head .date {
	margin-left: 3%;
	font-size: 12px;
}

	#service .recommend-info .link-set .related a {
		width: 40%;
	}

	#service .recommend-info .link-set .related a img {
		width: 100%;
	}

	#service .recommend-info .link-set .related .title {
		font-size: 1.5rem;
	}

}


/*----------------------------------------------------
	Price
----------------------------------------------------*/
#price .category-nav-box {
  padding: 120px 0;
  background-image: url(../img/mv_price.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }


#price .pricebox {
margin-bottom: 60px;
}

#price .caution-outsource {
  width: 100%;
  font-size: 1.4rem;
  color: #777777;
  line-height: 1.6; }

@media screen and (max-width: 765px) {

	#price .category-nav-box {
		width: 100%;
		padding: 0;
		background-image: none;
		}

		#price .caution-outsource {
			margin-bottom: 10px;
		}

    #price #wage th.column2,
    #price #wage th.column3,
    #price #wage th.column4 {
      vertical-align: top;
    }

    #price #wage td {
      padding-left: 2px;
      padding-right: 2px;
    }
}

/*----------------------------------------------------
	table
----------------------------------------------------*/
#top th {
  font-weight: bold; }

#top td.column1 {
  background-color: #e0e0e0;
  text-align: left; }

#top th.column2 {
  background-color: #22aabb;
  color: #fff;
  font-weight: bold; }

#top td.column2 {
  background-color: #ffffd6;
  color: #22aabb;
  font-weight: bold; }

	.outsource-col-2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}

.outsource th.column1 {
  background-color: #777;
  text-align: left; }

.outsource td.column1 {
  background-color: #e0e0e0;
  text-align: left; }

.outsource-option th.column1 {
  padding: 1%;
  background-color: #777;
  text-align: left; }

.outsource-option td.column1 {
  width: 70%;
  background-color: #e0e0e0;
  text-align: left; }

.outsource-option td {
  padding: 1%; }

.table-head {
  margin-bottom: 2%;
  font-size: 2rem;
  font-weight: bold;
  color: #22aabb; }

table.r-table {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 2%;
  border-top: 1px solid #1e859a;
  border-left: 1px solid #1e859a;
  border-right: 1px solid #1e859a;
  border-radius: 10px;
  border-spacing: 0px;
  overflow: hidden; }
  table.r-table th {
    width: 20%;
    padding: 2% 0;
    background-color: #a3dce5;
    border-bottom: 1px solid #1e859a;
    vertical-align: middle;
    color: #777777; }
  table.r-table th:not(:last-child) {
    border-right: 1px solid #1e859a; }
  table.r-table td {
    padding: 2% 0;
    text-align: center;
    border-bottom: 1px solid #1e859a;
    color: #777777;
    background-color: #ffffff; }
  table.r-table td:not(:last-child) {
    border-right: 1px solid #1e859a; }

table {
  width: 100%;
  max-width: 980px;
  margin: 0 auto 1%;
  border-top: 1px solid #777777;
  border-left: 1px solid #777777;
  border-right: 1px solid #777777;
  border-spacing: 0px;
  overflow: hidden;
  table-layout: fixed; }
  table th {
    width: 20%;
    padding: 2% 0;
    background-color: #a3dce5;
    border-bottom: 1px solid #777777;
    vertical-align: middle;
    color: #777777;
    text-align: center; }
  table th:not(:last-child) {
    border-right: 1px solid #777777; }
  table td {
    padding: 2% 1%;
    text-align: center;
    border-bottom: 1px solid #777777;
    color: #777777;
    background-color: #ffffff;
    vertical-align: middle;
    font-size: 14px; }
  table td:not(:last-child) {
    border-right: 1px solid #777777; }

.range_table td, .range_table th {
	padding: 1% 5px;
}
@media screen and (max-width: 765px) {
  .range_table th.column2,
  .range_table th.column3,
  .range_table th.column4 {
    vertical-align: top;
  }
  .range_table td {
    font-size: 12px;
  }  
}
.caution {
  width: 980px;
  margin: 0 auto;
  font-size: 12px;
  color: #777777;
  line-height: 1.6; }

	@media screen and (max-width: 765px) {

	.outsource-col-2 {
		display: block;
	}

	.outsource.mb10 {
		margin-bottom: 0px!important;
	}

	#service .caution-outsource {
		margin-bottom: 10px;
	}

	table th {
		font-size: 12px;
	}

	table td {
		font-size: 12px;
	}

	.caution {
	  width: 100%;
	 }
}

/*----------------------------------------------------
	Footer
----------------------------------------------------*/
.footer_sitemap {
  padding: 50px 0px 100px;
  background-color: #22aabb; }
  .footer_sitemap .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 980px;
    margin: 0 auto; }
    .footer_sitemap .inner .item_head {
      margin-right: 10%;
      font-size: 2.5rem;
      color: #ffffff;
      line-height: 1.2; }

			.footer_sitemap .inner .item_head a {
				color: #ffffff;
				 }

      .footer_sitemap .inner .item_head .small {
        display: inline-block;
        margin-bottom: 5px;
        font-size: 1.3rem; }
    .footer_sitemap .inner .item_list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-pack: distribute;
          justify-content: space-around;
      width: 70%;
      line-height: 2; }
      .footer_sitemap .inner .item_list a {
        color: #FFF; }
      .footer_sitemap .inner .item_list .item_list-head {
        margin-bottom: 10px;
        font-weight: bold;
        color: #FFF; }

footer {
  padding: 20px 0px;
  color: #FFF; }
  footer .footer_inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 980px;
    margin: 0 auto; }

.contact-area {
  position: fixed;
  bottom: 0;
  width: 100%;
  margin: 0 auto;
  background-color: #fff;
  color: #22aabb;
  z-index: 9999; }
  .contact-area .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 1200px;
    margin: 0 auto;
    padding: 1% 0; }

		.contact-area .inner .footer_top-link {
			width: 300px;
		}

    .contact-area .inner .strong {
      margin: 0 1%;
      font-size: 2.2rem;
      font-weight: bold; }
    .contact-area .inner .small {
      color: #777777; }
    .contact-area .inner .arrow {
      margin: 0 5px; }
      .contact-area .inner .arrow img {
        width: 8px; }
    .contact-area .inner .btn-contact {
      margin-left: 3%; }


@media screen and (max-width: 765px) {

	footer {
	  padding: 20px 10px 75px 10px;
	  color: #FFF;
		background-color: #22aabb;
	}
	  footer .footer_inner {
			display: block;
	    width: 100%;
	    margin: 0 auto;
			font-size: 10px;

		}

	.contact-area .inner {
		width: 90%;
		height: 55px;
	}

	.contact-area .inner img {
		width: 100%;
		vertical-align: bottom;
	}


	.footer_sitemap .inner {
		width: 100%;
	}

}

/*----------------------------------------------------
	PagetoTop
----------------------------------------------------*/
#page-top {
  position: absolute;
  top: -58px;
  right: 10%;
  display: inline-block;
  max-width: 50px;
	max-height: 58px;
  padding: 17px 10px;
  background-color: #03666d; }


	@media screen and (max-width: 765px) {

	#top table.sp th.dark-gray {
		background-color: #777 !important;
		color: #FFF;
	}

	#top table.sp th.gray {
		background-color: #e0e0e0 !important;
		color: #777777;
	}

	#top table.sp th.green {
		background-color: #22aabb !important;
		color: #fff;
	}

	#top table.sp td.palegreen {
		background-color: #a3dce5 !important;
		color: #777;
	}


	#top table.sp th.beige {
		background-color: #ffffd6 !important;
		color: #22aabb;
	}



	#top table.sp {
	  border: 1px solid #777;
	  border-collapse: collapse;
	  border-spacing: 0;
	  margin-bottom: 10px;
	  max-width: 100%;
	  width: 100%;
	}
	#top table.sp > thead > tr > th,
	#top table.sp > thead > tr > td,
	#top table.sp > tbody > tr > th,
	#top table.sp > tbody > tr > td,
	#top table.sp > tfoot > tr > th,
	#top table.sp > tfoot > tr > td {
	  border: 1px solid #777;
	  line-height: 20px;
	  padding: 5px;
	  vertical-align: top;
		height: 80px;
	}
	#top table.sp > thead > tr > th {
	  background: #444;
	  color: #fff;
	  font-weight: normal;
		text-align: center;
	  vertical-align: bottom;
	}
	#top table.sp th {
		width: 100%;
	  text-align: left;
	}

	#top table.sp,
	#top table.sp th,
	#top table.sp td,
	#top table.sp tr,
	#top table.sp tr th,
	#top table.sp tr td,
	#top table.sp thead,
	#top table.sp thead th,
	#top table.sp thead td,
	#top table.sp thead tr,
	#top table.sp thead tr th,
	#top table.sp thead tr td,
	#top table.sp tbody,
	#top table.sp tbody th,
	#top table.sp tbody td,
	#top table.sp tbody tr,
	#top table.sp tbody tr th,
	#top table.sp tbody tr td,
	#top table.sp tfoot,
	#top table.sp tfoot th,
	#top table.sp tfoot td,
	#top table.sp tfoot tr,
	#top table.sp tfoot tr th,
	#top table.sp tfoot tr td {
	  display: block;
	}

	#top table.sp > thead {
		width: 30%;
	  float: left;
	}
	#top table.sp > tbody > tr {
	  display: inline-block;
	  vertical-align: top;
	}

	#top table.sp > tbody {
	  width: auto;
	  white-space: nowrap;
	  overflow-x: auto;
	}
}

#contactFrm {
    border: 1px solid #777;
    padding: 30px;
    margin: 30px 0;
}

.form_center {
	display: block;
	text-align: center;
	margin: 0 auto;
}

.submit_btn {
	display: block;
	text-align: center;
}

.submit_btn input {
	width: 40%;
	padding: 15px 40px;
    font-size: 1.2em;
    border-style: none;
    background-color: #fb606f;
	color: #FFF;
	transition: 0.7s;
	cursor: pointer;
}

.submit_btn input:hover {
	opacity: 0.7;
}

.back_btn button {
	width: 40%;
    padding: 15px 40px;
    font-size: 1.2em;
    border-style: none;
    background-color: #b1b1b1;
    color: #FFF;
    text-align: center;
    margin: 20px auto 0;
    display: block;
	transition: 0.7s;
	cursor: pointer;
}

.back_btn button:hover {
	opacity: 0.7;
}

@media screen and (max-width: 765px) {
 .submit_btn input,
 .back_btn button{
	width: 60%;
 }
}


#contact .category-nav-box {
    padding: 120px 0;
    background-image: url(../img/mv_contact.png);
    background-position: center;
    background-repeat: no-repeat;
	background-size: cover;
}

.contact_body {
	width: 60%;
	max-width: 680px;
	margin: 0 auto;
}

.contact_body dd {
	margin-bottom: 10px;
}

.contact_body input[type="text"],
.contact_body textarea{
	width: 100%;
}

.contact_body textarea{
border-radius: 6px;
    -webkit-appearance: none!important;
    border: none;
    border: 1px solid #cacaca;
}

.contact_body input[type="text"],
.contact_body input[type="email"]{
	width: 70%;
    border-radius: 6px;
    -webkit-appearance: none!important;
    border: none;
    border: 1px solid #cacaca;
    height: 30px;
}

@media screen and (max-width: 765px) {

#contact .category-nav-box {
    width: 100%;
    padding: 0;
    background-image: none;
}
}

/*----------------------------------------------------
	banner_area
----------------------------------------------------*/
.banner_area img {
	margin: 0 auto 10%;
}



.container .contents .side .side-nav .side-nav-body .popular-box{
    display: inherit !important;
}
@media screen and (max-width: 765px) {
.container .contents .side .side-nav .side-nav-body .popular-box{
	 display: flex !important;
}
}