@charset "utf-8";

/* PC：gnavi-top-pc.css
 * おまかせプラン ver.6
 * **************************************************
 * Space
 * Mm-menu (jquery)
 * Main Img
 * Body
 * Container
 * Content (Main)
 * Header
 * Side
 * Global Navigation (Nav)
 * Header Navigation (Nav)
 * Local Navigation (Nav)
 * Content (Main)
 * Common Elements
 * **************************************************
 * Media Queries min-width: その他　 (調整)
 * **************************************************
 */

/*  Space
------------------------------------------------------------------- */

/* Mm-menu (jquery)
------------------------------------------------------------------ */
.mm-menu {
}

/*  Main Img
------------------------------------------------------------------- */
#home .mainImg {
	margin: 0 auto;
	width: 100%;
  max-width: 1200px;
}

/* Body
------------------------------------------------------------------ */
body {
	background:#fcf7fb;
}

/* Container
------------------------------------------------------------------ */
.container {
}

/* Content (Main)
------------------------------------------------------------------ */
#subPage {
	background-color: #fcf7fb;
}
#subPage #content {
	margin: 0 auto 50px auto;
	padding: 0;
	max-width: 1050px;
	background-color: #ffffff;
}
/* Main */
#home .main {
  margin:30px auto 0;
	padding: 0;
  width: 100%;
	max-width: 1050px;
  display: block;
}
#subPage #content .main {
	float: left;
	width: 72.38%;
}
#subPage.index #content .main {
	width: 100%;
}
#subPage #content .main .inner {
	width: auto;
	margin: 0 0 60px 5.3%;
	padding: 0;
	background-color: transparent;
}
#subPage.index #content .main .inner {
  margin: 0 5.71% 5.71%;
}

 /* Side
------------------------------------------------------------------ */
#subPage .side {
	float: right;
	margin: 120px 3.8% 50px 0;
	width: 20%;
}

 /* Header
------------------------------------------------------------------ */
#header {
	position: relative;
	height: 140px;
	width: 100%;
	background-color: #fcf7fb;
}
#header .inner {
	position: relative;
	margin: 0 auto;
	max-width: 1050px;
}

#header .logo {
	position: absolute; top:30px; left:0px;
}

/* Utility：Font Size Change */
#header .utility {
	position: absolute; top: 35px; right: 0;
	width: 50%;
  max-width: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#header .utility .sizeChange {
	position: relative;
	width: 200px;
}

_:-ms-lang(x)::-ms-backdrop, #header .utility .sizeChange {
	width: 201px;
}
/* Utility：Site Search
#header .utility .search {
	position: relative;
	width: 200px;
  margin-left: 18px;
}
#header .utility .search form {
	margin: 0;
  height: 28px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 14px;
} */

/* Global Navigation (Top)
------------------------------------------------------------------ */
#globalNav {
	display: block;
	position: absolute; bottom: 0;
}
/* 1階層 */
#globalNav nav .ribbon1 {
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  box-sizing: border-box;
	background-color: #b555c2;
}

#globalNav nav .ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

#globalNav nav .ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fcf7fb;
  border-style: solid;
}


#globalNav nav .ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fcf7fb transparent transparent;
  border-style: solid;
}

#globalNav nav ul {
	position: relative;
	margin: 0 auto;
	max-width: 1105px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
}
#globalNav nav > ul > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
	border-right: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight:bold;
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
	-webkit-transition: background-color .3s linear;
	-o-transition: background-color .3s linear;
	transition: background-color .3s linear;
}
#globalNav nav > ul > li#navG00 {
}
#globalNav nav > ul > li:hover,
#globalNav nav > ul > li.active {
	background-color: #ed6391;
  color: #fff;
}
#globalNav nav > ul > li.active a {color: #fff;}
#globalNav nav > ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 3px;
  color: inherit;
	text-decoration: none; 
}

#globalNav nav > ul > li:first-child a {
	padding-left:10px;
}

#globalNav nav > ul > li:last-child a {
	padding-right:10px;
}

#globalNav nav > ul > li:last-child {
	border-right:none;
	
}


/* 2階層：非表示 */
#globalNav nav .sec {
	display: none;
}

/* Header Navigation
------------------------------------------------------------------ */
#headerNav {
	display: block;
	margin:0 auto 20px;
	max-width: 1050px;
}
#headerNav nav ul {
}
/* 2階層：非表示 */
#headerNav nav .sec {
  display: none;
}
#headerNav nav li + li {
	margin-left: 26px;
}
#headerNav nav li {
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
}
#headerNav nav li:hover {
  color: #b791d6;
}
#headerNav nav li a {
  display: block;
  padding-top: 2px;
  padding-left: 1.7em;
  background: url("../images/common/footer-arrow.png") no-repeat left center/18px;
  color: inherit;
  line-height: 1;
	text-decoration: none; 
}

/* Local Navigation
------------------------------------------------------------------ */
#subPage .localNav nav {
  margin-top: 10px;
}
#subPage .localNav nav {
  margin-top: 10px;
	background-color: #ffffff;
}
/* カテゴリ：タイトル */
#subPage .localNav p {
	position:relative;
  width: 100%;
  height: 130px;
  background: #b791d6 no-repeat center 25px/50px;
	font-size: 1.6em;
	color: #ffffff;	
	text-align: center;
}

#subPage .localNav p:before{
    position:absolute;
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(../images/common/list-mark-index2.png);
    background-repeat: no-repeat;
	top:0;
	left:0;
	content:url(../images/common/list-mark-index2.png);
   pointer-events: none;
}

#subPage .localNav p:after{
    position:absolute;
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(../images/common/list-mark-index.png);
    background-repeat: no-repeat;
	right:0;
	bottom:0;
   pointer-events: none;
}

#subPage .localNav p a {
	display:block; 
  width: 100%;
  height: 100%;
	padding: 90px 0 10px 0;
	color: #ffffff;
	text-decoration: none;
}
#subPage .localNav p span {
	font-weight:bold;
}
#subPage.insurance-benefits .localNav p {
  background-image: url("../images/common/localNav-icn01.png");
}
#subPage.consultation .localNav p {
  background-image: url("../images/common/localNav-icn02.png");
}
#subPage.health-promotion .localNav p {
  background-image: url("../images/common/localNav-icn03.png");
}
#subPage.structure-insurance .localNav p {
  background-image: url("../images/common/localNav-icn04.png");
}
#subPage.care .localNav p {
  background-image: url("../images/common/localNav-icn05.png");
}
#subPage .localNav li {
	font-size: 1.4em;
	line-height: 1.3;
}
#subPage .localNav li{
	border-top: 1px solid #e3e3e3;
}
#subPage .localNav li:last-child{
	border-bottom: 1px solid #e3e3e3;
}

#subPage .localNav li span {
	display: block;
}
#subPage .localNav ul li> a {
	display:block;
	padding: 0.8em 2em 0.8em 0.5em;
  background: url("../images/common/link-arrow.png") no-repeat center right 5px/12px;
	text-decoration: none;
	color: #000000;
}
/* 3階層 */
#subPage .localNav ul.sec li {
  padding-left: 1em;
	background: none;
	border-top: 1px dotted #e3e3e3;
	font-size:100%;
}
/*#subPage .localNav ul.sec li a {
	display:block;  
	padding: 8px 0 8px 1.8em;
	text-decoration: none;
	color: #000000;
}*/

#subPage .localNav ul li.active> a {
	background-color: #fcf7fb;
  color: #b555c2;
}
#subPage .localNav ul li:hover> a {
	background-color: #fcf7fb;
}

@media all and (max-width: 1049px) {
  #header .logo {left: 15px; }
  #headerNav,
  #header .utility {right: 15px;}
}
@media all and (max-width: 870px) {
  #header .utility {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    right: 0;
    width: 200px;
  }
 /*  #header .utility .search {
    margin: 10px 0 0;
  } */
  #globalNav nav > ul > li {font-size: 1.2em;}

#subPage [class^="catImg"] {
	height: 20vh;
	width: 100%;
	background-position:center top -20px;
}
}


/* Common Elements
------------------------------------------------------------------ */@charset "utf-8";

/* PC：gnavi-top-pc.css
 * おまかせプラン ver.6
 * **************************************************
 * Space
 * Mm-menu (jquery)
 * Main Img
 * Body
 * Container
 * Content (Main)
 * Header
 * Side
 * Global Navigation (Nav)
 * Header Navigation (Nav)
 * Local Navigation (Nav)
 * Content (Main)
 * Common Elements
 * **************************************************
 * Media Queries min-width: その他　 (調整)
 * **************************************************
 */

/*  Space
------------------------------------------------------------------- */

/* Mm-menu (jquery)
------------------------------------------------------------------ */
.mm-menu {
}

/*  Main Img
------------------------------------------------------------------- */
#home .mainImg {
	margin: 0 auto;
	width: 100%;
  max-width: 1200px;
}

/* Body
------------------------------------------------------------------ */
body {
	background:#fcf7fb;
}

/* Container
------------------------------------------------------------------ */
.container {
}

/* Content (Main)
------------------------------------------------------------------ */
#subPage {
	background-color: #fcf7fb;
}
#subPage #content {
	margin: 0 auto 50px auto;
	padding: 0;
	max-width: 1050px;
	background-color: #ffffff;
}
/* Main */
#home .main {
  margin:30px auto 0;
	padding: 0;
  width: 100%;
	max-width: 1050px;
  display: block;
}
#subPage #content .main {
	float: left;
	width: 72.38%;
}
#subPage.index #content .main {
	width: 100%;
}
#subPage #content .main .inner {
	width: auto;
	margin: 0 0 60px 5.3%;
	padding: 0;
	background-color: transparent;
}
#subPage.index #content .main .inner {
  margin: 0 5.71% 5.71%;
}

 /* Side
------------------------------------------------------------------ */
#subPage .side {
	float: right;
	margin: 120px 3.8% 50px 0;
	width: 20%;
}

 /* Header
------------------------------------------------------------------ */
#header {
	position: relative;
	height: 140px;
	width: 100%;
	background-color: #fcf7fb;
}
#header .inner {
	position: relative;
	margin: 0 auto;
	max-width: 1050px;
}

#header .logo {
	position: absolute; top:30px; left:0px;
}

/* Utility：Font Size Change */
#header .utility {
	position: absolute; top: 35px; right: 0;
	width: 50%;
  max-width: 420px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
#header .utility .sizeChange {
	position: relative;
	width: 200px;
}

_:-ms-lang(x)::-ms-backdrop, #header .utility .sizeChange {
	width: 201px;
}
/* Utility：Site Search 
#header .utility .search {
	position: relative;
	width: 200px;
  margin-left: 18px;
}
#header .utility .search form {
	margin: 0;
  height: 28px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	border-radius: 14px;
}*/

/* Global Navigation (Top)
------------------------------------------------------------------ */
#globalNav {
	display: block;
	position: absolute; bottom: 0;
}
/* 1階層 */
#globalNav nav .ribbon1 {
  height: 50px;/*リボンの高さ*/
  line-height: 50px;/*リボンの高さ*/
  box-sizing: border-box;
	background-color: #b555c2;
}

#globalNav nav .ribbon1:before, .ribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

#globalNav nav .ribbon1:before {
  top: 0;
  left: 0;
  border-width: 25px 0px 25px 15px;
  border-color: transparent transparent transparent #fcf7fb;
  border-style: solid;
}


#globalNav nav .ribbon1:after {
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-color: transparent #fcf7fb transparent transparent;
  border-style: solid;
}

#globalNav nav ul {
	position: relative;
	margin: 0 auto;
	max-width: 1105px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #ffffff;
}
#globalNav nav > ul > li {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
	border-right: 1px solid #ffffff;
  background-color: transparent;
  color: #ffffff;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-weight:bold;
	font-size: 1.5em;
	line-height: 1.2;
	text-align: center;
	-webkit-transition: background-color .3s linear;
	-o-transition: background-color .3s linear;
	transition: background-color .3s linear;
}


#globalNav nav > ul > li:hover,
#globalNav nav > ul > li.active {
	background-color: #ed6391;
  color: #fff;
}
#globalNav nav > ul > li.active a {color: #fff;}
#globalNav nav > ul > li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 100%;
  height: 100%;
  padding-bottom: 3px;
  color: inherit;
	text-decoration: none; 
}


#globalNav nav > ul > li {
  width: calc(100% / 6);
}
#globalNav nav > ul > li:first-child {
	width: 12%;
}


#globalNav nav > ul > li:first-child a {
	padding-left:10px;
}

#globalNav nav > ul > li:last-child a {
	padding-right:10px;
}

#globalNav nav > ul > li:last-child {
	border-right:none;
	
}


/* 2階層：非表示 */
#globalNav nav .sec {
	display: none;
}

/* Header Navigation
------------------------------------------------------------------ */
#headerNav {
	display: block;
	margin:0 auto 20px;
	max-width: 1050px;
}
#headerNav nav ul {
}
/* 2階層：非表示 */
#headerNav nav .sec {
  display: none;
}
#headerNav nav li + li {
	margin-left: 26px;
}
#headerNav nav li {
	display: inline-block;
	font-size: 1.3em;
	font-weight: bold;
	color: #000000;
}
#headerNav nav li:hover {
  color: #b791d6;
}
#headerNav nav li a {
  display: block;
  padding-top: 2px;
  padding-left: 1.7em;
  background: url("../images/common/footer-arrow.png") no-repeat left center/18px;
  color: inherit;
  line-height: 1;
	text-decoration: none; 
}

/* Local Navigation
------------------------------------------------------------------ */
#subPage .localNav nav {
  margin-top: 10px;
}
#subPage .localNav nav {
  margin-top: 10px;
	background-color: #ffffff;
}
/* カテゴリ：タイトル */
#subPage .localNav p {
	position:relative;
  width: 100%;
  height: 130px;
  background: #b791d6 no-repeat center 25px/50px;
	font-size: 1.6em;
	color: #ffffff;	
	text-align: center;
	z-index:0;
}

#subPage .localNav p:before{
    position:absolute;
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(../images/common/list-mark-index2.png);
    background-repeat: no-repeat;
	top:0;
	left:0;
	content:url(../images/common/list-mark-index2.png);
   pointer-events: none;
  z-index:-1;
}

#subPage .localNav p:after{
    position:absolute;
    content: "";
    width: 80px;
    height: 80px;
    background-image: url(../images/common/list-mark-index.png);
    background-repeat: no-repeat;
	right:0;
	bottom:0;
   pointer-events: none;
  z-index:-2;
}

#subPage .localNav p a {
	display:block; 
  width: 100%;
  height: 100%;
	padding: 90px 0 10px 0;
	color: #ffffff;
	text-decoration: none;
	z-index:1;
}
#subPage .localNav p span {
	font-weight:bold;
	z-index:10;
}
#subPage.insurance-benefits .localNav p {
  background-image: url("../images/common/localNav-icn01.png");
}
#subPage.consultation .localNav p {
  background-image: url("../images/common/localNav-icn02.png");
}
#subPage.health-promotion .localNav p {
  background-image: url("../images/common/localNav-icn03.png");
}
#subPage.structure-insurance .localNav p {
  background-image: url("../images/common/localNav-icn04.png");
}
#subPage.care .localNav p {
  background-image: url("../images/common/localNav-icn05.png");
}
#subPage .localNav li {
	font-size: 1.4em;
	line-height: 1.3;
}
#subPage .localNav li{
	border-top: 1px solid #e3e3e3;
}
#subPage .localNav li:last-child{
	border-bottom: 1px solid #e3e3e3;
}

#subPage .localNav li span {
	display: block;
}
#subPage .localNav ul li> a {
	display:block;
	padding: 0.8em 2em 0.8em 0.5em;
  background: url("../images/common/link-arrow.png") no-repeat center right 5px/12px;
	text-decoration: none;
	color: #000000;
}
/* 3階層 */
#subPage .localNav ul.sec li {
  padding-left: 1em;
	background: none;
	border-top: 1px dotted #e3e3e3;
	font-size:100%;
}
/*#subPage .localNav ul.sec li a {
	display:block;  
	padding: 8px 0 8px 1.8em;
	text-decoration: none;
	color: #000000;
}*/

#subPage .localNav ul li.active> a {
	background-color: #fcf7fb;
  color: #b555c2;
}
#subPage .localNav ul li:hover> a {
	background-color: #fcf7fb;
}

@media all and (max-width: 1049px) {
  #header .logo {left: 15px; }
  #headerNav,
  #header .utility {right: 15px;}
}
@media all and (max-width: 870px) {
  #header .utility {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    right: 0;
    width: 200px;
  }
/*  #header .utility .search {
    margin: 10px 0 0;
  }*/
  #globalNav nav > ul > li {font-size: 1.2em;}

}


/* Common Elements
------------------------------------------------------------------ */