@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 {
}

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

/* Content (Main)
------------------------------------------------------------------ */
#subPage {
	background-color: #ddf2ff;
}
#subPage #content {
	margin: 0 auto 130px auto;
	padding: 0;
	max-width: 1050px;
	background-color: #ffffff;
}
/* Main */
#home .main {
  margin: auto;
	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: 230px;
	width: 100%;
	background-color: #ffffff;
}
#header .inner {
	position: relative;
	margin: 0 auto;
	max-width: 1050px;
}

#header .logo {
	position: absolute; top:40px; left:0px;
  width: 100%;
  height: 100%;
}

#header .logo img{
	max-width:370px!important;}

/* Utility：Font Size Change */
#header .utility {
	position: absolute; top: 40px; 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: 20px;
	background-color: #ffffff;
}
/* 1階層 */
#globalNav nav ul {
	position: relative;
	margin: 0 auto;
	max-width: 1050px;
  height: 80px;
  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;
	background-color: #ffffff;
	border-right: 1px solid #cbcaca;
  color: #000;
	font-weight:bold;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size: 1.3em;
	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 {
  width: calc(100% / 6);
	border-right: 1px dashed #dadada;
}
#globalNav nav > ul > li:first-child {
	border-left: 1px dotted #dadada;
}

#globalNav nav > ul > li:first-child {
	border-left: 1px solid #cbcaca;
}

#globalNav nav > ul > li a span{
	display:flex;
  justify-content: center;
  align-items: center;
	width:90%;
	padding:3px;
}

#globalNav nav > ul > li:hover a span,
#globalNav nav > ul > li.active a span{

	display:flex;
  justify-content: center;
  align-items: center;
	border-radius:30px;
	-moz-transition: background-color .3s linear;
	-webkit-transition: background-color .3s linear;
	transition: background-color .3s linear;
	color:#fff;
}

#globalNav nav #navG00:hover a span,
#globalNav nav #navG00.active a span{
	background-color: #f96c51;
}
#globalNav nav #navG01:hover a span,
#globalNav nav #navG01.active a span{
	background-color: #47cdad;
}
#globalNav nav #navG02:hover a span,
#globalNav nav #navG02.active a span{
	background-color: #50c0e8;
}
#globalNav nav #navG03:hover a span,
#globalNav nav #navG03.active a span{
	background-color: #9dd36b;
}
#globalNav nav #navG04:hover a span,
#globalNav nav #navG04.active a span{
	background-color: #f5ba46;
}
#globalNav nav #navG05:hover a span,
#globalNav nav #navG05.active a span{
	background-color: #f96c51;
}
#globalNav nav #navG06:hover a span,
#globalNav nav #navG06.active a span{
	background-color: #d46fab;
}


#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: end;
      -ms-flex-align: end;
          align-items: end;
  position: relative;
  width: 100%;
  height: 100%;
  color: inherit;
	text-decoration: none;
}

#globalNav nav li a {
  display: block;
  width: 100%;
  height: 100%;
  background:  #ffffff no-repeat center 5px/auto 46px; 
	text-decoration: none; 
}
#globalNav nav #navG00 a {
  background-image: url("../images/common/navG_icn00.png") ;
}
#globalNav nav #navG01 a {
  background-image: url("../images/common/navG_icn01.png") ;
}
#globalNav nav #navG02 a {
  background-image: url("../images/common/navG_icn02.png") ;
}
#globalNav nav #navG03 a {
  background-image: url("../images/common/navG_icn03.png") ;
}
#globalNav nav #navG04 a {
  background-image: url("../images/common/navG_icn04.png") ;
}
#globalNav nav #navG05 a {
  background-image: url("../images/common/navG_icn05.png") ;
}
#globalNav nav #navG06 a {
  background-image: url("../images/common/navG_icn06.png") ;
}

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

/* Header Navigation
------------------------------------------------------------------ */
#headerNav {
	display: block;
	position: absolute; top: 90px;  right: 0;
}
#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: #58c3dc;
}
#headerNav nav li a {
  display: block;
  padding-top: 2px;
  padding-left: 1.3em;
  background: url("../images/common/link-arrow.png") no-repeat left center/13px;
  color: inherit;
  line-height: 1;
	text-decoration: none; 
}

/* Local Navigation
------------------------------------------------------------------ */
#subPage .localNav nav {
  margin-top: 10px;
}
/* カテゴリ：タイトル */
#subPage .localNav p {
	background: rgb(2,157,221);
	background: linear-gradient(0deg, rgba(2,157,221,1) 0%, rgba(80,192,232,1) 100%);
	border-radius: 5px;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #ffffff;	
	text-align: center;
}

#subPage .localNav p a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  min-height: 134px;
	padding:1em 0.5em;
	color: #ffffff;
  letter-spacing: .1em;
	text-decoration: none;
	position:relative;
}



#subPage .localNav p a::before {
  content: "";
  position: absolute;
	top:15px;
	left: 0;
	right:0;
	margin:auto;
	width: 90%;
	height: 72px;
	pointer-events: none;
}


#subPage.insurance-benefits .localNav p a::before {
	background: url("../images/category/side_nav_img01.png") no-repeat center/contain;}
#subPage.consultation .localNav p a::before {
	background: url("../images/category/side_nav_img02.png") no-repeat center/contain;}
#subPage.health-promotion .localNav p a::before {
	background: url("../images/category/side_nav_img03.png") no-repeat center/contain;}
#subPage.structure-insurance .localNav p a::before {
	background: url("../images/category/side_nav_img04.png") no-repeat center/contain;}
#subPage.care .localNav p a::before {
	background: url("../images/category/side_nav_img05.png") no-repeat center/contain;}





#subPage .localNav ul {
	font-size: 1.4em;
}
#subPage .localNav nav> ul> li {
	border-bottom: 1px solid #e0e0e0;
}
#subPage .localNav nav a:hover {
	background-color: #ddf2ff;
}
#subPage .localNav li.active {
	background-color: #ddf2ff;
}
#subPage .localNav li span {
	display: block;
	padding: 0 10px 0 10px;
}
#subPage .localNav li a {
	display:block;
	padding: 0.65em 1em 0.45em 0em;
  background: url(../images/common/link-arrow.png) no-repeat center right 5px/13px;
	text-decoration: none;
	color: #000000;
	transition: all .5s;
}
/* 3階層 */
#subPage .localNav .sec {
	font-size: 100%;
}
#subPage .localNav .sec li {
	border-top: 1px solid #e0e0e0;
}
#subPage .localNav .sec li.active {
	background-color: #feede1;
}
#subPage .localNav .sec a {
	padding: 0.65em 0 0.45em 2.0em;
  background-position: 1.5em .8em;
}

@media all and (max-width: 1049px) {
  #header .logo {left: 15px;top:20px; }
  #headerNav {right: 15px; top:95px;}
  #header .utility {right: 15px;}
}
@media all and (max-width: 870px) {
  #header .utility {
    -webkit-transform: scale(.9);
        -ms-transform: scale(.9);
            transform: scale(.9);
    top: 10px; 
    right: 0;
    width: 200px;
  }
  #header .utility .search {
    margin: 10px 0 0;
  }
#headerNav nav li + li {
	margin-left: 10px;
}
	
#globalNav nav li a {
  background-size:auto 30px; 
}

#globalNav nav > ul > li a span{
	width:90%;
	height:40px;
	padding:2px 8px 1px;
}


#subPage .localNav p span {
	line-height:1.2;
}
	
}

/* Common Elements
------------------------------------------------------------------ */
/* Heading */
#subPage .main h1 {
	width: 1050px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}