@charset "utf-8";

/*******************************************************************/
/* PC：幅769px以上
/*******************************************************************/
@media screen and (min-width: 769px), print {
/*<start>==========================================================*/

/*=================================================================*/
/* 共通
/*=================================================================*/
/*	footer
----------------------------------------------------------------*/
footer {
	margin-top: 0;
  margin-top: 100px;
}

/*=================================================================*/
/* 下層ページ共通
/*=================================================================*/

/*  タイトル
----------------------------------------------------------------*/
.pageTitle {
  width: 1000px;
  margin: 0 auto 20px;
  background: #ebf6f7;
  background-size: cover;
  border-radius: 6px;
  min-height: 180px;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.pageTitle h1 {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
  font-weight: normal;
  font-family: honokamarugo, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.pageTitle span {
  display: block;
}
.pageTitle p {
  font-size: 1.4rem;
  letter-spacing: 0.1em;
  margin: 10px 0 0;
}
/*指宿ってこんなところ*/
.about .pageTitle,
.photo-tour .pageTitle {
  background: url(../img/sec/page_img_about.jpg) no-repeat center center;
}
/*暮らし情報*/
.house .pageTitle,
.work .pageTitle,
.parenting .pageTitle,
.medical .pageTitle,
.bousai .pageTitle {
  background: url(../img/sec/page_img_lifeinfo.jpg) no-repeat center center;
}
/*インタビュー*/
.interview .pageTitle {
  background: url(../img/sec/page_img_interview.jpg) no-repeat center center;
}
/*移住コンシェルジュ*/
.concierge .pageTitle,
.step .pageTitle,
.support-group .pageTitle,
.trial-support .pageTitle,
.support-money .pageTitle {
  background: url(../img/sec/page_img_concierge.jpg) no-repeat center center;
}
/*フリーランス*/
.freelance .pageTitle {
  background: url(../img/sec/page_img_freelance.jpg) no-repeat center center;
}
/*地域おこし協力隊紹介*/
.chiikiokoshi .pageTitle {
  background: url(../img/sec/page_img_chiikiokoshi.jpg) no-repeat center center;
}
/*最新のお知らせ*/
.news .pageTitle {
  background: url(../img/sec/page_img_news.jpg) no-repeat center center;
}
/*空き家バンク*/
.akiya_bank .pageTitle {
  background: url(../img/sec/page_img_lifeinfo.jpg) no-repeat center center;
}
/*お問い合わせ*/
.contact .pageTitle {
  background: url(../img/sec/page_img_contact.jpg) no-repeat center center;
}
/*プライバシーポリシー*/
.privacy .pageTitle {
  background: url(../img/sec/page_img_privacy.jpg) no-repeat center center;
}

h2 {
}
table {
  border-top: solid 1px #dedede;
}
table tr {
  border-bottom: solid 1px #dedede;
}
table tr th,
table tr td {
  padding: 25px;
}
table tr th {
  background-color: #f5f5f5;
}
table tr td {
}

/*  breadcrumb
----------------------------------------------------------------*/
.breadcrumb {
  width: 1000px;
  margin: 0 auto 20px;
  text-align: left;
}
.breadcrumb li {
  display: inline-block;
  font-size: 1.2rem;
  position: relative;
  padding: 2px 0px 2px 0;
  margin: 0 48px 0 0;
}
.breadcrumb li::after {
  position: absolute;
  content: "";
  top: 12px;
  right: -28px;
  width: 5px;
  height: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(45deg);
  margin: 0;
  color: #333;
  display: block;
}
.breadcrumb li:last-child a {
  pointer-events: none;
  text-decoration: none;
  color: #000;
}
.breadcrumb li:last-child::after {
  content: none;
}

/*  pageContents
----------------------------------------------------------------*/
.pageContents {
  width: 1000px;
  margin: 0 auto;
	padding: 60px 0 0;
}

.contBlock {
  margin: 0 0 60px;
}
.contBlock p {
  text-align: left;
  margin: 0 0 20px;
}
.contBlock p {
  text-align: left;
  margin: 0 0 20px;
}
.contBlock p.topTxt {
  text-align: left;
  margin: 0 0 40px;
}
.caution {
  font-size: 1.4rem;
}
.ttlStyle01 {
  background-color: #f3f3f3;
  padding: 15px 20px;
  border-left: solid 6px #52a7b6;
  border-radius: 3px;
  text-align: left;
  font-size: 2.2rem;
  margin: 0 0 40px;
  letter-spacing: 0.05em;
}
.ttlStyle02 {
  border-bottom: solid 1px #dadada;
  padding: 0 15px 20px;
  margin: 60px 0 40px;
  font-size: 2.0rem;
  position: relative;
  text-align: left;
  letter-spacing: 0.05em;
}
.ttlStyle02::after {
  content: "";
  width: 160px;
  height: 1px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.ttlStyle03 {
  text-align: left;
  padding: 0 0 0 22px;
  position: relative;
  margin: 20px 0;
  font-size: 1.8rem;
}
.ttlStyle03::after {
  content: "";
  width: 15px;
  height: 3px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  top: 14px;
}

/*  list01
----------------------------------------------------------------*/
ul.list01 {
  text-align: left;
  margin: 0 0 20px;
  /* border: solid 1px #DDD; */
  padding: 20px 20px 10px 30px;
  background-color: #f7f7f7;
}
ul.list01 li {
  padding: 0 0 0 16px;
  position: relative;
  margin: 0 0 10px;
}
ul.list01 li::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 6px;
}

/*  txtImg
----------------------------------------------------------------*/
.contBlock .txtImg {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.contBlock .txtImg .txt {
  width: 540px;
}
.contBlock .txtImg .txt p {
  line-height: 1.8em;
  margin: 0 0 20px;
}
.contBlock .txtImg .img {
  width: 420px;
}
.contBlock .txtImg .img img {
  border-radius: 6px;
}

.contBlock .txtImg .txt .ttlStyle02 {
  margin: 40px 0 40px;
}
.detailDl {
  text-align: left;
  margin: 0 0 20px;
}
.detailDl dt {
  margin: 0 0 10px;
  font-weight: bold;
  color: #52a7b6;
}



.contactBox {
  border: solid 1px #52a7b6;
  text-align: left;
  margin: 40px 0;
}
.contactBox dt {
  background-color: #52a7b6;
  color: #FFF;
  padding: 8px 12px;
  font-weight: bold;
}
.contactBox dd {
  padding: 8px 12px;
}

/*  link
----------------------------------------------------------------*/
.link {
  display: -webkit-flex;
  display: flex;
  text-align: left;
}
.link h3 {
  width: 100px;
  border-right: dotted 1px #DDD;
  color: #39999f;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.link ul {
  width: 439px;
  padding: 15px 0 15px 40px;
  box-sizing: border-box;
}
.link ul li {
  margin-bottom: 10px;
  border-radius: 50px;
}
.link ul li:last-child {
  margin-bottom: 0;
}
.link ul li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 14px 36px 14px 35px;
  border-radius: 50px;
  background-color: #f5f5f5;
  background-image: url(../img/sec/icon_arrow.svg), url(../img/sec/icon_outlink.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 18px top 22px, right 16px top 22px;
}
.link ul li a:hover {
  text-decoration: underline;
}
.link ul li span {
  font-size: 1.4rem;
  display: block;
  padding: 0 0 0 5px;
  margin: 0 0 20px;
}

/*  fileList
----------------------------------------------------------------*/
.fileList {
  text-align: left;
}
.fileList li {
  margin: 0 10px 10px 0;
  border-radius: 50px;
  display: inline-block;
}
.fileList li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 14px 36px 14px 35px;
  border-radius: 5px;
  background-color: #f5f5f5;
  background-image: url(../img/sec/icon_arrow.svg), url(../img/sec/icon_file.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 18px top 25px, right 16px top 22px;
}
.fileList li a:hover {
  opacity: 0.7;
}

/*  topTxt
----------------------------------------------------------------*/
.topTxt {
  margin: 0 0 90px;
}
.topTxt .sTxt {
  margin: 0 0 50px;
}
.topTxt .sTxt strong {
  font-size: 3.8rem;
  margin: 0 0 60px;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 0.1em;
  font-weight: normal;
  background: linear-gradient(transparent 65%, #f8f2b6 0%);
  line-height: 1.6em;
}

/*  topTxtImg
----------------------------------------------------------------*/
.topTxtImg {
  width: 1000px;
  padding: 0 0 60px;
  margin: 0 auto 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}
.topTxtImg.reverse {
  flex-flow: row-reverse;
}
.topTxtImg::after {
  content: "";
  width: 675px;
  height: 226px;
  background-color: #e9f9f8;
  position: absolute;
  top: 135px;
  left: 145px;
  z-index: -10;
}
.topTxtImg .txt {
  width: 490px;
  text-align: left;
  padding: 20px 0 0;
}
.topTxtImg .txt p {
  margin: 0 0 20px;
  line-height: 1.8em;
}
.topTxtImg .img {
  width: 460px;
  height: 300px;
  position: relative;
}
.topTxtImg .img::after {
  content: "";
  width: 460px;
  height: 300px;
  background: url(../img/sec/t_stripe.png) repeat 0 0;
  border-radius: 15px;
  position: absolute;
  bottom: -10px;
  right: -10px;
  z-index: -1;
}
.topTxtImg .img img {
  border-radius: 16px;
}
.topLine {
  text-align: left;
  border-bottom: dashed 1px #DDD;
  padding: 0 0 60px;
  margin: 0 0 60px;
}

/*=================================================================*/
/* 移住者インタビュー
/*=================================================================*/
.inPageNav {
	margin: 0 0 84px;
}
.inPageNav a {
	display: inline-block;
	text-decoration: none;
	background-color: #f2f2f2;
	border-radius: 6px;
	padding: 8px 32px 8px 13px;
	color: #000;
	font-size: 1.4rem;
	position: relative;
	margin: 0 8px;
}
.inPageNav a:hover {
	opacity: 0.7;
}
.inPageNav a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 15px;
	width: 5px;
	height: 5px;
	border-top: solid 1px;
	border-right: solid 1px;
	transform: rotate(135deg);
	margin: -4px 0 0;
	color: #333;
	display: block;
}

/*	postListWrap
----------------------------------------------------------------*/
.postListWrap {
	width: 1000px;
	margin: 0 auto 60px;
	padding: 0 0 48px;
	border-bottom: dotted 2px #d6d6d6;
}
.postListWrap h2 {
	font-size: 3.0rem;
	margin: 0 0 60px;
	padding: 25px 0 6px 39px;
	background: url(../img/sec/interview/ttl_kosodate.gif) no-repeat 0 0;
	display: inline-block;
	font-family: honokamarugo, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	letter-spacing: 0.1em;
}
.postListWrap.kosodate h2 {
	background: url(../img/sec/interview/ttl_kosodate.gif) no-repeat 0 0;
}
.postListWrap.hataraki h2 {
	background: url(../img/sec/interview/ttl_hataraki.gif) no-repeat 0 0;
}
.postListWrap.freelance h2 {
	background: url(../img/sec/interview/ttl_freelance.gif) no-repeat 0 0;
}
.postListWrap.senior h2 {
	background: url(../img/sec/interview/ttl_senior.gif) no-repeat 0 0;
}
.postListWrap ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.postListWrap ul li {
	width: 490px;
}
.postListWrap ul li a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
  text-decoration: none;
  color: #000;
}
.postListWrap ul li a:hover {
	opacity: 0.7;
}
.postListWrap ul li a .img {
  width: 240px;
  height: 160px;
  border-radius: 8px;
  overflow: hidden;
  position: relative;
}
.postListWrap ul li a .img img {
  transition: transform 0.3s linear;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.postListWrap ul li a:hover .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(1.05);
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
}

.postListWrap ul li a .txt {
	width: 225px;
	text-align: left;
}
.postListWrap ul li a .txt .name {
	font-weight: bold;
	margin: 0 0 10px;
	display: block;
}
.postListWrap ul li a .txt .turn {
  display: block;
  font-size: 1.4rem;
  padding: 2px;
  border-radius: 50px;
  background-color: #d9e9be;
  width: 86px;
  text-align: center;
  margin: 0 0 10px;
}
.postListWrap ul li a .txt .turn.ti {
  background-color: #d9e9be;
}
.postListWrap ul li a .txt .turn.tu {
  background-color: #bee9d5;
}
.postListWrap ul li a .txt .turn.tj {
  background-color: #91dedb;
}
.postListWrap ul li a .txt p {
}

/*	postImg
----------------------------------------------------------------*/
.postImg {
  position: relative;
  margin: 0 auto 20px;
  overflow: hidden;
  height: 365px;
  border-radius: 6px;
  width: 1000px;
}
.postImg img {
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.interviewPost p.topTxt {
  font-size: 3.2rem;
  font-family: honokamarugo, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
  margin: 0 0 100px;
  letter-spacing: 0.1em;
}

/*  profile
----------------------------------------------------------------*/
.profile {
  width: 1000px;
  margin: 0 auto 80px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.profile::after {
  content: "";
  position: absolute;
  width: 2000px;
  height: 500px;
  --width: 2000px;
  --height: 500px;
  margin: 0 0 0 -1000px;
  left: 50%;
  top: -128px;
  --angle: 70deg;
  --color: #f1fdfe;
  width: var(--width);
  height: var(--height);
  background-color: var(--color);
  transform: skewY(calc(98deg + var(--angle)));
  z-index: -1;
}
.profile .txt {
  width: 500px;
}
.profile .txt dl {
  text-align: left;
}
.profile .txt dl dt {
  font-weight: bold;
  border-bottom: dotted 2px #898989;
  padding: 20px 0 25px;
  margin: 0 0 25px;
}
.profile .txt dl dd {
  line-height: 2.0em;
}
.profile .img {
  width: 459px;
  position: relative;
  z-index: 10;
}
.profile .img img {
  position: relative;
  z-index: 10;
}
.profile .img::after {
  content: "";
  position: absolute;
  width: 459px;
  height: 100%;
  background-color: #e6e6e6;
  right: -7px;
  bottom: -7px;
  z-index: -1;
}
.profile .img img {
}

/*  postBlock
----------------------------------------------------------------*/
.postBlock {
  text-align: left;
  margin: 0 0 60px;
}
.postBlock h2 {
  border-bottom: solid 1px #96d9df;
  padding: 4px 0 24px 40px;
  margin: 0 0 40px;
  background: url(../img/sec/interview/icon_ttl.png) no-repeat 0 0;
  line-height: 1.4em;
}
.postBlock .blockInner.imgTxtBlock,
.postBlock .blockInner.txtImgBlock {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.postBlock .blockInner.txtImgBlock {
  flex-flow: row-reverse;
}
.postBlock .img {
  width: 360px;
  position: relative;
  z-index: 10;
}
.postBlock .img::after {
  content: "";
  position: absolute;
  width:360px;
  height: 248px;
  background-color: #e6e6e6;
  right: -7px;
  bottom: -7px;
  z-index: -1;
}
.postBlock .blockInner.imgTxtBlock .postTxt,
.postBlock .blockInner.txtImgBlock .postTxt {
  width: 600px;
}
.postBlock .postTxt dl {
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 20px;
}
.postBlock .postTxt dl dt {
  flex: 0 0 110px;
  margin-right: 20px;
  padding: 5px;
  text-align: center;
  border-radius: 4px;
}
.postBlock .postTxt dl dt.green {
  background: #cef4ed;
}
.postBlock .postTxt dl dt.pink {
  background: #fbc5ef;
}
.postBlock .postTxt dl dd {
}

/*  bottomNav
----------------------------------------------------------------*/
.bottomNav {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  border-top: dashed 1px #DDD;
  padding: 40px 0 0;
  margin: 40px 0 0;
}
.bottomNav a {
  text-decoration: none;
  display: block;
}
.bottomNav .otherPost {
  width: 460px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.bottomNav .otherPost a {
  color: #000;
  width: 195px;
  background-color: #eeeeee;
  border-radius: 100px;
  position: relative;
}
.bottomNav .otherPost a:hover {
  opacity: 0.7;
}
.bottomNav .otherPost a.pre {
  padding: 15px 5px 15px 15px;
}
.bottomNav .otherPost a.next {
  padding: 15px 15px 15px 5px;
}
.bottomNav .otherPost a::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px;
  border-right: solid 1px;
  color: #000;
}
.bottomNav .otherPost a.pre::after {
  transform: rotate(-135deg);
  top: 50%;
  left: 25px;
  margin: -4px 0 0;
}
.bottomNav .otherPost a.next::after {
  transform: rotate(45deg);
  top: 50%;
  right: 25px;
  margin: -4px 0 0;
}
.bottomNav a.topList {
  width: 230px;
  background-color: #60bcc2;
  color: #FFF;
  padding: 15px 15px 15px 00;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 17px top 22px;
}
.bottomNav a.topList:hover {
  opacity: 0.7;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 12px top 22px;
}

/*=================================================================*/
/* 指宿ってこんなまち
/*=================================================================*/
.aboutTop {
  border-bottom: solid 1px #ddd;
  padding: 0 0 240px;
  margin: 0 0 100px;
  text-align: left;
}
.aboutTop .inner {
  position: relative;
}
.aboutTop .inner .txt {
  background: url(../img/sec/about/ibusuki.png) no-repeat right top, url(../img/sec/bg_blue.jpg) repeat 0 0;
  position: relative;
  padding: 0 0 80px;
  border-radius: 40px 0 40px 0;
}
.aboutTop .inner p {
  padding: 60px 410px 0 60px;
}
.aboutTop .inner .img img {
  display: block;
  position: absolute;
  box-shadow: 9px 9px 0 0 rgb(203 223 244 / 1);
  border: solid 2px #FFF;
}
.aboutTop .inner .img img.aphoto01 {
  left: 60px;
  bottom: -150px;
}
.aboutTop .inner .img img.aphoto02 {
  left: 360px;
  bottom: -120px;
}
.aboutTop .inner .img img.aphoto03 {
  left: 700px;
  bottom: -140px;
}

/*  photoTourWrap
----------------------------------------------------------------*/
.photoTourWrap {
  counter-reset: number;
}
.tourBox {
  border-bottom: dashed 1px #cccccc;
  padding: 0 0 60px;
  margin: 0 0 75px;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.photoTourWrap .tourBox:last-child {
  border-bottom: none;
  padding: 0 0 20px;
  margin: 0 0 75px;
}
.tourBox .txt {
  width: 540px;
}
.tourBox .txt h2 {
  position: relative;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 4.2rem;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin: 0 0 36px;
  padding: 0 0 0 60px;
}
.tourBox .txt h2::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  left: 6px;
  top: -6px;
  color: #DDD;
  font-size: 7.2rem;
}
.tourBox .txt .titleTxt {
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #39999f;
  margin: 0 0 36px;
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  font-weight: bold;
}
.tourBox .txt .disc {
  margin-bottom: 46px;
  line-height: 1.8em;
}
.tourBox .img {
  width: 420px;
}
.tourBox .img img {
  border-radius: 6px;
}

/*  access
----------------------------------------------------------------*/
.access {
  border: dotted 1px #DDD;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.access .txt {
  width: 446px;
  text-align: left;
  padding: 66px 0 40px 70px;
  box-sizing: border-box;
}
.access .txt h2 {
  font-size: 3.4rem;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 24px 0 25px 20px;
  background: url(../img/sec/about/stripe.gif) repeat-x left bottom, url(../img/sec/about/bird.gif) no-repeat right top;
  margin: 0 0 40px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.access .txt p {
  margin: 0 0 40px;
  line-height: 2.0em;
}
.access .txt a.linkTxt {
  text-decoration: none;
  color: #000;
  padding: 0 0 0 20px;
  background: url(../img/sec/icon_arrow.svg) no-repeat left top 8px;
}
.access .txt a.linkTxt:hover {
  text-decoration: underline;
}
.access .txt a.linkTxt span {
  display: block;
  padding: 0 0 0 20px;
  color: #39999f;
  font-size: 1.4rem;
}
.access .img {
  width: 520px;
  padding: 40px 10px 40px 0;
}

/*=================================================================*/
/* フォトツアー
/*=================================================================*/

/*  photoMenu
----------------------------------------------------------------*/
.photoMenu {
  margin: 0 0 80px;
}
.photoMenu a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding: 10px 40px 40px 40px;
  border-right: dotted 1px #333;
  font-weight: bold;
  letter-spacing: 0.1em;
  position: relative;
}
.photoMenu a:first-child {
  border-left: dotted 1px #333;
}
.photoMenu a::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(135deg);
  top: 70px;
  right: 50%;
  margin: 0 -7px 0 0;
  color: #030303;
}
.photoMenu a:hover {
  opacity: 0.7;
}
.photoMenu a:hover::after {
  top: 75px;
}
.photoMenu a span {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
}

/*  photoWrap
----------------------------------------------------------------*/
.photoWrap {
  width: 1000px;
  margin: 0 auto 80px;
  border-radius: 15px;
  padding: 80px 60px 20px;
  box-sizing: border-box;
  background: url(../img/sec/bg_blue.jpg) repeat 0 0;
  position: relative;
}
.photoWrap::after {
  content: "";
  position: absolute;
  font-family: "CenturyGothicStd","Century Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-size: 2.4rem;
  color: #98eee7;
  transform: rotate(90deg);
  letter-spacing: 0.1em;
}
.photoWrap.onsen::after {
  content: "Hot spring tour";
  top: 150px;
  right: -104px;
}
.photoWrap.history::after {
  content: "History / Culture tour";
  top: 190px;
  right: -145px;
}
.photoWrap.nature::after {
  content: "Enjoy nature";
  top: 135px;
  right: -88px;
}
.photoWrap.food::after {
  content: "Food tour";
  top: 120px;
  right: -69px;
}
.photoWrap h2 {
  font-size: 3.4rem;
  letter-spacing: 0.1em;
  margin: 0 0 60px;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
}
.photoWrap p {
  text-align: left;
  background: url(../img/sec/photo-tour/concierge.gif) repeat-x left bottom;
  padding: 0 0 40px;
  margin: 0 0 40px;
}

/*  photoWrapInner
----------------------------------------------------------------*/
.photoWrapInner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
}
.photoWrapInner .col {
  width: 420px;
  margin: 0 0 40px;
}
.photoWrapInner .col dl {
}
.photoWrapInner .col dl dt {
  margin: 0 0 20px;
}
.photoWrapInner .col dl dt a {
  display: block;
  text-decoration: none;
  position: relative;
}
.photoWrapInner .col dl dt a.nolink {
  pointer-events: none;
}
.photoWrapInner .col dl dt a.nolink::after {
  content: none;
}
.photoWrapInner .col dl dt a:hover {
  opacity: 1;
}
.photoWrapInner .col dl dt a::after {
  content: url(../img/sec/photo-tour/icon_outlink.png);
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.photoWrapInner .col dl dt a:hover {
  opacity: 0.7;
}
.photoWrapInner .col dl dt img {
  border-radius: 0 0 10px 10px;
}
.photoWrapInner .col dl dt span {
  background-color: #73c3df;
  text-align: center;
  color: #FFF;
  font-size: 1.8rem;
  border-radius: 10px 10px 0 0;
  padding: 12px 0;
  display: block;
  letter-spacing: 0.1em;
}
.photoWrapInner .col dl dd {
  font-size: 1.5rem;
}

/*=================================================================*/
/* すまい
/*=================================================================*/
/*  house
----------------------------------------------------------------*/
.house {
}

/*  ibusukiNum
----------------------------------------------------------------*/
.ibusukiNum {
  margin: 40px 0 60px;
}
.ibusukiNum .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 45px 70px 55px;
  border: dotted 2px #c9c9c9;
}
.ibusukiNum .inner>div {
  width: 400px;
}
.ibusukiNum .inner>div table {
  width: 100%;
}
.ibusukiNum .inner h3 {
  font-size: 1.8rem;
  color: #39999f;
  padding: 8px 0 8px 45px;
  text-align: left;
  margin: 0 0 10px;
}
.ibusukiNum .inner .left h3 {
  background: url(../img/sec/house/icon_bag.gif) no-repeat left center;
}
.ibusukiNum.topNum .inner .left h3 {
  background: url(../img/sec/house/icon_house.gif) no-repeat left center;
}
.ibusukiNum .inner .right h3 {
  background: url(../img/sec/house/icon_house.gif) no-repeat left center;
}
.ibusukiNum .inner table th,
.ibusukiNum .inner table td {
  padding: 10px;
}
.ibusukiNum .inner table th {
  background-color: #fff;
}
.ibusukiNum .inner table .strong th,
.ibusukiNum .inner table .strong td {
  background-color: #fff2cc;
}
.contBlock .ibusukiNum>p {
  text-align: right;
  padding: 5px 0 0;
}
.house .link {
  display: block;
  margin: 40px 0 0;
}
.house .link ul {
  width: 100%;
  padding: 20px 0 0;
}
.house .link h3 {
  border: none;
}

/*=================================================================*/
/* Welcomeいぶすきコンシェルジュ
/*=================================================================*/
/*  caseList
----------------------------------------------------------------*/
.caseList {
  border-top: dotted 2px #DDD;
  border-bottom: dotted 2px #DDD;
  padding: 60px 0 50px;
  margin: 0 0 80px;
}
.caseList h2 {
  background-color: #60bcc2;
  padding: 12px 30px;
  color: #FFF;
  font-size: 2.0rem;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 0.1em;
  border-radius: 100px;
  margin: 0 0 40px;
}
.caseList .inner {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
}
.caseList .inner ul {
  width: 480px;
}
.caseList .inner ul li {
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 10px;
}
.caseList .inner ul li::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 6px;
  left: 0;
  top: 11px;
}

.concierge .topTxtImg {
  padding: 0;
}

/*  message
----------------------------------------------------------------*/
.message {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
  background: #e9faf8 url(../img/sec/concierge/bg_message.gif) no-repeat 0 0;
  box-sizing: border-box;
  padding: 50px 40px;
}
.message .img {
  width: 280px;
}
.message .img img {
  border-radius: 10px;
}
.message .txt {
  width: 590px;
  padding: 20px 0 0;
}
.message .txt h2 {
  width: 590px;
  padding: 20px 0 0;
  margin: 0 0 40px;
  font-size: 3.2rem;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.message .txt p {
  line-height: 2.0em;
}

/*=================================================================*/
/* 移住までのステップ
/*=================================================================*/
/*  stepList
----------------------------------------------------------------*/
.stepList {
  text-align: left;
  margin: 80px 0 0;
}
.stepList li {
  position: relative;
  background-color: #f6f6f6;
  padding: 40px;
  margin: 0 0 100px;
}
.stepList li::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-top: 30px solid #60bcc2;
  transform: rotate(0deg);
  left: 50%;
  bottom: -105px;
  margin-left: -40px;
}
.stepList li:last-child::after {
  content: none;
}
.stepList li .stepNum {
  position: absolute;
  left: 24px;
  top: -18px;
  font-size: 4.0rem;
  color: #d5d5d5;
  font-family: "CenturyGothicStd","Century Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
.stepList li .stepNum span {
  font-size: 6.2rem;
  color: #60bcc2;
  display: inline-block;
  margin-left: 5px;
}
.stepList li dl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.stepList li dl dt {
  width: 240px;
  border-right: dotted 2px #acacac;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 3.8rem;
  letter-spacing: 0.2em;
}
.stepList li dl dt span {
  display: block;
  margin: 20px 0 0;
}
.stepList li dl dd {
  width: 630px;
  padding: 15px 0;
}
.stepList li dl dd strong {
  font-size: 2.4rem;
  margin: 0 0 20px;
  color: #39999f;
  display: block;
}
.stepList li dl dd p {
  line-height: 1.8em;
  margin: 0 0 20px;
}
.stepList li dl dd a.linkTxt {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 14px 36px 14px 35px;
  border-radius: 50px;
  background-color: #FFF;
  background-image: url(../img/sec/icon_arrow.svg), url(../img/sec/icon_outlink.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 18px top 22px, right 16px top 22px;
}
.stepList li dl dd a.linkTxt:hover {
  opacity: 0.7;
}

/*=================================================================*/
/* お試し滞在サポート事業
/*=================================================================*/
.osusume {
  width: 800px;
  margin: 0 auto 60px;
}
.osusume h2 {
  font-size: 3.4rem;
  color: #238da0;
  letter-spacing: 0.1em;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 0 -13px;
  text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff;
  font-weight: normal;
}
.osusume ul {
  text-align: left;
  background-color: #f0fbfa;
  border-radius: 10px;
  padding: 60px 80px 20px;
}
.osusume ul li {
  padding: 0 0 0 20px;
  position: relative;
  font-weight: bold;
  margin: 0 0 20px;
}
.osusume ul li::before {
  content: url(../img/sec/trial-support/check.svg);
  left: 0;
  top: 0;
}

/*  youken
----------------------------------------------------------------*/
.youken {
  background-color: #f6f6f6;
  padding: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  text-align: left;
}
.youken ol {
  width: 460px;
  border-right: dotted 2px #9f9f9f;
  box-sizing: border-box;
  padding: 0 20px 0 0;
}
.youken ol li {
  margin: 0 0 5px;
}
.youken p {
  width: 460px;
  padding: 0px 0px 20px 36px;
  box-sizing: border-box;
  margin: 0;
}

ol.numList {
  text-align: left;
}
ol.numList>li {
  margin: 0 0 10px;
}
ol.numList li ul {
  background-color: #f6f6f6;
  padding: 30px 30px 25px;
  margin: 20px 20px;
}
ol.numList li ul li {
  padding: 0 0 0 20px;
  margin: 0 0 5px;
  position: relative;
}
ol.numList li ul li {
  padding: 0 0 0 15px;
  margin: 0 0 5px;
  position: relative;
}
ol.numList li ul li::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #52a7b6;
  border-radius: 5px;
  left: 0;
  top: 11px;
}

/*=================================================================*/
/* 住者応援地域・団体紹介
/*=================================================================*/
.column2Img {
  border-bottom: dashed 1px #DDD;
  padding: 0 0 60px;
  margin: 60px 0 60px;
}
.column2Img img {
  display: inline-block;
  border-radius: 6px;
  margin: 0 15px;
}
.messagedl {
  background: url(../img/sec/bg_blue.jpg) repeat 0 0;
  padding: 60px 60px 40px;
  border-radius: 40px 0 40px 0;
  margin: 0 0 60px;
}
.messagedl dt {
  font-size: 3.0rem;
  color: #238da0;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 0 40px;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff;
  font-weight: normal;
}
.messagedl dd {
  text-align: left;
  line-height: 2.0em;
}

/*  link
----------------------------------------------------------------*/
.support-money .link {
  width: 800px;
  margin: 40px auto;
}
.support-money .link h3 {
  width: 400px;
}

/*  contactDl
----------------------------------------------------------------*/
.contactDl {
  width: 100%;
  border: solid 1px #52a7b6;
  display: -webkit-flex;
  display: flex;
  border-radius: 8px;
  margin: 40px 0;
}
.contactDl dt {
  background-color: #52a7b6;
  color: #FFF;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 0 200px;
  padding: 20px 0;
  border-radius: 8px 0 0 8px;
}
.contactDl dd {
  padding: 20px;
  text-align: left;
}

/*=================================================================*/
/* 移住支援金
/*=================================================================*/
.support-money table tr th,
.support-money table tr td {
  padding: 15px;
}
.support-money table tr th {
  background-color: #52a7b6;
  color: #FFF;
}
.gakuTbl {
  width: 400px;
}
.gakuTbl th {
  width: 180px;
}
.areaTbl th {
  width: 160px;
}
.areaTbl td {
  text-align: left;
}
.kubun th {
  text-align: left;
}
.kubun td {
  text-align: left;
}

/*=================================================================*/
/* しごと
/*=================================================================*/
.helloworkTbl {
  width: 100%;
}
.helloworkTbl th,
.helloworkTbl td {
  text-align: left;
}

/*=================================================================*/
/* 子育て・教育
/*=================================================================*/

.bottomTxt {
  border-top: dashed 1px#DDD;
  padding: 40px 0 0;
  margin: 40px 0 0;
}
.bottomTxt p {
  font-size: 2.0rem;
  line-height: 1.8em;
}

/*  inPageLink
----------------------------------------------------------------*/
.inPageLink {
  margin: 0 0 60px;
  text-align: left;
}
.inPageLink a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  background-color: #60bcc2;
  padding: 4px 32px 5px 10px;
  border-radius: 6px;
  margin: 0 6px 10px 0;
}
.inPageLink a::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(135deg);
  top: 50%;
  right: 13px;
  margin: -6px 0 0;
  color: #FFF;
}
.inPageLink a:hover {
  opacity: 0.7;
}

/*=================================================================*/
/* 医療・福祉
/*=================================================================*/
.medical {
}

/*=================================================================*/
/* 防災
/*=================================================================*/
.bousai {
}

/*=================================================================*/
/* フリーランス
/*=================================================================*/
.freelance {
}

/*  lineTxt
----------------------------------------------------------------*/
.contBlock p.lineTxt {
  border-bottom: dashed 1px #DDD;
  padding: 0 0 60px;
  margin: 0 0 60px;
}

/*  freelanceBox
----------------------------------------------------------------*/
.freelanceBox {
  border-bottom: dashed 1px #cccccc;
  padding: 0 0 50px;
  margin: 0 0 60px;
  text-align: left;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.freelanceBox .txt {
  width: 540px;
}
.freelanceBox .txt h2 {
  position: relative;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 3.4rem;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin: 0 0 36px;
  color: #68bfc4;
  line-height: 1.4em;
}
.freelanceBox .txt h2 span {
  color: #000;
  font-size: 2.8rem;
  display: block;
  margin: 0 0 10px;
}
.freelanceBox .txt .titleTxt {
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #39999f;
  margin: 0 0 36px;
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  font-weight: bold;
}
.freelanceBox .txt p {
  margin: 0 0 40px;
}
.freelanceBox .img {
  width: 420px;
}
.freelanceBox .img img {
  border-radius: 6px;
}

/*  inSiteLink
----------------------------------------------------------------*/
a.inSiteLink {
  display: inline-block;
  margin: 40px auto;
  background-color: #60bcc2;
  color: #FFF;
  padding: 14px 56px 14px 24px;
  text-decoration: none;
  border-radius: 50px;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 22px top 22px;
}
a.inSiteLink:hover {
  opacity: 0.7;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 17px top 22px;
}

/*  freelanceTop
----------------------------------------------------------------*/
.freelanceTop {
  font-size: 3.2rem;
  margin: 0 0 40px;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 0.1em;
  font-weight: normal;
  line-height: 1.6em;
}
.freelanceTopTxt {
  border-bottom: dashed 1px #DDD;
  padding: 0 0 60px;
  margin: 0 0 80px;
}

/*  freelanceList
----------------------------------------------------------------*/
.freelanceList {
  width: 840px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.freelanceList::after {
  content: "";
  width: 240px;
}
.freelanceList li {
  width: 240px;
  margin: 0 0 30px;
}
.freelanceList li a {
  display: block;
  text-decoration: none;
  color: #000;
}
.freelanceList li a .img {
  width: 240px;
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 10px;
}
.freelanceList li a .img img {
  transition: transform 0.3s linear;
}
.freelanceList li a:hover .img img {
  transform: scale(1.05);
}
.freelanceList li a:hover {
  opacity: 0.7;
}
.freelanceList li dl {
  text-align: left;
}
.freelanceList li dl dt {
  font-weight: bold;
  margin: 0 0 5px;
  position: relative;
}
.freelanceList li dl dt::after {
  content: "";
  width: 98px;
  height: 85px;
  background: url(../img/sec/freelance/bg_list.png) no-repeat 0 0;
  position: absolute;
  left: -51px;
  top: -38px;
  z-index: -1;
}
.freelanceList li dl dd {
  font-size: 1.4rem;
  line-height: 1.8em;
}

/*  freelanceDetailTop
----------------------------------------------------------------*/
.freelanceDetailTop {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  position: relative;
}
.freelanceDetailTop::after {
  content: "";
  position: absolute;
  width: 2000px;
  height: 500px;
  --width: 2000px;
  --height: 500px;
  margin: 0 0 0 -1000px;
  left: 50%;
  top: 80px;
  --angle: 70deg;
  --color: #f1fdfe;
  width: var(--width);
  height: var(--height);
  background-color: var(--color);
  transform: skewY(calc(98deg + var(--angle)));
  z-index: -1;
}
.freelanceDetailTop dl {
  width: 495px;
  text-align: left;
}
.freelanceDetailTop dl dt {
  border-bottom: dotted 2px #898989;
  padding: 40px 18px 20px;
  font-weight: bold;
  font-size: 2.0rem;
}
.freelanceDetailTop dl dd {
  padding: 20px 12px;
}
.freelanceDetailTop img {
  border-radius: 8px;
}

/*=================================================================*/
/* 地域おこし協力隊紹介
/*=================================================================*/
.chiikiokoshiTop {
  background: url(../img/sec/bg_blue.jpg) repeat 0 0;
  padding: 60px 60px 40px;
  border-radius: 40px 0 40px 0;
  margin: 0 0 40px;
  text-align: left;
}
.chiikiokoshiTop ul {
  text-align: left;
  border-radius: 10px;
  padding: 0 156px 40px;
}
.chiikiokoshiTop ul li {
  font-size: 2.6rem;
  color: #238da0;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 0 6px;
  text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff;
  font-weight: normal;
  position: relative;
  line-height: 1.4em;
  padding: 0 0 0 28px;
}
.chiikiokoshiTop ul li::before {
  content: url(../img/sec/trial-support/check.svg);
  left: 0;
  top: 0;
  position: absolute;
}
.chiikiokoshi .link {
  margin: 0 0 60px;
}

/*  member
----------------------------------------------------------------*/
.member {
  background-color: #e9faf8;
  padding: 40px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 40px 0;
}
.member .img img {
  border-radius: 6px;
}
.member .txt {
  width: 520px;
  text-align: left;
}
.member .txt dl {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  border-bottom: dotted 2px #9ac2ca;
}
.member .txt dl dt {
  flex: 0 0 100px;
  padding: 15px 10px;
  font-weight: bold;
}
.member .txt dl dd {
  flex: 0 0 390px;
  padding: 15px 10px;
}

/*=================================================================*/
/* お知らせ
/*=================================================================*/
.newsList {
  width: 1000px;
  text-align: left;
  margin: 0 auto 40px;
}
.news .newsList h2 {
  margin: 0 0 20px;
}
.news .newsList ul {
}
.news .newsList ul li {
  border-bottom: solid 1px #e9e9e9;
}
.news .newsList ul li a {
  display: block;
  padding: 20px 10px;
  color: #000;
  text-decoration: none;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.news .newsList ul li a:hover {
  opacity: 0.7;
}
.news .newsList ul li a span {
  display: inline-block;
}
.news .newsList ul li a .date {
  flex: 0 0 82px;
  margin-right: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-family: "CenturyGothicStd","Century Gothic", Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.news .newsList ul li a .tag {
  flex: 0 0 90px;
  margin-right: 10px;
  background-color: #DDD;
  padding: 2px;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  font-size: 1.3rem;
}
.news .newsList ul li a .tag.info {
  background-color: #6ac6d1;
}
.news .newsList ul li a .tag.event {
  background-color: #ef739c;
}
.news .newsList ul li a .txt {
}

/*=================================================================*/
/* 空き家バンク
/*=================================================================*/
.newsList {
  width: 1000px;
  text-align: left;
  margin: 0 auto 40px;
}
.akiya_bank .newsList h2 {
  margin: 0 0 20px;
}
.akiya_bank .newsList ul {
}
.akiya_bank .newsList ul li {
  border-bottom: solid 1px #e9e9e9;
}
.akiya_bank .newsList ul li a {
  display: block;
  padding: 20px 10px;
  color: #000;
  text-decoration: none;
  display: -webkit-flex;
  display: flex;
  align-items: center;
}
.akiya_bank .newsList ul li a:hover {
  opacity: 0.7;
}
.akiya_bank .newsList ul li a span {
  display: inline-block;
}
.akiya_bank .newsList ul li a .date {
  margin-right: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-family: "CenturyGothicStd","Century Gothic", Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.akiya_bank .newsList ul li a .tag {
  flex: 0 0 90px;
  margin-right: 10px;
  background-color: #DDD;
  padding: 2px;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  font-size: 1.3rem;
}
.akiya_bank .newsList ul li a .tag.info {
  background-color: #6ac6d1;
}
.akiya_bank .newsList ul li a .tag.event {
  background-color: #ef739c;
}
.akiya_bank .newsList ul li a .txt {
}
.akiya_bank .newsList ul li img {
  margin-right:20px;
	width:200px;
}
.akiya_bank .newsList ul li a .date_txt{
	display:flex;
	flex-direction: column;
}
/*　ページャー
--------------------------------------------------*/
#pager-wrapper{
  margin: 0 16px 60px;
}
#pager-wrapper a,
#pager-wrapper span.current_page{
  padding: 3px 8px;
  display: inline-block;
  font-size: 100%;
  text-decoration: none;
  border: 1px #ddd solid;
  border-radius: 3px;
}
#pager-wrapper a:hover,
#pager-wrapper span.current_page:hover{
  opacity: 0.7;
}
#pager-wrapper a.link_page,
#pager-wrapper span.current_page{
  margin: 0 4px;
}
#pager-wrapper a{
  color: #333;
}
#pager-wrapper span.current_page{
  color: #fff;
  background: #60bcc2;
  border: 1px #60bcc2 solid;
  border-radius: 3px;
}
#pager-wrapper a.link_first,
#pager-wrapper a.link_before,
#pager-wrapper a.link_next,
#pager-wrapper a.link_last {
  margin: 0 4px;
}

/* newsDetail
--------------------------------------------------*/
.newsDetail {
}
.newsDetail h1 {
  border-bottom: solid 3px #dadada;
  padding: 0 15px 25px;
  margin: 0 0 20px;
  font-size: 3.2rem;
  position: relative;
  text-align: left;
  letter-spacing: 0.05em;
  font-weight: normal;
  line-height: 1.2em;
}
.newsDetail h1::after {
  content: "";
  width: 160px;
  height: 3px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  bottom: -3px;
}

/* subInfo
--------------------------------------------------*/
.subInfo {
  text-align: right;
  margin: 0 0 40px;
}
.subInfo .date {
  text-align: right;
  margin-right: 22px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-family: "CenturyGothicStd","Century Gothic", Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.subInfo .tag {
  margin-right: 10px;
  background-color: #DDD;
  padding: 2px 22px;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  font-size: 1.3rem;
  display: inline-block;
}
.subInfo .tag.info {
  background-color: #6ac6d1;
}
.subInfo .tag.event {
  background-color: #ef739c;
}

.newsPostImg {
  margin: 0 0 60px;
}
.postBody {
  text-align: left;
  padding: 0 0 60px;
  margin: 0 0 40px;
  border-bottom: dashed 1px #DDD;
}
.listBack {
  text-align: right;
}
.listBack a {
  display: inline-block;
  background-color: #60bcc2;
  color: #FFF;
  padding: 14px 56px 14px 24px;
  text-decoration: none;
  border-radius: 50px;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 22px top 22px;
}
.listBack a:hover {
  opacity: 0.7;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 17px top 22px;
}

/*=================================================================*/
/* お問い合わせ
/*=================================================================*/
.pageContents.contact {
  width: 800px;
  margin: 0 auto;
  text-align: left;
}
.contactTop {
  border-bottom: dashed 1px #DDD;
  margin: 0 0 40px;
  padding: 0 0 40px;
}
.mailForm {
  border: none;
  width: 100%;
}
.mailForm tr {
  border-bottom: solid 1px #e9e9e9;
}
.mailForm tr th, .mailForm tr td {
  padding: 20px;
}
.mailForm tr th {
  background-color: #FFF;
  text-align: left;
  width: 300px;
}
.mailForm tr th.req {
  position: relative;
}
.mailForm tr th.req::after {
  content: "必須";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  font-size: 1.2rem;
  background-color: #f63d72;
  color: #FFF;
  padding: 5px 6px;
  line-height: 1em;
  border-radius: 3px;
}
.mailForm tr td {
  width: 460px;
  box-sizing: border-box;
}
.mailForm tr td input,
.mailForm tr td select,
.mailForm tr td textarea {
  background-color: #f4f4f4;
  border: none;
  border-radius: 3px;
  padding: 12px;
  box-sizing: border-box;
}
.mailForm tr td input.w30p { width: 30%; }
.mailForm tr td input.w60p { width: 60%; }
.mailForm tr td input.w80p { width: 80%; }
.mailForm tr td input.w90p { width: 90%; }
.mailForm tr td input.w100p {  width: 100%; }
.mailForm tr td select {
  margin-bottom: 10px;
}
.mailForm tr td textarea {
  font-family: Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.mailForm tr td a.postCode {
  color: #FFF;
  border-radius: 3px;
  padding: 5px 22px;
  text-decoration: none;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
  background: #48b0d7;
  display: inline-block;
  margin: 0 0 0 12px;
  font-size: 1.4rem;
}
.mailForm tr td a.postCode:hover {
  opacity: 0.7;
}
.btnArea input[type="submit"] {
  box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
  display: inline-block;
  background-color: #60bcc2;
  color: #FFF;
  padding: 14px 24px;
  text-decoration: none;
  border-radius: 50px;
  border: none;
  display: inline-block;
}
.contact .btnArea {
  text-align: center;
  padding: 35px 0 0;
}
.contact .btnArea input[type="submit"] {
  color: #FFF;
  border-radius: 30px;
  padding: 14px 48px;
  text-decoration: none;
  box-shadow: 2px 2px 0 rgb(0 0 0 / 10%);
  background: #60bcc2;
  display: inline-block;
  border: none;
  margin: 0 20px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-family: Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.contact .btnArea.confBtn input[type="submit"].backBtn {
  background: #888888;
}
.contact .btnArea input[type="submit"]:hover {
  opacity: 0.7;
  cursor: pointer;
}
.contact .btnArea a {
  color: #FFF;
  border-radius: 3px;
  padding: 12px 48px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 2px 2px 0 rgb(0 0 0 / 10%);
  background: #60bcc2;
  display: inline-block;
  border: none;
  margin: 0 20px;
  border-radius: 50px;
}
.contact .btnArea a:hover {
  opacity: 0.7;
  cursor: pointer;
}
dl.requestTop {
  margin: 0 0 20px;
}
dl.requestTop dt {
  background-color: #48b0d7;
  color: #FFF;
  text-align: center;
  padding: 8px;
  font-size: 1.8rem;
  font-weight: bold;
}
dl.requestTop dd {
  background-color: #f9f9f9;
  border-left: solid 2px #ececec;
  border-right: solid 2px #ececec;
  border-bottom: solid 2px #ececec;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 40px 15px 50px;
  counter-reset: number 0;
}
dl.requestTop dd .txt ol {
  padding: 15px 0 0;
}
dl.requestTop dd .txt ol li {
  position: relative;
  padding: 0 0 5px 28px;
}
dl.requestTop dd .txt ol li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  left: 0;
  top: 2px;
  background-color: #48b0d7;
  color: #FFF;
  padding: 3px 8px 5px;
  border-radius: 20px;
  line-height: 1em;
  text-align: center;
  font-size: 1.4rem;
}
p.caution_txt {
  color: #e10000;
}
p.mailEnd {
  text-align: center;
  font-size: 2.6rem;
  font-weight: bold;
  margin: 0 0 30px;
}
p.thanksTxt01 {
  margin: 0 0 30px;
}
p.mailBottom {
  border: solid 2px #60bcc2;
  padding: 20px;
}

/*=================================================================*/
/* 空き家バンク
/*=================================================================*/
#cnt{
		margin:0 auto 40px;
		table-layout:fixed;
		border: 1px solid #e0e0e0;
		width:90%;
		padding:0;
		box-sizing:content-box;
		max-width: 90%;
		text-align:center;
}
#cnt h3{
		margin-bottom:20px;
}
#cnt tr{
		/* display:table;*/
		border: 1px solid #e0e0e0;
}
#cnt td{
		border: 1px solid #e0e0e0;
}
#cnt th{
  background-color: #f1f9ff;
}
/*=================================================================*/
/* プライバシーポリシー
/*=================================================================*/
.privacy {
}


/*<end>============================================================*/
}


/*  IE11ハック
----------------------------------------------------------------*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .pageTitle h1 { margin: 60px 0 0; }
  *::-ms-backdrop, .mailForm tr td input { width: auto; }
  *::-ms-backdrop, .mailForm tr td textarea { width: 420px; }
  *::-ms-backdrop, .mailForm tr { display: block; }
}










/*******************************************************************/
/* SP：幅768px以下																						 */
/*******************************************************************/
@media screen and (max-width: 768px) {
/*<start>==========================================================*/

/*=================================================================*/
/* 共通
/*=================================================================*/
/*  footer
----------------------------------------------------------------*/
footer {
  margin-top: 60px;
}

/*=================================================================*/
/* 下層ページ共通
/*=================================================================*/

/*  タイトル
----------------------------------------------------------------*/
.pageTitle {
  margin: 0 4% 20px;
  padding: 4%;
  background: #ebf6f7;
  background-size: cover;
  border-radius: 6px;
  min-height: 180px;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.pageTitle h1 {
  font-size: 2.0rem;
  letter-spacing: 0.1em;
  font-weight: normal;
  font-family: honokamarugo, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.pageTitle span {
  display: block;
}
.pageTitle span img {
  width: auto;
}
.pageTitle p {
  font-size: 1.2rem;
  letter-spacing: 0.1em;
  margin: 10px 0 0;
}

/*指宿ってこんなところ*/
.about .pageTitle,
.photo-tour .pageTitle {
  background: url(../img/sec/page_img_about.jpg) no-repeat center center;
}
/*暮らし情報*/
.house .pageTitle,
.work .pageTitle,
.parenting .pageTitle,
.medical .pageTitle,
.bousai .pageTitle {
  background: url(../img/sec/page_img_lifeinfo.jpg) no-repeat center center;
}
/*インタビュー*/
.interview .pageTitle {
  background: url(../img/sec/page_img_interview.jpg) no-repeat center center;
}
/*移住コンシェルジュ*/
.concierge .pageTitle,
.step .pageTitle,
.support-group .pageTitle,
.trial-support .pageTitle,
.support-money .pageTitle {
  background: url(../img/sec/page_img_concierge.jpg) no-repeat center center;
}
/*フリーランス*/
.freelance .pageTitle {
  background: url(../img/sec/page_img_freelance.jpg) no-repeat center center;
}
/*地域おこし協力隊紹介*/
.chiikiokoshi .pageTitle {
  background: url(../img/sec/page_img_chiikiokoshi.jpg) no-repeat center center;
}
/*最新のお知らせ*/
.news .pageTitle {
  background: url(../img/sec/page_img_news.jpg) no-repeat center center;
}
/*空き家バンク*/
.akiya_bank .pageTitle {
  background: url(../img/sec/page_img_lifeinfo.jpg) no-repeat center center;
}
/*お問い合わせ*/
.contact .pageTitle {
  background: url(../img/sec/page_img_contact.jpg) no-repeat center center;
}
/*プライバシーポリシー*/
.privacy .pageTitle {
  background: url(../img/sec/page_img_privacy.jpg) no-repeat center center;
}

h2 {
}

table {
  border-top: solid 1px #dedede;
}
table tr {
  border-bottom: solid 1px #dedede;
}
table tr th,
table tr td {
  padding: 25px;
}
table tr th {
  background-color: #f5f5f5;
}
table tr td {
}

/*  breadcrumb
----------------------------------------------------------------*/
.breadcrumb {
  margin: 0 4% 8%;
  text-align: left;
}
.breadcrumb li {
  display: inline-block;
  font-size: 1.2rem;
  position: relative;
  padding: 2px 0px 2px 0;
  margin: 0 48px 0 0;
}
.breadcrumb li::after {
  position: absolute;
  content: "";
  top: 9px;
  right: -28px;
  width: 5px;
  height: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(45deg);
  margin: 0;
  color: #333;
  display: block;
}
.breadcrumb li:last-child a {
  pointer-events: none;
  text-decoration: none;
  color: #000;
}
.breadcrumb li:last-child::after {
  content: none;
}

/*  pageContents
----------------------------------------------------------------*/
.pageContents {
  margin: 0 4%;
}

.contBlock {
  margin: 0 0 40px;
}
.contBlock p {
  text-align: left;
  margin: 0 0 15px;
}
.caution {
  font-size: 1.2rem;
}
.ttlStyle01 {
  background-color: #f3f3f3;
  padding: 13px 18px;
  border-left: solid 6px #52a7b6;
  border-radius: 3px;
  text-align: left;
  font-size: 2.0rem;
  margin: 40px 0 25px;
  letter-spacing: 0.05em;
}
.ttlStyle02 {
  border-bottom: solid 1px #dadada;
  padding: 0 15px 15px;
  margin: 40px 0 25px;
  font-size: 2.0rem;
  position: relative;
  text-align: left;
  letter-spacing: 0.05em;
  line-height: 1.4em;
}
.ttlStyle02::after {
  content: "";
  width: 160px;
  height: 1px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  bottom: -1px;
}
.ttlStyle03 {
  text-align: left;
  padding: 0 0 0 22px;
  position: relative;
  margin: 20px 0;
  font-size: 1.8rem;
  line-height: 1.4em;
}
.ttlStyle03::after {
  content: "";
  width: 15px;
  height: 3px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  top: 12px;
}

/*  list01
----------------------------------------------------------------*/
ul.list01 {
  text-align: left;
  margin: 0 0 20px;
  /* border: solid 1px #DDD; */
  padding: 20px 20px 10px 22px;
  background-color: #f7f7f7;
}
ul.list01 li {
  padding: 0 0 0 16px;
  position: relative;
  margin: 0 0 10px;
}
ul.list01 li::after {
  content: "";
  width: 6px;
  height: 6px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  top: 12px;
  border-radius: 6px;
}

/*  txtImg
----------------------------------------------------------------*/
.contBlock .txtImg {
}
.contBlock .txtImg .txt {
}
.contBlock .txtImg .txt p {
  line-height: 1.8em;
  margin: 0 0 20px;
}
.contBlock .txtImg .img {
}
.contBlock .txtImg .img img {
  border-radius: 6px;
}
.contactBox {
  border: solid 1px #52a7b6;
  text-align: left;
  margin: 30px 0;
}
.contactBox dt {
  background-color: #52a7b6;
  color: #FFF;
  padding: 8px 12px;
  font-weight: bold;
}
.contactBox dd {
  padding: 8px 12px;
  word-break: break-all;
}

/*  link
----------------------------------------------------------------*/
.link {
  margin: 0 0 20px;
}
.link h3 {
  color: #39999f;
  text-align: left;
  padding: 0 0 0 14px;
  position: relative;
}
.link h3::after {
  content: "";
  width: 10px;
  height: 4px;
  background-color: #39999f;
  left: 0;
  top: 11px;
  position: absolute;
}
.link ul {
  padding: 15px 0 15px 0;
  box-sizing: border-box;
  text-align: left;
}
.link ul li {
  margin: 10px 10px 0 0;
  border-radius: 50px;
  display: inline-block;
}
.link ul li:last-child {
  margin-bottom: 0;
}
.link ul li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 14px 36px 14px 35px;
  border-radius: 50px;
  background-color: #f5f5f5;
  background-image: url(../img/sec/icon_arrow.svg), url(../img/sec/icon_outlink.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 18px top 20px, right 16px top 20px;
}
.link ul li a:hover {
  text-decoration: underline;
}
.link ul li span {
  font-size: 1.4rem;
  display: block;
  padding: 0 0 0 5px;
  margin: 0 0 20px;
}

/*  fileList
----------------------------------------------------------------*/
.fileList {
  text-align: left;
}
.fileList li {
  margin: 0 10px 10px 0;
  border-radius: 50px;
  display: inline-block;
}
.fileList li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 14px 36px 14px 35px;
  border-radius: 5px;
  background-color: #f5f5f5;
  background-image: url(../img/sec/icon_arrow.svg), url(../img/sec/icon_file.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 18px top 22px, right 16px top 20px;
}
.fileList li a:hover {
  opacity: 0.7;
}

/*  topTxt
----------------------------------------------------------------*/
.topTxt {
  margin: 0 0 50px;
}
.topTxt .sTxt {
  margin: 0 0 30px;
}
.topTxt .sTxt strong {
  font-size: 3.4rem;
  margin: 0 0 60px;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 0.1em;
  font-weight: normal;
  background: linear-gradient(transparent 65%, #f8f2b6 0%);
  line-height: 1.6em;
}

/*  topTxtImg
----------------------------------------------------------------*/
.topTxtImg {
  margin: 0 auto 50px;
  position: relative;
}
.topTxtImg::after {
  content: "";
  height: 240px;
  width: 240px;
  background-color: #e9f9f8;
  position: absolute;
  bottom: 26%;
  right: -30px;
  z-index: -10;
  display: block;
}
.topTxtImg .txt {
  text-align: left;
  padding: 0 0 15px;
}
.topTxtImg .txt p {
  margin: 0 0 15px;
  line-height: 1.8em;
}
.topTxtImg .img {
  width: 96%;
  position: relative;
  margin: 0 auto;
}
.topTxtImg .img::after {
  content: "";
  width: 96%;
  height: 100%;
  background: url(../img/sec/t_stripe.png) repeat 0 0;
  background-size: 36px auto;
  border-radius: 15px;
  position: absolute;
  bottom: -7px;
  right: -7px;
  z-index: -1;
}
.topTxtImg .img img {
  border-radius: 16px;
}
.topLine {
  text-align: left;
  border-bottom: dashed 1px #DDD;
  padding: 0 0 40px;
  margin: 0 0 40px;
}

/*=================================================================*/
/* 移住者インタビュー
/*=================================================================*/
.inPageNav {
  margin: 0 0 50px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.inPageNav a {
  width:48%;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none;
  background-color: #f2f2f2;
  border-radius: 6px;
  padding: 8px 32px 8px 13px;
  color: #000;
  font-size: 1.4rem;
  position: relative;
  margin: 0 0 4%;
}
.inPageNav a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 15px;
  width: 5px;
  height: 5px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(135deg);
  margin: -4px 0 0;
  color: #333;
  display: block;
}

/*  postListWrap
----------------------------------------------------------------*/
.postListWrap {
  margin: 0 0 40px;
  padding: 0 0 28px;
  border-bottom: dotted 2px #d6d6d6;
}
.postListWrap h2 {
  font-size: 2.8rem;
  margin: 0 0 30px;
  padding: 20px 0 6px 34px;
  background: url(../img/sec/interview/ttl_kosodate.gif) no-repeat 0 0;
  background-size: 20px auto;
  display: inline-block;
  font-family: honokamarugo, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 0.1em;
}
.postListWrap.kosodate h2 {
  background: url(../img/sec/interview/ttl_kosodate.gif) no-repeat 0 0;
  background-size: 42px auto;
}
.postListWrap.hataraki h2 {
  background: url(../img/sec/interview/ttl_hataraki.gif) no-repeat 0 0;
  background-size: 42px auto;
}
.postListWrap.freelance h2 {
  background: url(../img/sec/interview/ttl_freelance.gif) no-repeat 0 0;
  background-size: 42px auto;
}
.postListWrap.senior h2 {
  background: url(../img/sec/interview/ttl_senior.gif) no-repeat 0 0;
  background-size: 42px auto;
}
.postListWrap ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.postListWrap ul li {
  width: 48%;
  margin: 0 0 4%;
}
.postListWrap ul li a {
  text-decoration: none;
  color: #000;
}
.postListWrap ul li a .img {
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 10px;
  position: relative;
  padding: 66% 0 0;
}
.postListWrap ul li a .img img {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.postListWrap ul li a .txt {
  text-align: left;
}
.postListWrap ul li a .txt .name {
  font-weight: bold;
  margin: 0 0 10px;
  display: block;
}
.postListWrap ul li a .txt .turn {
  display: block;
  font-size: 1.4rem;
  padding: 2px;
  border-radius: 50px;
  background-color: #d9e9be;
  width: 86px;
  text-align: center;
  margin: 0 0 10px;
}
.postListWrap ul li a .txt .turn.ti {
  background-color: #d9e9be;
}
.postListWrap ul li a .txt .turn.tu {
  background-color: #bee9d5;
}
.postListWrap ul li a .txt .turn.tj {
  background-color: #91dedb;
}
.postListWrap ul li a .txt p {
}

/*  postImg
----------------------------------------------------------------*/
.postImg {
  position: relative;
  margin: 0 4% 30px;
  padding: 58% 0 0;
  overflow: hidden;
  border-radius: 6px;
}
.postImg img {
  border-radius: 6px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}
.interviewPost p.topTxt {
  font-size: 3.0rem;
  font-family: honokamarugo, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
  margin: 0 0 40px;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}

/*  profile
----------------------------------------------------------------*/
.profile {
  margin: 0 auto 60px;
  position: relative;
}
.profile::after {
  content: "";
  position: absolute;
  width: 800px;
  height: 500px;
  --width: 800px;
  --height: 500px;
  left: 50%;
  top: -245px;
  --angle: 70deg;
  --color: #f1fdfe;
  width: var(--width);
  height: var(--height);
  background-color: var(--color);
  transform: skewY(calc(98deg + var(--angle)));
  margin: 0 0 0 -400px;
  z-index: -1;
}




.profile .txt {
}
.profile .txt dl {
  text-align: left;
}
.profile .txt dl dt {
  font-weight: bold;
  border-bottom: dotted 2px #898989;
  padding: 0 0 15px;
  margin: 0 0 15px;
}
.profile .txt dl dd {
  line-height: 1.8em;
  margin: 0 0 20px;
}
.profile .img {
}
.profile .img img {
  box-shadow: 9px 9px 0 0 rgb(0 0 0 / 15%);
  max-width: 460px;
}

/*  postBlock
----------------------------------------------------------------*/
.postBlock {
  text-align: left;
  margin: 0 0 60px;
}
.postBlock h2 {
  border-bottom: solid 1px #96d9df;
  padding: 2px 0 18px 33px;
  margin: 0 0 30px;
  background: url(../img/sec/interview/icon_ttl.png) no-repeat 0 0;
  background-size: 40px auto;
  line-height: 1.4em;
}
.postBlock .blockInner.imgTxtBlock,
.postBlock .blockInner.txtImgBlock {
}
.postBlock .blockInner.txtImgBlock {
flex-flow: row-reverse;
}
.postBlock .img {
  margin: 0 0 40px;
  text-align: center;
}
.postBlock .img img {
  max-width: 360px;
  box-shadow: 9px 9px 0 0 rgb(0 0 0 / 15%);
}
.postBlock .blockInner.imgTxtBlock .postTxt,
.postBlock .blockInner.txtImgBlock .postTxt {
}
.postBlock .postTxt dl {
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0 0 20px;
}
.postBlock .postTxt dl dt {
  flex: 0 0 80px;
  margin-right: 15px;
  padding: 5px;
  text-align: center;
  border-radius: 4px;
}
.postBlock .postTxt dl dt.green {
  background: #cef4ed;
}
.postBlock .postTxt dl dt.pink {
  background: #fbc5ef;
}
.postBlock .postTxt dl dd {
}

/*  bottomNav
----------------------------------------------------------------*/
.bottomNav {
  border-top: dashed 1px #DDD;
  padding: 40px 0 0;
  margin: 20px 0 0;
}
.bottomNav a {
  text-decoration: none;
  display: block;
}
.bottomNav .otherPost {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 40px;
}
.bottomNav .otherPost a {
  color: #000;
  background-color: #eeeeee;
  border-radius: 100px;
  position: relative;
  font-size: 1.2rem;
}
.bottomNav .otherPost a.pre {
  padding: 15px 15px 15px 30px;
}
.bottomNav .otherPost a.next {
  padding: 15px 30px 15px 15px;
}
.bottomNav .otherPost a::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px;
  border-right: solid 1px;
  color: #000;
}
.bottomNav .otherPost a.pre::after {
  transform: rotate(-135deg);
  top: 50%;
  left: 15px;
  margin: -4px 0 0;
}
.bottomNav .otherPost a.next::after {
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  margin: -4px 0 0;
}
.bottomNav a.topList {
  background-color: #60bcc2;
  color: #FFF;
  padding: 15px 15px 15px 00;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 17px top 20px;
}

/*=================================================================*/
/* 指宿ってこんなまち
/*=================================================================*/
.aboutTop {
  border-bottom: solid 1px #ddd;
  padding: 0 0 26%;
  margin: 0 0 16%;
  text-align: left;
}
.aboutTop .inner {
  position: relative;
}
.aboutTop .inner .txt {
  background: url(../img/sec/about/ibusuki.png) no-repeat right 6% bottom, url(../img/sec/bg_blue.jpg) repeat 0 0;
  background-size: 48% auto, 400px 400px;
  position: relative;
  padding: 0 0 65%;
  border-radius: 26px 0 26px 0;
}
.aboutTop .inner p {
  padding: 6% 6% 0;
  line-height: 1.6em;
}
.aboutTop .inner .img {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 60% 0 0;
}
.aboutTop .inner .img img {
  display: block;
  position: absolute;
  box-shadow: 5px 5px 0 0 rgb(203 223 244);
  border: solid 2px #FFF;
  width: 36%;
}
.aboutTop .inner .img img.aphoto01 {
  left: 5%;
  bottom: 44%;
}
.aboutTop .inner .img img.aphoto02 {
  left: 7%;
  bottom: -5%;
}
.aboutTop .inner .img img.aphoto03 {
  right: 13%;
  bottom: -13%;
}

/*  photoTourWrap
----------------------------------------------------------------*/
.photoTourWrap {
  counter-reset: number;
}
.tourBox {
  border-bottom: dashed 1px #cccccc;
  padding: 0 0 12%;
  margin: 0 0 15%;
  text-align: left;
}
.photoTourWrap .tourBox:last-child {
  border-bottom: none;
  padding: 0;
  margin: 0 0 15%;
}
.tourBox .txt {
}
.tourBox .txt h2 {
  position: relative;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 3.8rem;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin: 0 0 32px;
  padding: 0 0 0 50px;
      line-height: 1.2em;
}
.tourBox .txt h2::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  left: 6px;
  top: -6px;
  color: #DDD;
  font-size: 6.4rem;
}
.tourBox .txt .titleTxt {
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #39999f;
  margin: 0 0 20px;
  letter-spacing: 0.1em;
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1.4em;
}
.tourBox .txt .disc {
  margin-bottom: 30px;
  line-height: 1.8em;
}
.tourBox .img {
}
.tourBox .img img {
  border-radius: 6px;
}

/*  access
----------------------------------------------------------------*/
.access {
  border: dotted 1px #DDD;
}
.access .txt {
  text-align: left;
  padding: 8%;
  box-sizing: border-box;
}
.access .txt h2 {
  font-size: 3.0rem;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  padding: 15px 0 15px 15px;
  background: url(../img/sec/about/stripe.gif) repeat-x left bottom, url(../img/sec/about/bird.gif) no-repeat right top 2px;
  background-size: 44px auto, 46px auto;
  margin: 0 0 20px;
  font-weight: normal;
  letter-spacing: 0.1em;
}
.access .txt p {
  margin: 0 0 25px;
  line-height: 2.0em;
}
.access .txt a.linkTxt {
  text-decoration: none;
  color: #000;
  padding: 0 0 0 20px;
  background: url(../img/sec/icon_arrow.svg) no-repeat left top 8px;
}
.access .txt a.linkTxt:hover {
  text-decoration: underline;
}
.access .txt a.linkTxt span {
  display: block;
  padding: 0 0 0 20px;
  color: #39999f;
  font-size: 1.4rem;
}
.access .img {
  padding: 0 4% 4%;
}

/*=================================================================*/
/* フォトツアー
/*=================================================================*/

/*  photoMenu
----------------------------------------------------------------*/
.photoMenu {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 0 40px;
}
.photoMenu a {
  display: inline-block;
  text-decoration: none;
  color: #000;
  padding: 10px 15px 34px 15px;
  border-right: dotted 1px #333;
  font-weight: bold;
  letter-spacing: 0.1em;
  position: relative;
  width: 50%;
  box-sizing: border-box;
  margin: 0 0 4%;
}
.photoMenu a:nth-child(odd) {
  border-left: dotted 1px #333;
}
.photoMenu a::after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(135deg);
  top: 56px;
  right: 50%;
  margin: 0 -7px 0 0;
  color: #030303;
}
.photoMenu a span {
  display: block;
  font-size: 1.2rem;
  font-weight: normal;
}

/*  photoWrap
----------------------------------------------------------------*/
.photoWrap {
  margin: 0 auto 40px;
  border-radius: 15px;
  padding: 8% 5% 5%;
  box-sizing: border-box;
  background: url(../img/sec/bg_blue.jpg) repeat 0 0;
  background-size: 400px 400px;
  position: relative;
}
.photoWrap::after {
  content: "";
  position: absolute;
  font-family: "CenturyGothicStd","Century Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  font-size: 2.4rem;
  color: #98eee7;
  transform: rotate(90deg);
  letter-spacing: 0.1em;
}
.photoWrap.onsen::after {
  content: "Hot spring tour";
  top: 150px;
  right: -104px;
}
.photoWrap.history::after {
  content: "History / Culture tour";
  top: 190px;
  right: -145px;
}
.photoWrap.nature::after {
  content: "Enjoy nature";
  top: 135px;
  right: -88px;
}
.photoWrap.food::after {
  content: "Food tour";
  top: 120px;
  right: -69px;
}
.photoWrap h2 {
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  margin: 0 0 20px;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
}
.photoWrap p {
  text-align: left;
  background: url(../img/sec/photo-tour/concierge.gif) repeat-x left bottom;
  padding: 0 0 30px;
  margin: 0 0 30px;
}

/*  photoWrapInner
----------------------------------------------------------------*/
.photoWrapInner {
  text-align: left;
}
.photoWrapInner .col {
  margin: 0 0 25px;
}
.photoWrapInner .col dl {
}
.photoWrapInner .col dl dt {
  margin: 0 0 12px;
}
.photoWrapInner .col dl dt a {
  display: block;
  text-decoration: none;
  position: relative;
}
.photoWrapInner .col dl dt a.nolink {
  pointer-events: none;
}
.photoWrapInner .col dl dt a.nolink::after {
  content: none;
}
.photoWrapInner .col dl dt a::after {
  content: url(../img/sec/photo-tour/icon_outlink.png);
  position: absolute;
  right: 16px;
  bottom: 16px;
}
.photoWrapInner .col dl dt img {
  border-radius: 0 0 10px 10px;
}
.photoWrapInner .col dl dt span {
  background-color: #73c3df;
  text-align: center;
  color: #FFF;
  font-size: 1.8rem;
  border-radius: 10px 10px 0 0;
  padding: 12px 0;
  display: block;
  letter-spacing: 0.1em;
}
.photoWrapInner .col dl dd {
  font-size: 1.5rem;
}

/*=================================================================*/
/* すまい
/*=================================================================*/
/*  house
----------------------------------------------------------------*/
.house {
}

/*  ibusukiNum
----------------------------------------------------------------*/
.ibusukiNum {
  margin: 30px 0 30px;
}
.ibusukiNum .inner {
  padding: 35px 36px;
  border: dotted 2px #c9c9c9;
}
.ibusukiNum .inner>div {
  width: 100%;
}
.ibusukiNum .inner .left {
  margin: 0 0 40px;
}
.ibusukiNum .inner>div table {
  width: 100%;
}
.ibusukiNum .inner h3 {
  font-size: 1.8rem;
  color: #39999f;
  padding: 8px 0 8px 35px;
  text-align: left;
  margin: 0 0 10px;
}
.ibusukiNum .inner .left h3 {
  background: url(../img/sec/house/icon_bag.gif) no-repeat left center;
  background-size: 26px auto;
}
.ibusukiNum.topNum .inner .left h3 {
  background: url(../img/sec/house/icon_house.gif) no-repeat left center;
  background-size: 26px auto;
}
.ibusukiNum .inner .right h3 {
  background: url(../img/sec/house/icon_house.gif) no-repeat left center;
  background-size: 26px auto;
}
.ibusukiNum .inner table th,
.ibusukiNum .inner table td {
  padding: 10px;
}
.ibusukiNum .inner table th {
  background-color: #fff;
}
.ibusukiNum .inner table .strong th,
.ibusukiNum .inner table .strong td {
  background-color: #fff2cc;
}
.contBlock .ibusukiNum>p {
  text-align: right;
  padding: 5px 0 0;
}
.house .link {
  display: block;
  margin: 30px 0;
}
.house .link ul {
  width: 100%;
  padding: 20px 0 0;
  text-align: left;
}
.house .link h3 {
  border: none;
}

/*=================================================================*/
/* Welcomeいぶすきコンシェルジュ
/*=================================================================*/
/*  caseList
----------------------------------------------------------------*/
.caseList {
  border-top: dotted 2px #DDD;
  border-bottom: dotted 2px #DDD;
  padding: 35px 0 30px;
  margin: 0 0 40px;
}
.caseList h2 {
  background-color: #60bcc2;
  padding: 12px 30px;
  color: #FFF;
  font-size: 2.0rem;
  display: inline-block;
  font-weight: normal;
  letter-spacing: 0.1em;
  border-radius: 100px;
  margin: 0 0 30px;
}
.caseList .inner {
  text-align: left;
}
.caseList .inner ul {
  padding: 0 4%;
}
.caseList .inner ul li {
  position: relative;
  padding: 0 0 0 16px;
  margin: 0 0 5px;
}
.caseList .inner ul li::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background-color: #333;
  border-radius: 6px;
  left: 0;
  top: 11px;
}

.concierge .topTxtImg {
  padding: 0;
}

/*  message
----------------------------------------------------------------*/
.message {
  text-align: left;
  background: #e9faf8 url(../img/sec/concierge/bg_message.gif) no-repeat 0 0;
  background-size: 100%;
  box-sizing: border-box;
  padding: 8% 6%;
}
.message .img {
  max-width: 280px;
  margin: 0 auto;
}
.message .img img {
  border-radius: 10px;
}
.message .txt {
  padding: 30px 0 0;
}
.message .txt h2 {
  margin: 0 0 20px;
  font-size: 3.0rem;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: normal;
  letter-spacing: 0.1em;
  line-height: 1.4em;
}
.message .txt p {
  line-height: 2.0em;
}

/*=================================================================*/
/* 移住までのステップ
/*=================================================================*/
/*  stepList
----------------------------------------------------------------*/
.stepList {
  text-align: left;
  margin: 60px 0 0;
}
.stepList li {
  position: relative;
  background-color: #f6f6f6;
  padding: 30px;
  margin: 0 0 100px;
}
.stepList li:last-child {
  margin: 0 0 0;
}
.stepList li::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 40px solid transparent;
  border-top: 30px solid #60bcc2;
  transform: rotate(0deg);
  left: 50%;
  bottom: -98px;
  margin-left: -40px;
}
.stepList li:last-child::after {
  content: none;
}
.stepList li .stepNum {
  position: absolute;
  left: 14px;
  top: -18px;
  font-size: 3.6rem;
  color: #d5d5d5;
  font-family: "CenturyGothicStd","Century Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
}
.stepList li .stepNum span {
  font-size: 5.6rem;
  color: #60bcc2;
  display: inline-block;
  margin-left: 5px;
}
.stepList li dl {
}
.stepList li dl dt {
  border-bottom: dotted 2px #acacac;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 3.4rem;
  letter-spacing: 0.2em;
  text-align: center;
  padding: 10px 0 28px;
  margin: 0 0 30px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stepList li dl dt img {
  width: 80px;
}
.stepList li:nth-child(1) dl dt img { width: 53px; }
.stepList li:nth-child(2) dl dt img { width: 70px; }
.stepList li:nth-child(3) dl dt img { width: 70px; }
.stepList li:nth-child(4) dl dt img { width: 58px; }
.stepList li:nth-child(5) dl dt img { width: 68px; }
.stepList li:nth-child(6) dl dt img { width: 68px; }
.stepList li:nth-child(7) dl dt img { width: 80px; }
.stepList li dl dt span {
  display: inline-block;
  margin: 0 0 0 20px;
}
.stepList li dl dd {
}
.stepList li dl dd strong {
  font-size: 2.2rem;
  margin: 0 0 20px;
  color: #39999f;
  display: block;
  line-height: 1.3em;
}
.stepList li dl dd p {
  line-height: 1.8em;
}
.stepList li dl dd a.linkTxt {
  text-decoration: none;
  color: #000;
  display: inline-block;
  padding: 14px 36px 14px 35px;
  border-radius: 50px;
  background-color: #FFF;
  background-image: url(../img/sec/icon_arrow.svg), url(../img/sec/icon_outlink.svg);
  background-repeat: no-repeat, no-repeat;
  background-position: left 18px top 22px, right 16px top 22px;
  margin: 20px 0 0;
}
.stepList li dl dd a.linkTxt:hover {
  opacity: 0.7;
}

/*=================================================================*/
/* お試し滞在サポート事業
/*=================================================================*/
.osusume {
  margin: 0 auto 40px;
}
.osusume h2 {
  font-size: 9vw;
  line-height: 1.2em;
  color: #238da0;
  letter-spacing: 0.1em;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 0 20px;
  text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff;
  font-weight: normal;
}
.osusume ul {
  text-align: left;
  background-color: #f0fbfa;
  border-radius: 10px;
  padding: 8% 8% 4%;
}
.osusume ul li {
  padding: 0 0 0 20px;
  position: relative;
  font-weight: bold;
  margin: 0 0 20px;
  font-size: 1.6rem;
  line-height: 1.6em;
}
.osusume ul li::before {
  content: url(../img/sec/trial-support/check.svg);
  left: 0;
  top: 0;
}

/*  youken
----------------------------------------------------------------*/
.youken {
  background-color: #f6f6f6;
  padding: 6%;
  text-align: left;
}
.youken ol {
  border-bottom: dotted 2px #9f9f9f;
  box-sizing: border-box;
  padding: 0 0 20px;
  margin: 0 0 20px;
}
.youken ol li {
  margin: 0 0 5px;
}
.youken p {
  margin: 0;
}

ol.numList {
  text-align: left;
}
ol.numList>li {
  margin: 0 0 10px;
}
ol.numList li ul {
  background-color: #f6f6f6;
  padding: 25px 25px 20px;
  margin: 20px 20px;
}
ol.numList li ul li {
  padding: 0 0 0 20px;
  margin: 0 0 5px;
  position: relative;
}
ol.numList li ul li {
  padding: 0 0 0 15px;
  margin: 0 0 5px;
  position: relative;
}
ol.numList li ul li::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 5px;
  background-color: #52a7b6;
  border-radius: 5px;
  left: 0;
  top: 11px;
}

/*=================================================================*/
/* 住者応援地域・団体紹介
/*=================================================================*/
.column2Img {
  border-bottom: dashed 1px #DDD;
  padding: 0 0 15 px;
  margin: 30px 0 30px;
}
.column2Img img {
  display: inline-block;
  border-radius: 6px;
  margin: 0 0 15px;
}
.messagedl {
  background: url(../img/sec/bg_blue.jpg) repeat 0 0;
  background-size: 400px 400px;
  padding: 50px 30px 20px;
  border-radius: 40px 0 40px 0;
  margin: 0 0 30px;
}
.messagedl dt {
  font-size: 5vw;
  color: #238da0;
  letter-spacing: 0.05em;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 0 30px;
  text-shadow: 1px 1px 0 #fff, -1px -1px 0 #fff;
  font-weight: normal;
}
.messagedl dd {
  text-align: left;
  line-height: 2.0em;
}

/*  link
----------------------------------------------------------------*/
.support-money .link {
  margin: 40px auto;
}
.support-money .link h3 {
}

/*  contactDl
----------------------------------------------------------------*/
.contactDl {
  width: 100%;
  border: solid 1px #52a7b6;
  border-radius: 8px;
  margin: 20px 0;
}
.contactDl dt {
  background-color: #52a7b6;
  color: #FFF;
  font-weight: bold;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex: 0 0 200px;
  padding: 15px 0;
  border-radius: 8px 8px 0 0;
}
.contactDl dd {
  padding: 20px;
  text-align: left;
}

/*=================================================================*/
/* 移住支援金
/*=================================================================*/
.support-money table tr th,
.support-money table tr td {
  padding: 15px;
}
.support-money table tr th {
  background-color: #52a7b6;
  color: #FFF;
}
.gakuTbl {
  width: 100%;
}
.gakuTbl th {
  width: 140px;
}
.areaTbl th {
  width: 80px;
}
.areaTbl td {
  text-align: left;
}
.kubun th {
  text-align: left;
}
.kubun td {
  text-align: left;
}

/*=================================================================*/
/* しごと
/*=================================================================*/
.helloworkTbl {
  width: 100%;
}
.helloworkTbl th,
.helloworkTbl td {
  text-align: left;
  padding: 15px;
}
.helloworkTbl th {
  min-width: 100px;
}

/*=================================================================*/
/* 子育て・教育
/*=================================================================*/

.bottomTxt {
  border-top: dashed 1px#DDD;
  padding: 40px 0 0;
  margin: 40px 0 0;
}
.bottomTxt p {
  font-size: 2.0rem;
  line-height: 1.6em;
}

/*  inPageLink
----------------------------------------------------------------*/
.inPageLink {
  margin: 0 0 30px;
  text-align: left;
}
.inPageLink a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #fff;
  background-color: #60bcc2;
  padding: 4px 32px 5px 10px;
  border-radius: 6px;
  margin: 0 6px 10px 0;
}
.inPageLink a::after {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  border-top: solid 1px;
  border-right: solid 1px;
  transform: rotate(135deg);
  top: 50%;
  right: 13px;
  margin: -6px 0 0;
  color: #FFF;
}

/*=================================================================*/
/* 医療・福祉
/*=================================================================*/
.medical {
}

/*=================================================================*/
/* 防災
/*=================================================================*/
.bousai {
}

/*=================================================================*/
/* フリーランス
/*=================================================================*/
.freelance {
}

/*  lineTxt
----------------------------------------------------------------*/
.contBlock p.lineTxt {
  border-bottom: dashed 1px #DDD;
  padding: 0 0 30px;
  margin: 0 0 30px;
}

/*  freelanceBox
----------------------------------------------------------------*/
.freelanceBox {
  border-bottom: dashed 1px #cccccc;
  padding: 0 0 40px;
  margin: 0 0 30px;
  text-align: left;
}
.freelanceBox .txt {
  margin: 0 0 20px;
}
.freelanceBox .txt h2 {
  position: relative;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size: 3.0rem;
  letter-spacing: 0.1em;
  font-weight: normal;
  margin: 0 0 26px;
  color: #68bfc4;
  line-height: 1.4em;
}
.freelanceBox .txt h2 span {
  color: #000;
  font-size: 2.4rem;
  display: block;
  margin: 0 0 5px;
}
.freelanceBox .txt .titleTxt {
  font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #39999f;
  margin: 0 0 36px;
  letter-spacing: 0.1em;
  font-size: 2.8rem;
  font-weight: bold;
}
.freelanceBox .txt p {
  margin: 0 0 20px;
}
.freelanceBox .img {
}
.freelanceBox .img img {
  border-radius: 6px;
}

/*  inSiteLink
----------------------------------------------------------------*/
a.inSiteLink {
  display: inline-block;
  margin: 40px auto;
  background-color: #60bcc2;
  color: #FFF;
  padding: 14px 56px 14px 24px;
  text-decoration: none;
  border-radius: 50px;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 22px top 22px;
}
a.inSiteLink:hover {
  opacity: 0.7;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 17px top 22px;
}

/*  freelanceTop
----------------------------------------------------------------*/
.freelanceTop {
  font-size: 2.8rem;
  margin: 0 0 30px;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  letter-spacing: 0.1em;
  font-weight: normal;
  line-height: 1.4em;
}
.freelanceTopTxt {
  border-bottom: dashed 1px #DDD;
  padding: 0 0 30px;
  margin: 0 0 40px;
}
.freelanceTopTxt br {
  display: none;
}

/*  freelanceList
----------------------------------------------------------------*/
.freelanceList {
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.freelanceList li {
  width: 48%;
  margin: 0 0 4%;
}
.freelanceList li a {
  display: block;
  text-decoration: none;
  color: #000;
}
.freelanceList li a .img {
  border-radius: 8px;
  overflow: hidden;
  margin: 0 0 10px;
}
.freelanceList li a .img img {
  transition: transform 0.3s linear;
}
.freelanceList li a:hover .img img {
  transform: scale(1.05);
}
.freelanceList li a:hover {
  opacity: 0.7;
}
.freelanceList li dl {
  text-align: left;
}
.freelanceList li dl dt {
  font-weight: bold;
  margin: 0 0 5px;
  position: relative;
}
.freelanceList li dl dt::after {
  content: "";
  width: 98px;
  height: 85px;
  background: url(../img/sec/freelance/bg_list.png) no-repeat 0 0;
  position: absolute;
  left: -51px;
  top: -38px;
  z-index: -1;
}
.freelanceList li dl dd {
  font-size: 1.2rem;
  line-height: 1.4em;
}

/*  freelanceDetailTop
----------------------------------------------------------------*/
.freelanceDetailTop {
  position: relative;
}
.freelanceDetailTop::after {
  content: "";
  position: absolute;
  width: 800px;
  height: 500px;
  --width: 800px;
  --height: 500px;
  left: 50%;
  top: 146px;
  --angle: 70deg;
  --color: #f1fdfe;
  width: var(--width);
  height: var(--height);
  background-color: var(--color);
  transform: skewY(calc(98deg + var(--angle)));
  margin: 0 0 0 -400px;
  z-index: -1;
}
.freelanceDetailTop dl {
  text-align: left;
}
.freelanceDetailTop dl dt {
  border-bottom: dotted 2px #898989;
  padding: 20px 18px 20px;
  font-weight: bold;
  font-size: 2.0rem;
}
.freelanceDetailTop dl dd {
  padding: 20px 12px;
}
.freelanceDetailTop img {
  border-radius: 8px;
}

/*=================================================================*/
/* 地域おこし協力隊紹介
/*=================================================================*/
.chiikiokoshiTop {
  background: url(../img/sec/bg_blue.jpg) repeat 0 0;
  padding: 36px 26px;
  border-radius: 40px 0 40px 0;
  margin: 0 0 30px;
  text-align: left;
}
.chiikiokoshiTop ul {
  text-align: left;
  border-radius: 10px;
  margin: 0 0 20px;
}
.chiikiokoshiTop ul li {
  font-size: 2.0rem;
  color: #238da0;
  font-family: irohamaru, Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  margin: 0 0 6px;
  text-shadow: 2px 2px 0 #fff, -2px -2px 0 #fff;
  font-weight: normal;
  position: relative;
  line-height: 1.4em;
  padding: 0 0 0 28px;
}
.chiikiokoshiTop ul li::before {
  content: url(../img/sec/trial-support/check.svg);
  left: 0;
  top: 0;
  position: absolute;
}
.chiikiokoshi .link {
  margin: 0 0 30px;
}

/*  member
----------------------------------------------------------------*/
.member {
  background-color: #e9faf8;
  padding: 30px 30px 15px;
  margin: 20px 0;
}
.member .img {
  margin: 0 0 20px;
}
.member .img img {
  border-radius: 6px;
}
.member .txt {
  text-align: left;
}
.member .txt dl {
  border-bottom: dotted 2px #9ac2ca;
  margin: 0 0 15px;
  padding: 0 0 15px;
}
.member .txt dl dt {
  font-weight: bold;
  margin: 0 0 10px;
}
.member .txt dl dd {
}

/*=================================================================*/
/* お知らせ
/*=================================================================*/
.newsList {
  text-align: left;
  margin: 0 auto 40px;
}
.news .newsList h2 {
  margin: 0 0 20px;
}
.news .newsList ul {
}
.news .newsList ul li {
  border-bottom: solid 1px #e9e9e9;
}
.news .newsList ul li a {
  display: block;
  padding: 10px 0;
  color: #000;
  text-decoration: none;
}
.news .newsList ul li a:hover {
  opacity: 0.7;
}
.news .newsList ul li a span {
  display: inline-block;
}
.news .newsList ul li a .date {
  flex: 0 0 82px;
  margin-right: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-family: "CenturyGothicStd","Century Gothic", Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.news .newsList ul li a .tag {
  margin-right: 10px;
  background-color: #DDD;
  padding: 3px 8px;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  font-size: 1.2rem;
}
.news .newsList ul li a .tag.info {
  background-color: #6ac6d1;
}
.news .newsList ul li a .tag.event {
  background-color: #ef739c;
}
.news .newsList ul li a .txt {
  display: block;
  padding: 10px 0 0;
}
.news .newsList ul li a .txt {
}
/*=================================================================*/
/* 空き家バンク
/*=================================================================*/
.newsList {
  text-align: left;
  margin: 0 auto 40px;
}
.akiya_bank .newsList h2 {
  margin: 0 0 20px;
}
.akiya_bank .newsList ul {
}
.akiya_bank .newsList ul li {
  border-bottom: solid 1px #e9e9e9;
  margin-bottom:40px;
}
.akiya_bank .newsList ul li a {
  display: block;
  padding: 10px 0;
  color: #000;
  text-decoration: none;
}
.akiya_bank .newsList ul li a:hover {
  opacity: 0.7;
}
.akiya_bank .newsList ul li a span {
  display: inline-block;
}
.akiya_bank .newsList ul li a .date {
  flex: 0 0 82px;
  margin-right: 10px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-family: "CenturyGothicStd","Century Gothic", Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.akiya_bank .newsList ul li a .tag {
  margin-right: 10px;
  background-color: #DDD;
  padding: 3px 8px;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  font-size: 1.2rem;
}
.akiya_bank .newsList ul li a .tag.info {
  background-color: #6ac6d1;
}
.akiya_bank .newsList ul li a .tag.event {
  background-color: #ef739c;
}
.akiya_bank .newsList ul li a .txt {
  display: block;
  padding: 10px 0 0;
}
.akiya_bank .newsList ul li a .txt {
	margin-bottom: 20px;
}
.akiya_bank .newsList ul li .img {
  margin-bottom:20px;
}

/*　ページャー
--------------------------------------------------*/
#pager-wrapper{
  margin: 0 16px 60px;
}
#pager-wrapper a,
#pager-wrapper span.current_page{
  padding: 3px 8px;
  display: inline-block;
  font-size: 100%;
  text-decoration: none;
  border: 1px #ddd solid;
  border-radius: 3px;
}
#pager-wrapper a:hover,
#pager-wrapper span.current_page:hover{
  opacity: 0.7;
}
#pager-wrapper a.link_page,
#pager-wrapper span.current_page{
  margin: 0 4px;
}
#pager-wrapper a{
  color: #333;
}
#pager-wrapper span.current_page{
  color: #fff;
  background: #60bcc2;
  border: 1px #60bcc2 solid;
  border-radius: 3px;
}
#pager-wrapper a.link_first,
#pager-wrapper a.link_before,
#pager-wrapper a.link_next,
#pager-wrapper a.link_last {
  margin: 0 4px;
}

/* newsDetail
--------------------------------------------------*/
.newsDetail {
  
}
.newsDetail h1 {
  border-bottom: solid 3px #dadada;
  padding: 0 10px 15px;
  margin: 0 0 15px;
  font-size: 2.6rem;
  position: relative;
  text-align: left;
  letter-spacing: 0.05em;
  font-weight: normal;
  line-height: 1.2em;
}
.newsDetail h1::after {
  content: "";
  width: 120px;
  height: 3px;
  background-color: #52a7b6;
  position: absolute;
  left: 0;
  bottom: -3px;
}

/* subInfo
--------------------------------------------------*/
.subInfo {
  text-align: right;
  margin: 0 0 20px;
}
.subInfo .date {
  text-align: right;
  margin-right: 22px;
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  font-family: "CenturyGothicStd","Century Gothic", Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.subInfo .tag {
  margin-right: 10px;
  background-color: #DDD;
  padding: 2px 22px;
  border-radius: 4px;
  text-align: center;
  color: #FFF;
  font-size: 1.3rem;
  display: inline-block;
}
.subInfo .tag.info {
  background-color: #6ac6d1;
}
.subInfo .tag.event {
  background-color: #ef739c;
}
.newsPostImg {
  margin: 0 0 20px;
}
.postBody {
  text-align: left;
  padding: 0 0 30px;
  margin: 0 0 30px;
  border-bottom: dashed 1px #DDD;
}
.listBack {
}
.listBack a {
  display: inline-block;
  background-color: #60bcc2;
  color: #FFF;
  padding: 14px 56px 14px 24px;
  text-decoration: none;
  border-radius: 50px;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 22px top 22px;
}
.listBack a:hover {
  opacity: 0.7;
  background: #60bcc2 url(../img/union/icon_arrow_white.svg) no-repeat right 17px top 22px;
}

/*=================================================================*/
/* お問い合わせ
/*=================================================================*/
.pageContents.contact {
  margin: 0 4%;
  text-align: left;
}
.contactTop {
  border-bottom: dashed 1px #DDD;
  margin: 0 0 20px;
  padding: 0 0 20px;
}
.mailForm {
  border: none;
  width: 100%;
}
.mailForm tr {
  border-bottom: solid 1px #e9e9e9;
}
.mailForm tr th, .mailForm tr td {
  display: block;
  padding: 0 0 15px;
}
.mailForm tr th {
  background-color: #FFF;
  text-align: left;
  padding: 15px 0 15px;
}
.mailForm tr th.req {
  position: relative;
}
.mailForm tr th.req::after {
  content: "必須";
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -11px;
  font-size: 1.2rem;
  background-color: #f63d72;
  color: #FFF;
  padding: 5px 6px;
  line-height: 1em;
  border-radius: 3px;
}
.mailForm tr td {
}
.mailForm tr td input,
.mailForm tr td select,
.mailForm tr td textarea {
  background-color: #f4f4f4;
  border: none;
  border-radius: 3px;
  padding: 12px;
  box-sizing: border-box;
  width: 100%;
  box-sizing: border-box;
}
.mailForm tr td select {
  margin-bottom: 10px;
}
.mailForm tr td textarea {
  font-family: Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.mailForm tr td a.postCode {
  color: #FFF;
  border-radius: 3px;
  padding: 5px 22px;
  text-decoration: none;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
  background: #48b0d7;
  display: inline-block;
  margin: 0 0 0 12px;
  font-size: 1.4rem;
}
.mailForm tr td a.postCode:hover {
  opacity: 0.7;
}
.btnArea input[type="submit"] {
  box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
  display: inline-block;
  background-color: #60bcc2;
  color: #FFF;
  padding: 14px 24px;
  text-decoration: none;
  border-radius: 50px;
  border: none;
  display: inline-block;
}
.contact .btnArea {
  text-align: center;
  padding: 35px 0 0;
}
.contact .btnArea input[type="submit"] {
  color: #FFF;
  border-radius: 30px;
  padding: 14px 48px;
  text-decoration: none;
  box-shadow: 2px 2px 0 rgb(0 0 0 / 10%);
  background: #60bcc2;
  display: inline-block;
  border: none;
  margin: 0 20px 20px;
  font-size: 1.6rem;
  letter-spacing: 0.1em;
  font-family: Noto Sans JP, '游ゴシック体', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.contact .btnArea.confBtn input[type="submit"].backBtn {
  background: #888888;
}
.contact .btnArea input[type="submit"]:hover {
  opacity: 0.7;
  cursor: pointer;
}
.contact .btnArea a {
  color: #FFF;
  border-radius: 50px;
  padding: 10px 48px;
  font-weight: bold;
  text-decoration: none;
  box-shadow: 2px 2px 0 rgba(0,0,0,0.1);
  background: #60bcc2;
  display: inline-block;
  border: none;
  margin: 0 20px;
}
.contact .btnArea a:hover {
  opacity: 0.7;
  cursor: pointer;
}
dl.requestTop {
  margin: 0 0 20px;
}
dl.requestTop dt {
  background-color: #48b0d7;
  color: #FFF;
  text-align: center;
  padding: 8px;
  font-size: 1.8rem;
  font-weight: bold;
}
dl.requestTop dd {
  background-color: #f9f9f9;
  border-left: solid 2px #ececec;
  border-right: solid 2px #ececec;
  border-bottom: solid 2px #ececec;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 15px 40px 15px 50px;
  counter-reset: number 0;
}
dl.requestTop dd .txt ol {
  padding: 15px 0 0;
}
dl.requestTop dd .txt ol li {
  position: relative;
  padding: 0 0 5px 28px;
}
dl.requestTop dd .txt ol li::before {
  position: absolute;
  counter-increment: number;
  content: counter(number);
  left: 0;
  top: 2px;
  background-color: #48b0d7;
  color: #FFF;
  padding: 3px 8px 5px;
  border-radius: 20px;
  line-height: 1em;
  text-align: center;
  font-size: 1.4rem;
}
p.caution_txt {
  color: #e10000;
}
p.caution_txt {
  color: #e10000;
}
p.mailEnd {
  text-align: center;
  font-size: 2.2rem;
  font-weight: bold;
  margin: 0 0 30px;
}
p.thanksTxt01 {
  margin: 0 0 30px;
}
p.mailBottom {
  border: solid 2px #60bcc2;
  padding: 20px;
}

/*=================================================================*/
/* 空き家バンク
/*=================================================================*/
#cnt h3{
		margin-bottom:20px;
}
#cnt{
		width: 100%;
		margin-bottom:20px;
}
#cnt th{
  background-color: #f1f9ff;
}
/*=================================================================*/
/* プライバシーポリシー
/*=================================================================*/
.privacy {
}

/*  000
----------------------------------------------------------------*/



/*<end>============================================================*/
}