@charset "UTF-8";
/* Content */
.content {
	margin: 0 auto;
	padding: 0 3em 3em;
}
.content-wrap{
	width: 1000px;
	min-width: 1000px;
	/*width: 96%;*/
	margin: 0 auto;
}
.section{
	border-bottom: 1px solid #cccccc;
}
h2{
	text-align: left;
}
section .title-red{
	background:#aa2727;
	width: 20%;
	height: 53px;

}
section .section-title{
	margin-top: -53px;
	border-bottom: 1px solid #aa2727;
}
section .section-title h3{
	color: #fff;
	margin: 0;
	position: relative;
	font-size: 19px;
	background:#aa2727;
	height: 52px;
	display: inline-block;
	padding-right:50px;
	float: left;
}
section .section-title h3 span{
	padding-top: 11px;
	display: block;
}
section .section-title p{
	float: left;
	padding: 25px 0 0 30px;
}
section .section-contents{
	margin-top:70px;
}
 .section-inner{
	padding-right: 20px;
}
section .section-inner h4{
	border-bottom: 1px solid #bdbdbd;
	display: inline-block;
	padding-left: 20px;
	margin-bottom: 30px;
	color: #aa2727;
}
section .section-inner p{
	margin-bottom: 30px;
	
}
section .section-inner img{
	padding-right: 20px;
}
section .section-inner p span{
	color: #000;
	display: block;
	margin-bottom: 10px
}
section .section-inner p.caption{
	text-align: right;
	font-size: 10px;
	color: #747474;
}
.others h2{
	padding: 0 0 80px;
}

/* =Tables
-----------------------------------------------------------------------------*/
table.table {
	width: 100%;
	margin: 0 auto;
	clear: both;
	margin-top: 80px;
}
table.table td,
table.table th {
	padding: 1em 0;
	font-size: 1em;
}
table.table th {
	color: #106869;
	font-weight: normal;
	width: 30%;
	vertical-align: text-top;
}
table.table td {
	width: 70%;
}


table.table td span.blue{
	color: #106869;
}

table.table tr{
	width: 100%;
}
table.table-bordered td,
table.table-bordered th {
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}
table.table-bordered td{
	line-height: 1.8;
}

/* =　最新情報
-----------------------------------------------------------------------------*/

dl.news{
	border-bottom: 1px solid #5abdbe;
	margin-bottom: 80px;
	margin-top: 100px;
}
dl.news dt,
dl.news dd{
	float: left;
	border-top: 1px solid #5abdbe;
	padding: 1em 0;
}
dl.news dt{
	width: 350px;
	padding-right: 50px;
	padding-left: 20px;
}
dl.news dd{
	width: 850px;
	padding-right: 20px;
}
/* =　個人情報保護方針
-----------------------------------------------------------------------------*/
dl.policy{
	margin-top: 40px;
}
dl.policy dt{
	margin-bottom: 20px;
	font-size: 1.2em;
	border-bottom: 1px solid #5abdbe;
}
dl.policy dt span{
	color: #aaa;
	font-weight: bold;
	font-size: .9em;
	padding-right: 10px;
}
dl.policy dd{
	margin-bottom: 40px;
}

/* =　サイトご利用にあたって
-----------------------------------------------------------------------------*/

.about section{
	margin: 80px 0;
}
.about section .section-title{
	margin-bottom: 50px;
}
.about section ul{
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 10px;
}
.about section ul li{
	margin-bottom: 5px;
}

.about section ul li .li-in{
	margin-top: 0;
	padding: .5em 1em;
}
.about section ul li .li-in li{
	margin: 0;
	color: #777;
}

/* =　サイトマップ
-----------------------------------------------------------------------------*/

.sitemap-inner{
	width: 800px;
	margin: 0 auto;
}
.sitemap-inner section{
	float: left;
	width: 50%;
	padding-left: 150px;
	margin-bottom: 40px;
}
.sitemap section.alone{
	clear: both;
	background: #efefef;
	padding: 20px 20px 10px 20px;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 100px;
}
.sitemap section.alone ul li{
	float: left;
	width: 192px;
	text-align: center;
}

.sitemap-inner section p {
	position: relative;
	display: inline-block;
	padding-right: 25px;
	margin-bottom: 30px;
	letter-spacing: 2px;
}
.sitemap-inner section p a{
	font-size: 1.5em;
	font-weight: bold;
	color: #666;
}
.sitemap-inner section p:before{
	position: absolute;
	right: 0;
	top: .3em;
	content: "\f138";
	font-family: FontAwesome;
	color: #00a8a9;
}
.sitemap section ul li {
	margin-bottom: 10px;
}	
.sitemap section ul li a{
	color: #666;
	font-size: 1.1em;
}
.sitemap section.alone ul li a{
	font-weight: bold;
	color: #999;
}

.sitemap section a:hover,
.sitemap section.alone ul li a:hover{
	text-decoration: none;
	color: #00a8a9;
}
.privacy section p.topix{
	font-size: 1.3em;
	font-weight: bold;
	color: #00a8a9;
}
.privacy section dd{
	padding-left: 2em;
}


/*▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼-----------------------------

ここからスマホ

▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼------------------------------*/

@media screen and (max-width: 768px) {
.content-wrap{
	width: 96%;
	min-width: inherit;
}

#theTarget h2{
	width: 50%;
	margin: 0 auto;
}
h2 img{
	width: 100%;
}
.others h2{
	padding: 50px 0;
}
.privacy h2,
.about h2{
	width: 90%;
}
	
img{
	width: 100%;
}
.service .area-Banner .content {
	padding: 0 2em 5em;

}
section .title-red{
	width: 96%;
	margin: 0 auto;
}
.section-title img{
	width: auto;
}
section .section-title h3{
	display: block;
	text-align: center;
	float: none;
	padding-right: 0;
	height: auto;
	font-size: 16px;
}
section .section-title p{
	float: none;
	text-align: center;
}
section .section-contents{
	margin-top: 20px;
}
.section-inner img{
	margin-bottom: 30px;
}
.section-inner .img-area img{
	width: 50%;
	padding-right: 10px;
}
section .section-inner{
	padding-right: 0
}
section .section-inner img{
	padding-right: 0;
}
table.table{
	margin-top: 40px;
}

table.table td {
	/*display: block !important;*/
	/*width: 100%;
	margin-top: -1px;*/
	/*text-align: center !important;*/
	/*margin:0 auto;*/
	font-size:13px;
	padding-left:5px;
}
table.table th {
	/*display: block !important;
	width: 100%;
	margin-top: -1px;
	text-align: center !important;*/
	font-size:13px;
}

table.table-bordered td,
table.table-bordered th {
	border-top: none;
	border-bottom: none;
}
table.table-bordered tr {
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
}
table.table th {	/*background-color:#f5f5f5;*/
}
.polcy-box{
	width: 310px;
}
.polcy h2{
	width: 100%;
}
dl.news dt,
dl.news dd{
	float: none;
}
dl.news dt{
	width: 100%;
	padding-left: 0;
}
dl.news dd{
	width: 100%;
}

	.sitemap-inner{
	width: 94%;
	}
.sitemap-inner section{
	float: none;
	width: 100%;
	padding-left: 0;
	text-align: center;
}
.sitemap section.alone{
	width: 100%;
}
	.sitemap section ul li{
		margin-bottom: 20px;
}
		.sitemap section ul li a{
		font-size: 1.3em;
}
	.sitemap section.alone ul li{
		float: none;
		width: 100%;
	}
}
/*//////

スマホここまで▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/




/* js-sliderPro--Hero
--------------------------------------------------------- */
#js-sliderPro--Hero.sp-horizontal .sp-button {
  width: 14px;
  height: 14px;
  margin: 0 10px;
  border: none;
  background-color: #ffffff;
}
#js-sliderPro--Hero.sp-horizontal .sp-button.sp-selected-button {
  background-color: #00a8a9;
}

/*-- pc --*/
@media print, screen and (min-width: 769px) {
  #js-sliderPro--Hero ,
  .sp-slides ,
  .sp-slide ,
  .sp-video {
    visibility: visible;
  }
  #js-sliderPro--Hero {
    min-width: 1000px;
    height: 100%;
  }
  .sp-slides-container ,
  .sp-slides ,
  .sp-slide ,
  .sp-mask {
    width: 100%!important;
    height: 100%!important;
    min-width: 1000px;
  }
  .sp-slide {
    z-index: 2;
  }
  .sp-slide.sp-selected {
    z-index: 20;
  }
  #js-sliderPro--Hero.sp-horizontal .sp-arrows {
    width: 134px;
    right: 38px;
    bottom: 40px;
    height: 26px;
  }
  #js-sliderPro--Hero.sp-horizontal .sp-arrow {
    width: 17px;
    height: 26px;
    z-index: 100;
  }
  #js-sliderPro--Hero.sp-horizontal .sp-arrow:hover {
    opacity: .7;
  }
  #js-sliderPro--Hero.sp-horizontal .sp-arrow:before {
    left: 6px;
    transform: skew(135deg,0deg);
  }
  #js-sliderPro--Hero.sp-horizontal .sp-arrow:after {
    left: 6px;
    transform: skew(-135deg,0deg);
  }
  #js-sliderPro--Hero.sp-horizontal .sp-next-arrow:after,
  #js-sliderPro--Hero.sp-horizontal .sp-next-arrow:before,
  #js-sliderPro--Hero.sp-horizontal .sp-previous-arrow:after,
  #js-sliderPro--Hero.sp-horizontal .sp-previous-arrow:before {
    width: 4px;
    height: 50%;
  }
  #js-sliderPro--Hero.sp-horizontal .sp-previous-arrow {
    left: 0;
  }
  #js-sliderPro--Hero.sp-horizontal .sp-next-arrow {
    right: 0;
  }

  #js-sliderPro--Hero.sp-horizontal .sp-buttons {
    position: absolute;
    width: 92px;
    right: 38px;
    bottom: 46px;
    height: 14px;
    padding-top: 0;
    line-height: 1;
    z-index: 100;
  }
  #js-sliderPro--Hero.sp-horizontal .sp-button:last-child {
    margin: 0 0 0 10px;
  }

  .sp-grab ,
  .sp-grabbing {
    cursor: default;
  }
}
/*-- //pc --*/

/*-- smartPhone --*/
@media screen and (max-width: 768px) {
  #js-sliderPro--Hero ,
  .sp-slides ,
  .sp-slide ,
  .sp-video {
    height: 100%;
    /*visibility: hidden;*/
  }
  .sp-slides-container {
    height: 100%;
    overflow: hidden;
  }
  .sp-buttons {
    bottom: 80px;
    z-index: 10;
  }
  .sp-grab ,
  .sp-grabbing {
    cursor: default!important;
  }
  .sp-slides li:first-child {
    -webkit-background-size: cover;
            background-size: cover;
  }
  .sp-slides li:nth-of-type(2) {
    -webkit-background-size: cover;
            background-size: cover;
  }
}
/*-- //smartPhone --*/


/* heroKey
--------------------------------------------------------- */
.heroKey {
   position: relative;
   min-height: 100px;
}

/*-- heroKey h1 --*/
.heroKey h1 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-size: 1rem;
}

/*-- heroKey_Lead --*/
.heroKey_Lead {
  line-height: 1;
}
.heroKey_Lead .txt {
  vertical-align: middle;
}
.heroKey_Lead img {
  height: auto;
  vertical-align: middle;
}
.heroKey_Lead strong {
  font-weight: normal;
  line-height: 1;
}
.heroKey_Lead--top {
  background: rgba(0, 168, 169, 0.8);
}
.heroKey_Lead--top .txt {
  display: inline-block;
}
.heroKey_Lead--top img {
  width: 250px;
  height: auto;
}
.heroKey_Lead--bottom .txt {
  display: inline-block;
  color: #008486;
  font-size: 2.875rem;
  font-weight: normal;
}

.heroKey_Lead--bottom img {
  width: 390px;
  height: auto;
}

/*-- heroKey_Btn --*/
a.heroKey_Btn {
  display: inline-block;
  width: 315px;
  padding: 13px 15px;
  vertical-align: middle;
  text-align: center;
  font-size: 1.125rem;
}
a.heroKey_Btn span {
  padding: 0 25px 0 0;
  -webkit-background-size: 12px 18px;
          background-size: 12px 18px;
}

/*-- btn_ScrollDown --*/
.btn_ScrollDown {
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -100px;
  margin-bottom: 0;
  display: inline-block;
  width: 200px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  font-size: 0.875rem;
  background: rgba(255, 255, 255, 0.9);
}
.btn_ScrollDown:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 0 .5em;
  width: 12px;
  height: 8px;
  -webkit-background-size: 100%;
          background-size: 100%;
}
/*-- pc --*/
@media print, screen and (min-width: 769px) {
  .btn_ScrollDown {
    z-index: 100;
  }
}
/*-- //pc --*/

/*-- print --*/
.heroKey_Print {
  display: none;
}


/* main__Content
--------------------------------------------------------- */
#wrap__Inner {
  opacity: 0;
}
#main__Content {
  margin: 0 auto;
}





/* area-Category
--------------------------------------------------------- */
/*-- area-Category--lead --*/
.area-Category--lead {
  font-size: 1rem;
  color: #ffffff;
}
.area-Category--lead h2 {
  margin: 0 0 30px 0;
  padding: 0;
}

/*-- area-Category--slider --*/
.area-Category--slider__List {
  margin-bottom: 22px;
  border-bottom: 1px solid #dedede;
}
.area-Category--slider__List p {
  margin: 0;
}
.area-Category--slider__List .dl_Basic {
  min-height: 285px;
}

/*-- js-slick--Top --*/
.js-slick--Top {
  min-height: 284px;
  padding: 10px 26px 18px;
  border: 1px solid #dedede;
  background: #ffffff;
}
.js-slick--Top .slick-dots {
  bottom: -24px;
  right: 0;
  text-align: right;
}
.js-slick--Top .slick-dots li {
  height: 12px;
  margin: 0 5px;
  line-height: 1;
  vertical-align: middle;
}
.js-slick--Top .slick-dots li:last-child {
  margin: 0 0 0 5px;
}
.js-slick--Top .slick-dots li button {
  height: 12px;
}


/* area-Announce
--------------------------------------------------------- */
#area-Announce {
  padding: 54px 0 31px;
  /*border-top: 1px solid  #e1e1e1;*/
  background: #f6f6f6;
}
/* area-Info
--------------------------------------------------------- */
.area-Info .list_Inline {
  margin-top: -10px;
}

/* area-Sns
--------------------------------------------------------- */
.area-Sns .list_Inline {
  margin-top: -10px;
}


/* area-Notice
--------------------------------------------------------- */
.area-Notice {
  padding: 22px 26px 12px;
  border: 1px solid  #e1e1e1;
  background: #ffffff;
}
.area-Notice .dl_Horizon--Wrap {
  margin-bottom: 0;
}


/* relation_Network
--------------------------------------------------------- */
.relation_Network {
  border-top: none;
}


/* area-Mapping
--------------------------------------------------------- */
	.area-Mapping div.work-place{
		background-size: 100%;
		
	}
	.area-Mapping div.main-com{
		background: url(../img/img12.jpg) no-repeat left top;
		background-size: 100%;
	}

	.area-Mapping div.work-place a{
		display: block;
	}
	.area-Mapping div.work-place a:hover{
		text-decoration: none;
	}
	.area-Mapping div.work-place a span{
		font-size: 2.5em;
		color: #fff;
	}
	.area-Mapping div.main-com p{
		font-size: 1.1em;
		color: #222;
		line-height: 1.8;
		
	}
	.area-Mapping div.main-com span{
		display: block;
		color: #666;
		margin-top: 10px;
		
	}
/* area-Banner
--------------------------------------------------------- */
	.area-Banner{
		border-top: 1px solid #ccc;
		padding-top: 80px;
	}


/*-- pc --*/
@media print, screen and (min-width: 769px) {
	
	.grid .box1,
	.footer_Message .box1{
		opacity: 0;
        transform: translate(0, 60px);
        -webkit-transform: translate(0, 60px);
        transition: .8s;
	}
	.grid .mv,
	.footer_Message .mv{
		opacity: 1.0;
        transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
	}
	.fade{
		opacity: 0;
        transition: .8s;
	}
	.fadeIn{
        opacity: 1.0;
    }
	.content div.area-News{
		width: 70%;
		min-width: 1114px;
		margin: 20px auto;
	}
	
/*	.area-News .txt_Lead--large{
		font-size: 2.5em !important;
		text-align: center;
	}
	.area-News ul {
		padding-bottom: 0em;
		margin-bottom: 0em;
		
	}
	.area-News ul li {
		color: #00a8a9;
		display: block;
		padding: 0em 0;
		font-size: 1.1em;
	}
	.area-News ul li time{
		color: #666666;
		margin-right: 5em;
	}
*/	
	
	
	
	
	.eventbox .news-archive {
    background: #00a8a9;
    /*border-radius: 5px;*/
    padding: 1em 2em;
    width: 240px;
    text-align: center;
	display:block;
	margin:0 auto;
}
	.eventbox .news-archive a{
		color: #fff;
	}
	.eventbox .news-archive i{
		color: #fff;
	}	
	
	
	
	
	
	.area-News .txt_Lead--large{
		font-size: 2.5em !important;
		text-align: center;
	}
	.area-News ul {
		padding-bottom: 0em;
		/*margin-bottom: 2em;*/
		/*border-top: 1px solid #ccc;*/
		
	}
	.area-News ul li {
		color: #00a8a9;
		display: block;
		padding: 0em 0;
		font-size: 1.1em;
		/*border-bottom: 1px solid #ccc;*/
	}

	.area-News ul.news {
		padding-bottom: 0em;
		margin-bottom: 2em;
		border-top: 1px solid #ccc;
		
	}
	.area-News ul.news li {
		padding: 1em 0;
		border-bottom: 1px solid #ccc;
	}
	.area-News ul li time{
		color: #666666;
		margin-right: 5em;
	}
	.area-News ul li span{
		width:150px !important;
		text-align:center;
		color: #666666;
		padding:3px 20px;
		/*border:1px solid #ccc;*/
		margin-right: 1em;
	}
	
	.content div.area-News .news-archive {
    background: #00a8a9;
    /*border-radius: 5px;*/
    padding: 1em 2em;
    width: 240px;
    text-align: center;
	display:block;
	margin:0 auto;
}
	.content div.area-News .news-archive a{
		color: #fff;
	}
	.content div.area-News .news-archive i{
		color: #fff;
	}
	
	/*//  area-Mapping  //-----------------------*/
	
	.area-Mapping{
		width: 100%;
		/*min-width: 1200px;*/
		display: table;
		border-bottom: 1px solid #ccc;
	}
	.area-Mapping > div {
		width: 50%;
		max-width: 800px;
		text-align: center;
		display: table-cell;
		vertical-align: middle;
		/*padding: 3em 0;*/
	}
	.area-Mapping div.main-com p.address{
		font-size: 2.5em;
	}
	
	/*//  area-Banner  //-----------------------*/
	.area-Banner ul{
		width: 100%;
	}
	.area-Banner ul li{
		text-align: center;
		float: left;
		width: 50%;
	}
	
  /* heroKey
  --------------------------------------------------------- */
  .heroKey {
  	overflow: hidden;
  }

  .heroKey_Video--Wrap {
    position: relative;
    width: 100%;
    height: 100%;
  }

  .heroKey_Video {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
  }

  .heroKey_Lead {
    position: absolute;
    top: 60%;
    left: 0;
    color: #ffffff;
    z-index: 100;
  }
  /*-- 見出し1行表示用 --*/
  .heroKey_Lead.is--single .heading_Hero:before {
    content: '';
    display: block;
    width: 1px;
    height: 67px;
    background-color: transparent;
  }
  .heroKey_Lead--btn {
    display: inline-block;
    margin-left: -9px;
    background: rgba(255, 255, 255, 0.8);
  }

  .heroKey_Lead--top {
    display: inline-block;
    padding: 13px 30px 13px 40px;
  }
  .heroKey_Lead--bottom {
    display: inline-block;
    padding: 10px 40px 10px 38px;
    background: rgba(255, 255, 255, 0.9);
  }

  a.heroKey_Btn {
    margin-left: 35px;
  }
  a.heroKey_Btn:hover span {
    -webkit-background-size: 12px 18px;
            background-size: 12px 18px;
  }


  /* area-Category__Content
  --------------------------------------------------------- */
  .area-Category__Content {
    -webkit-background-size: 70%;
            background-size: 70%;
  }


  /* area-Category--slider__List
  --------------------------------------------------------- */
  .area-Category--slider__List img {
    width: 100%;
    min-width: 385px;
    height: auto;
  }


  /* area-Announce
  --------------------------------------------------------- */
  #area-Announce {
    margin-top: 70px;
	  text-align: center;
  }
  #area-Announce .area-Announce__Inner {
    width: 100%;
    margin: 0 auto;
	  padding: 0 5em 5em;
  }
  #area-Announce .heading_Link {
    font-size: 1.5rem;
  }
  #area-Announce .heading_Level3 {
    border-bottom: 2px solid #00a8a9;
  }
	#area-Announce .grid.grid--is3{
	/*display: table;*/
	}
	#area-Announce .grid.grid--is3 > *{
		padding: 0 5%;
		/*display: table-cell;*/
		vertical-align: middle;
	
	}

  /* area-Notice
  --------------------------------------------------------- */
  .area-Notice {
    margin: 38px 0 0;
  }


  /* area-Category
  --------------------------------------------------------- */
  #area-Category {
    margin-top: 70px;
    height: auto;
  }

  /*-- area-Category--img --*/
  .area-Category--img {
    width: 100%;
  }
  .area-Category--img .area-Category--img__Inner {
    width: 70%;
  }
  .area-Category--img .area-Category--img__Inner img {
    width: 100%;
  }

  /*-- area-Category__Content --*/
  .area-Category__Content {
    width: 100%;
  }
  .area-Category__Content__Inner {
    padding-top: 46px;
    padding-bottom: 20px;
  }
  .area-Category__Content__Inner:after {
    content: "";
    clear: both;
    display: block;
  }


  /* area-Topics
  --------------------------------------------------------- */
  /*-- area-Topics --*/
  .area-Topics {
    z-index: 6;
  }
  .area-Topics .grid > .media {
    margin-top: 28px;
  }

  /*-- grid--is2_1--Left --*/
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left > * {
    height: 100%;
    margin-left: -1px;
    margin-top: -1px;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left .media_Body {
    border: 1px solid #dedede;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left .media_Body .list_Link {
    word-wrap:break-word;
    overflow: hidden;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left .media_Img {
    height: 100%;
    margin-top: 0;
    margin-right: 28px;
    margin-bottom: -1px;
    text-align: left;
    overflow: hidden;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left .media_Img a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left .media_Img div {
    overflow: hidden;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left .media_Img img {
    width: auto;
    height: 100%;
  }

  /*-- grid--is2_1--Right --*/
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Right > * {
    margin-top: -1px;
    padding-bottom: 1px;
    border: 1px solid #dedede;
    border-top: none;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Right > div {
    height: 100%;
    background: #ffffff;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Right > * .media_Img {
    margin-top: -1px;
    margin-left: -1px;
    margin-right: -1px;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Right > * .media_Body {
    border: none;
    height: auto;
  }

  /*-- column--is2_1 --*/
  .column--is2_1 {
    letter-spacing: -.4em;
  }
  .column--is2_1 .column--is2_1--Left {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 66.6%;
    padding-right: 28px;
  }
  .column--is2_1 .column--is2_1--Right {
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
    width: 33.3%;
  }
  .column--is2_1 .column--is2_1--Right .img_Liquid--pc {
    width: 100%;
    min-width: 289px;
    height: auto;
  }
  


}


/*-------------マージン-------------*/
.mgnT0 { margin-top: 0;
}
.mgnT10{ margin-top: 10px;
}
.mgnT20{ margin-top: 20px;
}
.mgnT30{ margin-top: 30px;
}
.mgnT40{ margin-top: 40px;
}

.mgnR10{ margin-right: 10px;
}
.mgnR20{ margin-right: 20px;
}
.mgnR30{ margin-right: 30px;
}
.mgnR40{ margin-right: 40px;
}

.mgnB0 { margin-bottom: 0;
}
.mgnB10{ margin-bottom: 10px;
}
.mgnB20{ margin-bottom: 20px;
}
.mgnB30{ margin-bottom: 30px;
}
.mgnB40{ margin-bottom: 40px;
}

.mgnL10{ margin-left: 10px;
}
.mgnL20{ margin-left: 20px;
}
.mgnL30{ margin-left: 30px;
}
.mgnL40{ margin-left: 40px;
}

.mgnLR10{ margin-left: 10px; margin-right:10px;
}
.mgnLR20{ margin-left: 20px; margin-right:20px;
}
.mgnLR30{ margin-left: 30px; margin-right:20px;
}
.mgnLR40{ margin-left: 40px; margin-right:20px;
}

.mgnTB10{ margin-top: 10px; margin-bottom: 10px;
}
.mgnTB20{ margin-top: 20px; margin-bottom: 20px;
}
.mgnTB30{ margin-top: 30px; margin-bottom: 30px;
}
.mgnTB40{ margin-top: 40px; margin-bottom: 40px;
}

/*-------------セル内余白-------------*/
.padT0 { padding-top: 0;
}
.padT10{ padding-top: 10px;
}
.padT20{ padding-top: 20px;
}
.padT30{ padding-top: 30px;
}
.padT40{ padding-top: 40px;
}

.padR10{ padding-right: 10px;
}
.padR20{ padding-right: 20px;
}
.padR30{ padding-right: 30px;
}
.padR40{ padding-right: 40px;
}

.padB10{ padding-bottom: 10px;
}
.padB20{ padding-bottom: 20px;
}
.padB30{ padding-bottom: 30px;
}
.padB40{ padding-bottom: 40px;
}

.padL10{ padding-left: 10px;
}
.padL20{ padding-left: 20px;
}
.padL30{ padding-left: 30px;
}
.padL40{ padding-left: 40px;
}

.padTB10{ padding-top: 10px; padding-bottom: 10px;
}
.padTB20{ padding-top: 20px; padding-bottom: 20px;
}
.padTB30{ padding-top: 30px; padding-bottom: 30px;
}
.padTB40{ padding-top: 40px; padding-bottom: 40px;
}
.padTB50{ padding-top: 50px; padding-bottom: 50px;
}
/*-------------位置-------------*/
.texC{
	text-align: center;
}
.texL{
	text-align: left;
}
.texR{
	text-align: right;
}

/*-- //pc --*/

/*-- smartPhone --*/
@media screen and (max-width: 768px) {
  /* heroKey
  --------------------------------------------------------- */
  .heroKey {
    -webkit-background-size: cover;
            background-size: cover;
  }



  /*-- heroKey_Video --*/
  .heroKey_Video {
    display: none;
  }

  /*-- heroKey_Lead --*/
  .heroKey_Lead {
    position: absolute;
    top: 41%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    text-align: center;
    color: #ffffff;
  }
  .heroKey_Lead--top {
    display: inline-block;
    padding: 5px 8px 4px;
  }
  .heroKey_Lead--top img {
    width: 206px;
    height: auto;
  }
  .heroKey_Lead--bottom {
    display: inline-block;
  }
  .heroKey_Lead--bottom .txt {
    display: inline-block;
    margin-bottom: 40px;
    padding: 6px 8px 5px;
    background: rgba(255, 255, 255, 0.9);
  }
  .sp-slide.campaign .heroKey_Lead--bottom .txt {
    padding: 12px 8px;
    font-size: 1.25rem;
  }
  .sp-slide.groundwork .heroKey_Lead--bottom .txt img {
    width: 308px;
    height: auto;
  }
  .sp-slide.campaign .heroKey_Lead--bottom .txt img {
    width: 276px;
    height: auto;
  }

.heroKey_Lead--bottom .txt img {
    width: 308px;
    height: auto;
  }

  /*-- heroKey_Btn --*/
  a.heroKey_Btn {
    display: block;
    width: 275px;
    font-size: 1rem;
  }
  a.heroKey_Btn span {
    padding: 0 16px 0 0;
    -webkit-background-size: 10px 16px;
            background-size: 10px 16px;
  }
  .sp-slide.campaign a.heroKey_Btn {
    width: 264px;
    padding: 8px 15px;
  }

  /* area-Category
  --------------------------------------------------------- */
  #area-Category {
    margin-top: 35px;
    padding: 0;
  }
  /*-- area-Category--slider__List --*/
  .area-Category--slider__List img {
    width: 100%;
    height: auto;
  }

  /*-- area-Category__Content --*/
  .area-Category__Content .site__Inner {
    padding: 0;
  }
  .area-Category--img {
    display: none;
  }
  .area-Category--lead {
    padding: 60px 15px 24px;
  }
  .area-Category--lead h2 {
    margin-bottom: 20px;
    text-align: center;
  }
  .area-Category--lead img {
    width: 226px;
    height: auto;
  }
  .area-Category--lead p {
    margin-bottom: 14px;
    font-size: 0.875rem;
    text-align: left;
  }

  .area-Category__Content__Inner {
    position: relative;
    width: 100%;
    -webkit-background-size: auto 70%;
            background-size: auto 70%;
  }

  /*-- area-Category--slider --*/
  .area-Category--slider {
    margin-bottom: 28px;
    padding: 0 15px 28px;
  }
  .area-Category--slider .dl_Basic {
    min-height: 100px;
  }

  /*-- js-slick--Top --*/
  .js-slick--Top {
    padding: 14px 24px 18px;
    border: 1px solid #dedede;
    background: #ffffff;
  }


  /* area-Topics
  --------------------------------------------------------- */
  .area-Topics {
    margin-top: 28px;
    padding: 0 15px;
  }
  .area-Topics .grid.grid--is2_1 .grid--is2_1--Left .media_Body {
    margin-top: 0;
  }


  /* area-Announce
  --------------------------------------------------------- */
  #area-Announce {
	  padding: 2em;
  }
  #area-Announce .heading_Link {
    font-size: 1.375rem;
  }


  /* area-News
  --------------------------------------------------------- */
  .area-News .heading_Link {
    padding: 32px 15px 0;
  }
  .area-Event .heading_Link {
    padding: 18px 15px 0;
  }
	.content div.area-News {
		margin-top: 30px;
		padding: 0;
	}
	
	/*.content div.area-News ul li time {
		display: block;
		color: #666;
	}
	.content div.area-News ul li {
		margin-bottom: 10px;
	}
	.content div.area-News ul {
		margin-bottom: 30px;
	}
	.content div.area-News .news-archive{
		background: #00a8a9;
		border-radius: 5px;
		padding: 1em;
		width: 100%;
		text-align: center;
	}*/
	.content div.area-News ul li time {
		display: block;
		color: #666;
	}
	.area-News ul li span{
		width:120px !important;
		text-align:center;
		color: #666666;
		padding:0px 20px;
		border:1px solid #ccc;
		margin-right: 1em;
		/*display: block;*/
	}
	.content div.area-News ul li {
		/*margin-bottom: 10px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;*/
	}
	.content div.area-News ul {
		/*margin-bottom: 30px;*/
	}
	
		.content div.area-News ul.news li {
		margin-bottom: 10px;
		padding-bottom:10px;
		border-bottom:1px solid #ccc;
	}
	.content div.area-News ul.news {
		margin-bottom: 30px;
		border-top:1px solid #ccc;
		padding-top:10px;
	}
	
	.content div.area-News .news-archive{
		background: #00a8a9;
		border-radius: 5px;
		padding: 1em;
		width: 100%;
		text-align: center;
	}
	
	.content div.area-News .news-archive a{
		color: #fff;
	}
	.content div.area-News .news-archive i{
		color: #fff;
	}
	
	
	.eventbox .news-archive {
    background: #00a8a9;
		border-radius: 5px;
		padding: 1em;
		width: 100%;
		text-align: center;
}
	.eventbox .news-archive a{
		color: #fff;
	}
	.eventbox .news-archive i{
		color: #fff;
	}
	
	
  /* area-Mapping
  --------------------------------------------------------- */
	.area-Mapping{
		min-width: inherit;
	}
	.area-Mapping div.work-place{
		text-align: center;
		/*padding: 3em 0;
		margin-bottom: 1em;*/
	}
	.area-Mapping div.main-com{
		text-align: center;
		padding: 30px 0;
		background-color: #EFEFEF;
	}
	.area-Mapping div.main-com p{
		margin: 0;
	}
	.area-Mapping div.main-com span{
		margin-top: 0;
	}
  /* area-Banner
  --------------------------------------------------------- */
	.area-Banner ul li{
	margin-bottom: 20px;
	}
  /* area-Info
  --------------------------------------------------------- */
  .area-Info .list_Inline li {
    display: block;
  }

  /* area-Notice
  --------------------------------------------------------- */
  .area-Notice {
    margin: 30px 15px;
  }

  .js-accordion__Wrap + .area-Event {
    margin-top: 12px;
  }


  /* js-accordion
  --------------------------------------------------------- */
  .accordion--Unit:first-child .js-accordion__Heading {
    border-top: none;
  }
  .js-accordion__Heading {
    margin: 0;
    border-bottom: none;
  }
  .js-accordion__Content {
    padding: 26px 15px;
    border-top: 1px solid #dedede;
  }


#container2 {
   height:300px;
     width:100%;
}

	
}
/*-- //smartPhone --*/




/**/

@media screen and (min-width: 769px) {
#container2 {
   height:620px;
     width:100%;
	 margin-bottom:50px;
}

#theTarget img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#theTarget h2 {
	margin-top:153px;
	margin-bottom:20px;
	margin-left:0;
	text-align:left;
}
#theTarget p {
	font-size:18px;
	font-weight:bold;
	line-height:200%;
	background-color:rgba(255,255,255,0.9);
	padding:30px 40px;
	margin-left:10px;
	display: inline-block;
}

.subline2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	margin: 90px auto 50px;
	display: table;
	text-align: center ;
}


.google-maps {
position: relative;
padding-bottom: 58%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.fcb {
	padding-top:200px;
}
.fcb h3 {
	color:#0059B2;
}

.tableheight {
	min-height:1050px;
}
}



@media screen and (max-width: 768px) {
#container2 {
   height:320px;
     width:100%;
	 margin-bottom:50px;
}
.skippr {
	z-index:200;
}


#theTarget h2 {
	margin-top:75px;
	width:70%;
	/*margin-bottom:2px;
	margin-left:40px;*/
}
#theTarget p {
	font-size:14px;
	/*font-weight:bold;
	line-height:200%;
	background-color:rgba(255,255,255,0.9);*/
	padding:20px 30px;
	margin-left:45px;
	/*display: inline-block;*/
}
.subline2 {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	margin: 30px auto 30px;
	display: table;
	text-align: center ;
}

.content {
	margin: 0 auto;
	padding: 0 1em 3em;
}


.google-maps {
position: relative;
padding-bottom: 60%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

.fcb {
}
.fcb h3 {
	color:#0059B2;
}

}

@media screen and (max-width: 480px) {
#container2 {
   height:240px;
     width:100%;
	 margin-bottom:50px;
}
.skippr {
	z-index:200;
}


#theTarget h2 {
	margin-top:65px;
	width:70%;
	/*margin-bottom:2px;
	margin-left:40px;*/
}

}


.bg101 {
	background: url(../img/bg101.jpg) repeat-x center top;
	margin-top:0px;
}
.bg101 .content {
    margin: 0 auto;
    padding: 0 10em 3em 10em;
}
@media screen and (max-width: 768px) {
.bg101 .content {
    margin: 0 auto;
    padding: 0 2em 3em;
}	
}
.bg101 .subline2 {
	margin-top:0;
	margin-bottom:30px;
	padding-top:110px;
}
.bg101 .shadow {
	box-shadow: 10px 10px #ABDCE5;
	width:90%;
}
.bg101 .media.media--Unit.media--Unit--isNarrow .media_Body {
    padding: 20px 10px;
	min-height:130px;
}

.bg101 p {
	font-size:13px;
	line-height:1.7em;
	color:#000000;
}
.bg101 p span {
	font-size:13px;
	line-height:1.7em;
	color:#007F7F;
	padding-left:1.5em;
}


.bg101 p + p {
  margin: 0.5em 0 0 0;
}
/*.bg101 .grid > * {
    padding-left: 0px !important;
}

.bg101 .grid {
    padding-left: 30px !important;
	margin-left:50px !important;
}*/


.bg301 {
	background: url(../img/bg301.jpg) no-repeat center top;
	margin-top:70px;
}

.bg301 .content {
	padding-top:80px;
}

.bg301 .content p.text {
	font-size:15px;
	line-height:200%;
	margin:30px 0 40px;
	color:#000;
}

/*.bg301 .fbox_l {
	width:420px;
}*/


.bg401 {
	background: url(../img/bg401.jpg) no-repeat center top;
	margin-top:180px;
}

.bg401 .content {
	padding-top:-1px !important;
	padding-bottom:200px;

}

.bg401 .content p.text {
	font-size:15px;
	line-height:200%;
	margin:30px 0 40px;
	color:#000;
}

/*.bg301 .fbox_l {
	width:420px;
}*/


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

.bg301 {
	margin-top:50px;
}
.bg301 .content {
	/*background: url(../img/bg301.jpg) no-repeat center top;*/
	padding-top:5px;
}
.bg301 .content p.text {
	text-align:center;
	text-shadow:
	white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}
.bg401 {
	margin-top:50px;
}
.bg401 .content {
	/*background: url(../img/bg301.jpg) no-repeat center top;*/
	padding-top:5px;
	padding-bottom:40px;
}
.bg401 .content p.text {
	text-align:center;
	/*text-shadow:black 0 1px 10px rgba(255,255,255,1);*/
	text-shadow:
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
	-moz-box-shadow: 20px 20px 20px white;
-webkit-box-shadow: 20px 20px 20px white;
	/*text-shadow:
	white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 2px 2px 2px, white -2px 2px 2px,
    white 2px -2px 2px, white -2px -2px 2px,
    white 1px 2px 2px, white -1px 2px 2px,
    white 1px -2px 2px, white -1px -2px 2px,
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;*/
}
}


.bestbtn .content {
    margin: 0 auto;
    padding: 0 0 0 28px;
}
@media screen and (max-width: 768px) {
	.bestbtn .content {
    margin: 0 auto;
    padding: 0 0 0 15px;
}
}

.bestbtn {
	padding-bottom:0 !important;
}
.bestbtn .grid > * {
    padding-left: 0px !important;
}
.bestbtn .grid {
	margin-bottom:0px;
}

.bestbtn .grid a img {
	border:3px solid #00A8A9;
}
.bestbtn .grid a:hover img {
	border:3px solid #4DC2C3;
}

.bestbtn .grid a:hover img {
	border:3px solid #4DC2C3;
}

.mbcontact {
	margin-bottom:60px;
}
@media screen and (max-width: 768px) {
.mbcontact {
	margin-bottom:30px;
}
}

@media screen and (min-width: 769px) {
.sbtnbox {
    width: 70%;
    min-width: 1114px;
    margin: 0 auto;
}
}

.sbtn {
	margin-bottom:1.5em;
}

.sbtn img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.bg_sbtn {
	padding-top:1em;
	background-color:#F2F2F2;
}