@charset "UTF-8";
@import "../base/init.css";
@import "../base/style.css";
@import "../piece/style.css";

/* =========================================================
   Doc
========================================================= */

/* docs
----------------------------------------------- */
.contentArticleDoc .header {
  margin-bottom: 28px;
  padding: 1px;
  border: 1px solid #6ac36a;
  border-radius: 10px;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
  background: #fff url(../piece/images/icon/hanyo.jpg) no-repeat 13px 50%;
}
.contentArticleDoc .header h1 {
  padding: 18px 15px 16px 85px;
  border: 4px solid #d4edd4;
  border-radius: 9px;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
  color: #22ae46;
  font-size: 175%;
  line-height: 1.3;
}
.contentArticleDoc .header .publishedAt {
  display: none;
}
.contentArticleDoc .body,
.contentArticleDoc .maps,
.contentArticleDoc .rels,
.contentArticleDoc .tags {
  margin-bottom: 50px;
}

.contentArticleDoc .body h2 {
  margin: 28px 0 16px;
  padding-bottom: 4px;
  border-bottom: 2px dotted #22ae46;
  color: #22ae46;
  font-size: 125%;
  line-height: 1.3;
}
.contentArticleDoc .body h2:first-child {
  margin-top: 0;
}
.contentArticleDoc .body h3 {
  margin: 18px 0 10px;
  color: #22ae46;
  line-height: 1.3;
}
.contentArticleDoc .body h4 {
  font-size: 100%;
}
.contentArticleDoc .body p {
  margin-bottom: 1em;
}
.contentArticleDoc .body ul,
.contentArticleDoc .body ol,
.contentArticleDoc .body dl {
  margin-bottom: 1.5em;
  line-height: 1.3;
}
.contentArticleDoc .body ol {
  margin-left: 36px; 
}
.contentArticleDoc .body ol li {
  margin-bottom: .7em; 
}
.contentArticleDoc .body ul {
  margin-left: 0;
  list-style: none;
}

.contentArticleDoc .body ul li {
  margin-bottom: .7em;
  margin-left: 18px;
  padding-left: 18px;
  background: url(images/icon_list.gif) no-repeat 0 .3em;
}

.contentArticleDoc .body ul li a {
  margin-bottom: .7em;
  margin-left: -18px;
  padding-left: 10px;
  background: #fff url(images/icon_list_link.gif) no-repeat 0 .45em;
}
.contentArticleDoc .body .buttan-pink ul li a {
  background: #fff4f4 url(images/icon_list_link.gif) no-repeat 0 .45em;
}

.contentArticleDoc .body table {
  margin-bottom: 1.5em;
  border: 1px solid #22ae46;
  line-height: 1.3;
}
.contentArticleDoc .body th,
.contentArticleDoc .body td {
  padding: 13px 16px;
  border: 1px solid #22ae46;
}
.contentArticleDoc .body th {
  background-color: #dff3e0;
}

/* Custom Template
----------------------------------------------- */
.contentArticleDoc .osusumePoint,
.contentArticleDoc .benridoData,
.contentArticleDoc .koenReport,
.contentArticleDoc .snap,
.contentArticleDoc .mamaAdvice {
  margin-top: 52px;
}
.contentArticleDoc .osusumePoint h2,
.contentArticleDoc .benridoData h2,
.contentArticleDoc .koenReport h2,
.contentArticleDoc .snap h2 {
  margin-bottom: 0;
  padding-bottom: 8px;
  border-bottom: 0;
}

/* osusume point */
.contentArticleDoc .osusumeContent {
  padding: 16px;
  border: 1px solid #23ae47;
  border-radius: 10px;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
}
.contentArticleDoc .osusumeContent h3 {
  padding-bottom: 6px;
  border-bottom: 2px dotted #22ae46;
  color: #333;
  font-size: 112.5%;
}
.contentArticleDoc .osusumeContent h3:first-child {
  margin-top: 0;
}
.contentArticleDoc .osusumeContent p.photo {
  float: left;
  width: 192px;
  margin: 2px 0 0;
}
.contentArticleDoc .osusumeContent p.photo img {
  width: 190px;
  height: auto;
  border: 1px solid #ccc;
}
.contentArticleDoc .osusumeContent p.text,
.contentArticleDoc .osusumeContent p.target {
  margin-left: 216px;
}
.contentArticleDoc .osusumeContent p.target {
  margin-top: -8px;
}
.contentArticleDoc .osusumeBody:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
}
.contentArticleDoc .osusumeBody {
  *zoom: 1;
}

/* benrido data */
.contentArticleDoc .benridoContent {
  border-top: 2px dotted #22ae46;
  border-bottom: 2px dotted #22ae46;
}
.contentArticleDoc .benridoContent h3 {
  margin: 12px 0;
  float: left;
  clear: left;
  width: 12em;
  padding-left: 2px;
}
.contentArticleDoc .benridoContent p {
  margin: 10px 0 0;
  padding-left: 13em;
  padding-bottom: 10px;
  border-bottom: 1px dotted #22ae46;
}
.contentArticleDoc .benridoContent p:last-child {
  border-bottom: 0;
}

/* koen report */
.contentArticleDoc .reportContent {
  padding: 14px 16px;
  border: 1px solid #23ae47;
  border-radius: 10px;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
  background-color: #fefdea;
}
.contentArticleDoc .reportContent h3 {
  margin-top: 18px;
  padding-bottom: 8px;
  border-bottom: 2px dotted #22ae46;
  font-size: 100%;
}
.contentArticleDoc .reportContent h3:first-child {
  margin-top: 0;
}
.contentArticleDoc .reportContent p {
  margin-bottom: 0;
}
.contentArticleDoc .koenReport ul {
  margin-top: 18px;
}
.contentArticleDoc .koenReport ul li a {
  background: url("images/icon_list_link.gif") no-repeat scroll 0px 0.45em #FEFDEA;
}
/* snap */
.contentArticleDoc .snap h2 {
  border-bottom: 2px solid #22ae46;
  margin-bottom: 16px;
}
.contentArticleDoc .snapPhoto {
  margin: 0 0 16px 16px;
}
.contentArticleDoc .snapPhoto:last-child {
  margin-bottom: -4px;
}
.contentArticleDoc .snapPhoto:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
}
.contentArticleDoc .snapPhoto {
  *zoom: 1;
}
.contentArticleDoc .snapPhoto p {
  float: left;
  width: 211px;
  height: 164px;
  margin-right: 9px;
  margin-bottom: 0;
  background: url(images/photo_frame.png) no-repeat;
}
.contentArticleDoc .snapPhoto img {
  width: 184px;
  height: 138px;
  margin: 10px 14px 16px 11px;
  border: 1px solid #dbdbdb;
}

/* mama's advice */
.contentArticleDoc .mamaAdvice {
  padding-bottom: 50px;
  background: url(images/bg_board_bottom.jpg) no-repeat 0 100%;
}
.contentArticleDoc .mamaAdvice h2 {
  margin: 0;
  padding-bottom: 0;
  border-bottom: 0;
  background: url(images/bg_board_top.jpg) no-repeat 0 16px;
  position: relative;
  z-index: 10;
}
.contentArticleDoc .mamaAdvice p {
  margin: -48px 0 0;
  padding: 0 120px 32px 137px;
  background: url(images/bg_board_repeat.jpg) repeat-y;
}
.contentArticleDoc .mamaAdvice ul {
  margin: 0;
  padding: 0 120px 32px 137px;
  background: url(images/bg_board_repeat.jpg) repeat-y;
}
.contentArticleDoc .buttan-pink {
  display: block;
  padding: 15px;
  border: 1px dotted #FF9999;
  background: #FFF4F4;
}
/* shuzaiadvice */
.contentArticleDoc .shuzaiAdvice {
  padding: 16px;
  border: 1px solid #23ae47;
  border-radius: 10px;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
}
.contentArticleDoc .shuzaiAdvice h2 {
  padding: 5px 0 10px 40px;
  background: url(./images/icn_1.gif) no-repeat left top;
}
.contentArticleDoc .maps h2,
.contentArticleDoc .rels h2,
.contentArticleDoc .tags h2 {
  margin-bottom: 10px;
  padding: 5px 16px;
  border: 1px solid #6ac36a;
  border-radius: 10px;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
  background-color: #f7fef4;
  color: #22ae46;
  font-size: 100%;
}
.contentArticleDoc .rels li {
  margin-bottom: .7em;
  margin-left: 18px;
  padding-left: 18px;
  background: url(images/icon_list.gif) no-repeat 0 .3em;
  line-height: 1.3;
}
.contentArticleDoc .tags div {
  margin: 0 16px;
}
.contentArticleDoc .tags div a {
  padding-right: 1em;
}

#snsShare {
  float: right;
  height: 20px;
  margin-top: -30px;
}
.twitter-share-button, .fbLike, .fb-share-button, .gpShare {
  float: left;
  width: 127px !important;
}
.fb-share-button {
  margin-top: 1px;
  _margin-top: -12px;
}

/* address
----------------------------------------------- */
.inquiry {
  clear: both;
  margin-bottom: 52px;
  padding-bottom: 12px;
  border: 1px solid #22ae46;
  border-radius: 8px 8px 0 0;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
  font-size: 87.5%;
}
.inquiry h2 {
  margin-bottom: 12px;
  padding: 11px 14px 9px;
  border-bottom: 1px solid #22ae46;
  border-radius: 6px 6px 0 0;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
  background-color: #22ae46;
  color: #fff;
  font-size: 112.5%;
  line-height: 1.3;
}
.inquiry div {
  padding: 0 16px;
}
.inquiry .section {
  padding-bottom: 4px;
  font-weight: bold;
}

/* back
----------------------------------------------- */
.contentArticleDoc .back {
  clear: both;
  text-align: center;
}
.contentArticleDoc .back img {
  padding: 8px;
  border: 1px solid #6ac36a;
  border-radius: 10px;
  background: #b5e0b5;
  behavior: url(/_common/themes/joruri/js/PIE.php);
  position: relative;
}

/* title icon
----------------------------------------------- */
.cateKenko .header,
.cateNinKenshin .header,
.cateNinKarada .header,
.cateByokikega .header,
.cateKodoKenshin .header,
.cateShika .header,
.cateYobo .header,
.cateHattatsu .header,
.cateKazoku .header {
  background-image: url(../piece/images/icon/kenko.jpg);
}
.cateHoikuKyoiku .header,
.cateShinseido .header,
.cateNintei .header,
.cateKodomoen .header,
.cateYoho .header,
.cateHoikuen .header,
.cateChiiki .header,
.cateNinsho .header,
.cateNinkagai .header,
.cateYochien .header,
.cateIchijiHoiku .header,
.cateFamisapo .header,
.cateByogoji .header,
.cateShogakko .header,
.cateGakudo .header {
  background-image: url(../piece/images/icon/hoiku_kyoiku.jpg);
}
.cateTeateJosei .header,
.cateBoshitecho .header,
.cateSyussan .header,
.cateJidoTeate .header,
.cateJifuTeate .header,
.cateNyuyoIryo .header,
.cateSyochuIryo .header,
.cateBoshiIryo .header,
.cateIryoTeare .header,
.cateHitoriTeate .header,
.cateSyuenTeate .header,
.cateTenkyo .header {
  background-image: url(../piece/images/icon/teate_josei.jpg);
}
.cateShien .header,
.cateKoza .header,
.cateBoshiSeikatsu .header {
  background-image: url(../piece/images/icon/shien.jpg);
}
.cateKoza .header,
.cateKyoshitsu .header{
  background-image: url(../piece/images/icon/koza.jpg);
}
.cateMamechishiki .header,
.cateKosodate .header,
.cateShigoto .header,
.cateBosaiBohan .header {
  background-image: url(../piece/images/icon/mamechishiki.jpg);
}
.cateTorikumi .header {
  background-image: url(../piece/images/icon/torikumi.jpg);
}
.cateGroup .header,
.cateCircleUnei .header {
  background-image: url(../piece/images/icon/group.jpg);
}
.cateHiroba .header,
.cateShienHiroba .header {
  background-image: url(../piece/images/icon/hiroba.jpg);
}
.cateKodomoshokudo .header {
  background-image: url(../piece/images/icon/kodomoshokudo.png);
}
.cateGakushushien .header {
  background-image: url(../piece/images/icon/benshien.png);
}
.cateOdekake .header {
  background-image: url(../piece/images/icon/odekake2.jpg);
}
.cateSns .header {
  background-image: url(../piece/images/icon/sns.jpg);
}
.cateKigyo .header {
  background-image: url(../piece/images/icon/oen.jpg);
}
.cateMadoguchi .header {
  background-image: url(../piece/images/icon/madoguchi.jpg);
}
.cateSodansaki .header {
  background-image: url(../piece/images/icon/sodansaki.jpg);
}


/* =========================================================
    recent Docs
========================================================= */

.contentArticleRecentDocs .docs h2 {
  margin-bottom: 2px;
  padding-bottom: 4px;
  border-bottom: 2px dotted #22ae46;
  color: #22ae46;
  font-size: 125%;
}
.contentArticleRecentDocs .docs ul {
  margin: 18px 0 36px;
}
.contentArticleRecentDocs .docs ul:last-child {
  margin-bottom: 0;
}
.contentArticleRecentDocs .docs li {
  margin-bottom: 12px;
  padding-left: 18px;
  background: url(../piece/images/icon_list_s.gif) no-repeat 0 0.45em;
}
.contentArticleRecentDocs .docs li .separator,
.contentArticleRecentDocs .docs li .unit {
  display: none;
}


/* soudansaki */
.contentArticleDoc .body .soudansaki  ul li.naiyou,
.contentArticleDoc .body .soudansaki  ul li.houhou,
.contentArticleDoc .body .soudansaki  ul li.jissi, 
.contentArticleDoc .body .soudansaki  ul li.hiyou, 
.contentArticleDoc .body .soudansaki  ul li.syousai,
.contentArticleDoc .body .soudansaki  ul li.renraku {
  margin-left: 136px;
  margin-bottom: 24px;
  padding: 0;
  padding-top: 7px;
  background: none;
}
.contentArticleDoc .body .soudansaki  ul li.naiyou a,
.contentArticleDoc .body .soudansaki  ul li.houhou a,
.contentArticleDoc .body .soudansaki  ul li.jissi a,
.contentArticleDoc .body .soudansaki  ul li.hiyou a,
.contentArticleDoc .body .soudansaki  ul li.syousai a,
.contentArticleDoc .body .soudansaki  ul li.renraku a {
  background: none;
  margin: 0;
  padding: 0;
}
.soudansaki li.naiyou:before,
.soudansaki li.houhou:before,
.soudansaki li.jissi:before,
.soudansaki li.hiyou:before,
.soudansaki li.syousai:before,
.soudansaki li.renraku:before {
  position: absolute;
  left: 0;
  display: block;
  width: 100px;
  margin-top: -5px;
  margin-right: 16px;
  padding: 7px 10px 5px;
  border-radius: 10px;
  background: #22ae46;
  color: #fff;
  font-weight: bold;
  text-align: center;
}
.soudansaki li.naiyou:before {
  content: "相談内容";
}
.soudansaki li.houhou:before {
  content: "相談方法";
}
.soudansaki li.jissi:before {
  content: "実施機関";
}
.soudansaki li.hiyou:before {
  content: "費用";
}
.soudansaki li.syousai:before {
  content: "詳細";
}
.soudansaki li.renraku:before {
  content: "連絡先";
}
.soudansaki .txt-right {
  text-align: right;
  font-size: 75%;
}
.soudansaki .txt-right a {
  padding-left: 12px;
  background: url("../piece/images/icon_scroll_top.gif") no-repeat scroll 0 60%;
}

/* =========================================================
    add CSS
========================================================= */
.flow_box{
        width: 310px;
	border: 5px solid #aaddaa;
	background: #fff;
	padding: 15px 10px;
	box-sizing: border-box;
	margin: 10px 0;
	display: inline;
	position: relative;
	float: left;
}

.nowrap {
    white-space: nowrap;
}

iframe#parentframe { 
      width: 100%;
    }

.hata_orange {
    position: relative;
    padding: 10px;
    color: #ffffff;
    background: #fd7c10;
    margin-right:20px;
    width: 180px;
}

.hata_orange :after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 22px 10px;
    border-style: solid;
    border-color: #fd7c10;
    border-right-color: transparent;
}
.hata_green {
    position: relative;
    padding: 10px;
    color: #ffffff;
    background: #06ac36;
    margin-right:20px;
    width: 180px;
}

.hata_green:after {
    content: " ";
    position: absolute;
    top: 0px;
    left: 100%;
    width: 0;
    height: 0;
    border-width: 22px 10px;
    border-style: solid;
    border-color: #06ac36;
    border-right-color: transparent;
}

.icon_title {
  position: relative;
  background: #ffd98a;
  padding: 2px 5px 2px 25px;
  margin-left: 20px;
  border-radius: 0 10px 10px 0;
}

.icon_title:before {
  font-family: "Font Awesome 5 Free";
  content: "\f135";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #ffa337;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}