@charset "utf-8";

header * {
	padding: 0;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/*
ヘッダー 共通
-------------------------------------------*/
header {
	width: 100%;
	z-index: 3;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	
	height: 52px;
}

header .logo{
	max-width: 200px;
    padding-top: 0;
}

header .h_menu {
	display: none;
}

header #info {
	display: none;
}


/* ヘッダー　pc 1000px以上
-------------------------------------------*/
@media screen and (min-width:1000px){

	.ml05per-pc{
		margin-left: 5% !important;
	}	
	
header {
	height: 80px;
	width: 100%;
    z-index: 3;
    transition: all 0.3sease;
    -webkit-transition: all 0.3sease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    overflow: inherit;
    background-color: #f5fdfc;
    font-weight: 600;
    border-bottom: 1px solid #d0b78f;
}

header .logo a img {
	height: auto;
	max-width: 180px;
	z-index: 3;
}

.menu_btn,
.btn_close {
	display: none;
}


#index_top {
	min-height: 850px;
}

}

/* ヘッダー　pc 1200px以上
-------------------------------------------*/
@media screen and (min-width:1200px){

header .logo a img {

}

}

/* ヘッダー　smt 999px以下
-------------------------------------------*/
@media screen and (max-width:999px){
	
	body.fixed {
		overflow: hidden;
	}
	header {
    height: 52px;
    width: 100%;
    position: fixed !important;
    background-color: rgb(255 255 255 / 95%) !important;
    box-shadow: 0 5px 5px rgba(11, 27, 43, 0.1) !important;
    position: relative;
    /* height: 100%; */
	top: 0;
}

	
	.logo a img {
        top: 10px;
        left: 10px;
        height: 36px;
		width: auto;
		display: block;
    position: absolute;
    }

	/*　メニューボタン
	------------------------*/

	.menu_btn {
		display: block;
		height: 50px;
		width: 50px;
		text-align: center;
		padding-top: 5px;
		padding-bottom: 5px;
		position: fixed;
		z-index: 5000;
		top: 0;
		right: 10px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		cursor: pointer;
	}
	.menu_btn:hover {
		cursor: pointer;
	}

	.menu_btn span {
		width: 36px;
		height: 2px;
		display: block;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -18px;
		background-color: #43ebcc;
	}
	.menu_btn span {
		transition: all 0.3s;
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);  
		-moz-transform: rotate(0deg);    
	  }
	.menu_btn span.top {
		transform: translateY(-8px);
		-webkit-transform: translateY(-8px);  
		-moz-transform: translateY(-8px);    
	  }
	.menu_btn span.bottom {
		transform: translateY(8px);
		-webkit-transform: translateY(8px);  
		-moz-transform: translateY(8px);    
	}


	.menu_btn:hover span.top {
		transform: translateY(-10px);
		-webkit-transform: translateY(-10px);  
		-moz-transform: translateY(-10px);    
	}
	.menu_btn:hover span.bottom {
		transform: translateY(10px);
		-webkit-transform: translateY(10px);  
		-moz-transform: translateY(10px);    
	}

	.menu_btn.opened span {
		background-color: #7BC;
		background-color: #43ebcc;
	}

	.menu_btn.opened span.middle {
		background: rgba(255, 255, 255, 0);
		 transform: translateX(30px);
		 -webkit-transform: translateX(30px);  
		-moz-transform: translateX(30px);    
	}
	.menu_btn.opened span.top {
		transform: rotate(-45deg) translateY(0px);
		-webkit-transform: rotate(-45deg) translateY(0px);  
		-moz-transform: rotate(-45deg) translateY(0px);    
	}
	.menu_btn.opened span.bottom {
		transform: rotate(45deg) translateY(0px);
		-webkit-transform: rotate(45deg) translateY(0px);  
		-moz-transform: rotate(45deg) translateY(0px);    
	}
	

}
	


/*
グローバルメニュー
-------------------------------------------------*/
/*-----------------------------------------------*/

/* グローバルメニュー非表示設定 */
@media screen and (max-width: 999px) and (min-width: 0px) {
    .no_gmenu_smt {
		/* スマホ表示 */
        display: none !important;
    }
}
@media screen and (min-width: 1000px){
    .no_gmenu_pc {
		/* PC非表示 */
        display: none !important;
    }
}

/*
グローバルメニュ スマホ 999px以下
-------------------------------------------*/
@media screen and (max-width: 999px) and (min-width: 0px) {
	
#global_menu {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    display: none;
    padding-top: 40px;
    overflow: auto;
    z-index: 3000;
    background-color: #f8f8f8;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 3px 0px;
    font-size: 16px;
    letter-spacing: 1px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /* overflow: hidden; */
	
}
 /*Google Chrome、Safariへの対応*/
#global_menu::-webkit-scrollbar{
  display: none !important;
}
	#global_menu .logo_toggle{
	display: block;
	position: absolute;
	top: 10px;
	left: -40px; 
	}
	#global_menu .logo_toggle img{
		height: 36px;
        width: auto;
	}
	
#global_menu ul.m_inner {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
    clear: both;
}
	
	
#global_menu ul li a ,#global_menu .ttl_obi,#global_menu .ttl_ico,#global_menu .ttl_ico2{
    color: #111;
    text-decoration: none;
    display: block;
    padding-top: 16px;
    padding-right: 30px;
    padding-bottom: 14px;
    padding-left: 0;
    line-height: 22px;
    vertical-align: middle;
    font-size: 1rem;
    font-weight: 600;
    font-family: "Noto Serif JP", serif;
    letter-spacing: 0;
}
	#global_menu .ttl_obi{
        font-weight: 700;
        background: #b2a269;
        color: #fff;
        padding-top: 4px;
        padding-bottom: 4px;
        padding-left: 5%;
 }
	#global_menu .ttl_ico{
		padding-bottom: 0;
		color: #7a5e00;
		border-bottom: 1px solid #b2a269;
		font-weight: 700;
		padding-left: 5%;
	}
	#global_menu .ttl_ico2{
		padding-bottom: 0;
		color: #7a5e00;
		font-weight: 700;
		margin-left: 5%;
		font-size: 1rem;
	}

	.menu-pc-right{display:none}
	
	/*
スマホ　アコーディオン　
--------------------------------------------------*/
#global_menu .act_menu {
        z-index: inherit;
        position: inherit;
        right: inherit;
        top: inherit;
    }
#global_menu ul li a.ac_menu {
	cursor: pointer;
	overflow: hidden;
}

#global_menu ul li a.ac_menu {
	position: relative;
	background-image: none;
	padding-left: 20px;
	padding-right: 30px;
	font-size: 1.1rem;
}
#global_menu ul li a.ac_menu::after {
	font-size: 1rem;
	display: block;
	height: 20px;
	width: 20px;
	content: "▼";
	text-align: center;
	line-height: 20px;
	position: absolute;
	top: 16px;
	right: 10px;
	color: #666;
}
#global_menu ul li a.ac_menu.active {
	color: #999;
}
#global_menu ul li a.ac_menu.active::after {
	content: "▲";
}
#global_menu .s_menu{
	padding-left: 20px;
}
#global_menu .child_menu {
	display: none;
	background: #eff4f2;
	border-radius: 6px;
	padding-bottom: 10px;
}
#global_menu ul li ul li {
	border-bottom: solid #eee 1px;
}
#global_menu ul li li:first-child {
	border-top: none;
	/* padding: 0; */
}
#global_menu ul li ul li a {
	border-bottom: none;
}
#global_menu ul li ul li a::before {
	content: "・";
	padding-right: 5px;
	color: #999;
}
#global_menu ul li ul li a.child_menu_3_ttl::before {
content: none;
}

/*#global_menu ul li ul li a:hover {
	color: #999;
}*/

#global_menu ul li:first-child {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #EEE;
    /* padding-left: 5%; */
    /* padding-right: 5%; */
    /* margin-left: auto; */
    /* margin-right: auto; */
}
	#global_menu ul li {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #EEE;
    /* width: 90%; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    padding-left: 5%;
    padding-right: 5%;
}

#global_menu .child_menu_second li a{
		padding-top: 12px;
		padding-right: 0;
		padding-bottom: 12px;
		padding-left: 0;
		line-height: 22px;
		color: #111;
		position: relative;
	font-size: 1rem;
}


	
#global_menu .child_menu_second .indent1{
	text-indent: 1rem;
	color:	#264948;
}
	#global_menu .child_menu_second a.indent1::before {
	content: "・";
	padding-right: 5px;
	color: #3a8b88;
}
	
	#global_menu .top_ttl{
		 padding-top: 16px;
	}
	
	
	#global_menu .top_ttl a{
		color:#264948;
		font-size:1.2rem;
		/*矢印*/
		position: relative;
		display: inline-block;
		padding-left: 20px;
		/* padding-right: 80px; */
		margin-left: 5%;
		margin-right: 5%;
		padding-top:5px;
		padding-bottom:5px;
		border: 1px #264948 solid;
		border-radius:4px;
		background: #ffffff8a;
		width: 90%;
	}
	#global_menu .top_ttl a:before {
	  content: '';
	  width: 7px;
	  height: 7px;
	  border: 0;
	  border-top: solid 2px #264948;
	  border-right: solid 2px #264948;
	  transform: rotate(45deg);
	  position: absolute;
	  top: 0;
	  right: 10px;
	  bottom: 0;
	  margin: auto;
	  margin-right: 5px;
	}
	#global_menu .child_menu_second{
		background-color :#fff;
	}
	#global_menu .child_menu_second .second_ttl{
		text-align:center;
		color: #264948;
		background-color: #cce5e5;
		margin-top:0.8rem;
		font-family:serif;
		font-weight:600;
		line-height: 2.5;
	}

	/**/

 #global_menu .child_menu_second li a.child_menu_3_ttl{
	 display:flex;
	 padding-top: 12px;
	 padding-right: 0;
	 padding-bottom: 12px;
	 padding-left: 0;
	 position: relative;
	 width: 100%;
	 color: #111;
	 font-size: 1rem;
	}
	#global_menu ul li ul li a.child_menu_3_ttl {
		color: #111;
	}
	#global_menu .child_menu_second li a.child_menu_3_ttl.active {
		color: #7a5e00;
		font-weight: 700;
		
	}
		#global_menu .child_menu_second li a.child_menu_3_ttl .txt{
		display: inline-block;
	}
	#global_menu .child_menu_second li a.child_menu_3_ttl .ico{
		position: relative;
		margin-left: auto;
		width: 22px;
		height: 22px;
		background: #236a67;
		display: inline-block;
		line-height: 20px;
		vertical-align: middle;
	}
	#global_menu .v2 li a.child_menu_3_ttl .txt{
		display: inline-block;
		margin-left: auto;
		margin-right: auto;
	}
	#global_menu .v2 li a.child_menu_3_ttl .ico{
		display: inline-block;
		margin-left: 0;
	}
	#global_menu .child_menu_second li a.child_menu_3_ttl.active .ico{
		background: #b2a269;
	}

		#global_menu .child_menu_second li a.child_menu_3_ttl::before{
		content:none;
	}
	#global_menu .child_menu_second li a.child_menu_3_ttl .ico::after{
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
	}
		#global_menu .child_menu_second li a.child_menu_3_ttl.active .ico::after{
    -webkit-transform: rotate(0);
    transform: rotate(0);
	}
	#global_menu .child_menu_second li a.child_menu_3_ttl .ico::after,
	#global_menu .child_menu_second li a.child_menu_3_ttl .ico::before{
		content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 14px;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
	}


	#global_menu ul.child_menu li ul.child_menu_second li ul.child_menu_3{
		display: none;
		background: #fffbf3;
		box-shadow: 0px 0px 8px 0px rgb(0 0 0 / 10%);
		margin-top: 10px;
		margin-bottom: 10px;

	}
	#global_menu .v2 .child_menu_3_ttl{
	 text-align: center;
	color: #264948;
    background-color: #cce5e5;
	 margin-top: 0.8rem;
	 font-family: serif;
	 font-weight: 600;
	}
	#global_menu .v2 .txt{
		margin-left:5%;
	}
	#global_menu .v2 .ico{
		margin-right:5%;
		background: #ffffff
	}
	#global_menu .v2 .ico{
		margin-right:5%;
	}
	#global_menu .child_menu_second li a.child_menu_3_ttl.active .v2 .ico{
		background: #b2a269 !important;
	}
	#global_menu .v2 li:first-child{
	padding:0;
	}
	#global_menu .v2 .child_menu_3 li:first-child{
	margin-left:5%;
	}
	#global_menu .v2 .child_menu_3{
		margin-right:5%;
		margin-left:5%;
	}
	#global_menu ul.child_menu li ul.child_menu_second li ul.child_menu_3 li a{
		padding-left:0;
		padding-right:0
	}
	#global_menu a.arrow_ico{
		text-align: right;
	}
	#global_menu a.arrow_ico::before,#global_menu a.arrow_ico2::before{
		content:none;
	}
	#global_menu a.arrow_ico::after,#global_menu a.arrow_ico2::after{
		  font-weight: 900;
		  font-family: "Font Awesome 5 Free";
		  content: "\f054";
		  color: #7b7b7b;
		  margin-left: 8px;
	}
	#global_menu a.arrow_ico2{
		position: relative;
		padding-left: 0 !important;
	}
	#global_menu a.arrow_ico2::after{
		position: absolute;
		right: 0px;
	}
	#global_menu .ac_bg{ background:#f9f9f9 !important; }
	
	
/*アコーディオン下*/
#global_menu .language_smt{
	text-align:center;
	margin-top: 16px;
	color: #333;
	margin-bottom: 50px;
}
#global_menu .language_smt a{
	text-align:center;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 12px;
	text-decoration: none;
}
#global_menu .language_smt a:not(:last-child){
	border-right: 1px solid #9d9d9d;
}
#global_menu .language_smt span{
	font-size:10px;
	letter-spacing: 0.1px;
	display: block;
	line-height: 0.8;
}


	
	    #global_menu .btn_smt-yoyaku {
        margin-top: auto;
        padding-top: 12px;
        padding-bottom: 6px;
        text-align: center;
    }

    #global_menu .btn_smt-yoyaku a {
        text-decoration: none;
        background-color: #b2a269;
        border-radius: 6px;
        display: inline-block;
        font-size: 16px;
        font-weight: bold;
        padding: 8px 10px;
        width: 86%;
        color: #fff;
        font-family:serif;
        box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
		line-height: 2;
    }
	 #global_menu .btn_smt-yoyaku p {
		display: inline-block;
		 margin: 0 0 0 1rem;
	 }
	#global_menu .btn_smt-yoyaku a:hover{
	  background: transparent;
	  color: #b2a269;
	}
	#global_menu .btn_smt-tel-soudan{
	display: flex;
	width: 86%;
	flex-wrap: nowrap;
	/* justify-content: center; */
	gap: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 12px;
	}
	#global_menu .btn_smt-tel{
    background-color: #f4f1eb;
    border: 1px solid #b2a269;
    width: 50%;
    border-radius: 6px;
    padding: 6px;
    font-family: serif;
    font-weight: bold;
    font-size: 14px;
    box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
	line-height: 2;
}
		#global_menu .btn_smt-tel p{
color: #b2a269;
}
#global_menu .btn_smt-tel .fa-phone {
        color: #b2a269;
    }
	
	#global_menu .btn_smt-soudan{
		width: 50%;
		text-decoration: none;
		background-color: #95cfd1;
		border-radius: 6px;
		font-size: 14px;
		font-weight: bold;
		padding: 10px;
		color: #fff;
		font-family:serif;
		text-align:center;
		box-shadow: 0px 0px 3px rgb(0 0 0 / 15%);
		display: flex;
		align-items: center;
        justify-content: center;
	}
		#global_menu .btn_smt-soudan p,#global_menu .btn_smt-tel p{
			display:inline-block;
			margin: 0;
		}
		#global_menu .btn_smt-soudan a:hover{
	  background: transparent;
	  color: #79c9ca;
	}
	
}

/*
グローバルメニュ PC 1000px以上
-------------------------------------------*/
@media screen and (min-width: 1000px){
	
	#global_menu .btn_smt-yoyaku, #global_menu .btn_smt-tel-soudan, #global_menu .language_smt{
		display: none;
	}
	
.m_inner{
	margin-left: 1em;
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-end;
	height: 100%;
}
	#global_menu { /* メニュー全体のスタイル */
	height: 100%;
	width: 100%;
	position: inherit;
	color: #333; /* 文字色 */
	text-align: center;
	padding-top: 26px;
	z-index: 30;
}
 
#global_menu li {
  display: inline-block;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  cursor: pointer;
}
#global_menu ul li a {
font-family: "Noto Serif JP", serif;
}
#g_navi ul li a.ac_menu {
    cursor: pointer;
    overflow: hidden;
}
 
#global_menu .ac_menu, #global_menu .s_menu{ /* 各項目のスタイル */
  display: block;
  padding: 8px 2px;
  color: #002c29;
  text-decoration: none;
  font-weight: 700;
  position:relative;
  font-size: 0.9rem;
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2);
}

#global_menu a:hover {
	color: #77dbde;
}
 
.act_menu:hover a {

}

#global_menu a.ac_menu:hover::before,#global_menu .s_menu:hover::before {
	display: block;
        content: '';
        -webkit-transition: 0.08s linear;
        -moz-transition: 0.08s linear;
        transition: 0.08s linear;
        background-color: #77dbde;
        top: 0px;
        width: 80%;
        left: 10%;
	display: block;
        height: 2px;
        position: absolute;
    
}
.child_menu li{
	line-height:1.8
}
.child_menu a { /* 子項目のスタイル */
  font-size: 0.9rem;
  color: #002C2A;
  font-weight: 600;
  position:relative;
}
.child_menu a:hover { /* 子項目のスタイル（ホバー時） */

}
 
.child_menu { /* 下層メニューのスタイル */
  width: 100%;
  position: absolute;
  top: 80px; /* 親項目の直下に配置 */
  left: 0;
  right: 0;
  padding: 30px;
  color: #002c29; /* 文字色 */
  background: #fffefe;
  visibility: hidden; /* 下層メニューを非表示 */
  z-index: 10;
  border-top: 1px solid #d0b78f;
  box-shadow: 0 5px 5px rgba(11, 27, 43, 0.1);
}
 
.act_menu:hover .child_menu { /* 下層メニューのスタイル（親項目ホバー時） */
  visibility: visible; /* 下層メニューを表示 */
}
 

	
    .child_menu .child_menu_second {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        text-align: left;
        margin-right: 0;
        margin-left: 0;
        line-height: 2.2;
    }
	 .child_menu .child_menu_second a {
		text-decoration: none;
		display: block;
		font-size: 1rem;
		}

	.child_menu .top_ttl, .child_menu .top_ttl a{
		color: #14665d;
		font-family: "Noto Serif JP", serif;
		font-weight: bold;
		font-size: 1.2rem;
		letter-spacing: 0.2em;
		margin-bottom: 1rem;
		
	}
	.child_menu .top_ttl a{
		border: #6a8f8e solid 1px;
		text-decoration: none;
		padding: 2px 8px;
		border-radius: 4px;
		font-weight: 500;
	}
	.child_menu .top_ttl a:hover{
		box-shadow: 0px 0px 8px 0px #9ebebe;
		color: #14665d !important;
	}
	.child_menu .top_ttl a.arrow_ico:after{
		color:#6a8f8e !important;
	}
	.child_menu .second_ttl,.child_menu .second_ttl a{
		color: #14665d;
		font-family: "Noto Serif JP", serif;
		font-weight: bold;
		font-size: 1.1rem;
		border-bottom: 1px solid #3cb0a3;
		line-height: 1.5;
		margin-bottom: 8px;
	}
	.child_menu .indent1{
		text-indent: 0.8rem;
		
	}
	
	.pc_tgl_menu{line-height: 2.2;}	
	#global_menu .pc_tgl_menu li{		
	display: block;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	}
   #global_menu .ttl_leftbd {
        font-size: 0.9rem;
        border-left: solid 3px #3cb0a3;
        display: block;
        line-height: 1;
        padding-left: 4px;
        padding-top: 4px;
        padding-bottom: 4px;
    }	
		#global_menu a.arrow_ico{
		text-align: right;
	}
	#global_menu a.arrow_ico::after{
		  font-weight: 900;
		  font-family: "Font Awesome 5 Free";
		  content: "\f054";
		  color: #7b7b7b;
		  margin-left: 8px;
	}
	
		    #global_menu .second_ttl-arrow_ico::after {
        font-weight: 900;
        font-family: "Font Awesome 5 Free";
        content: "\f054";
        color: #6a8f8e;
        margin-left: 8px;
    }
	
		.act_menu .flex3{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
 }
	.act_menu .flex3 li{
		margin-left: 2rem !important;
		margin-right: 2rem !important;
		margin-bottom: 20px;
	}
	.act_menu .flex3 a{
		font-size: 1rem;
		text-decoration:none;
	}
	.act_menu .flex3::after {
    content: '';
    width: 100%;
}
	/*4つ並びで折り返す 3つは(n+4)*/
 .act_menu .flex3 li:nth-child(n+5) {
    order: 1;
}
	
	.act_menu .clinic{
	padding-left: 700px !important;
	padding-right: 100px !important;
	}

	.act_menu .clinic li{
		margin:20px;
	}
	.act_menu .clinic li a{
		font-size: 1.1rem;
		text-decoration:none;
		margin-left: 1rem !important;
		margin-right: 1rem !important;
	}
	.menu-pc-col{
	height: 100%;
	display: flex;
	flex-wrap: nowrap;
	width: 100%;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	background-color: #f5fdfc;
}
.menu-pc-left{
    max-width: 200px;
    padding-top: 20px;
	padding-left: 10px;
}
.menu-pc-middle{
	width: calc(100% - 300px);
}
.menu-pc-right{
	 width: 100px;
	margin-left: 26px;
}
   
/*外国語リンクツーチップ*/
.tooltip {
  position: relative;
  display: inline-block;
  padding-top: 33px;
  text-decoration: none;
  color: #444;
  font-size: 0.8rem;
  font-weight: 600;
  position: relative; /* ツールチップの位置の基準に */
  cursor: pointer; /* カーソルを当てたときにポインターに */
  font-family: "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: #8d9d9a;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 10px 0 10px 0;
  position: absolute;
  z-index: 30 !important;
  right: -30px !important;
  top: 50px;
  margin-left: -60px;
  line-height: 2rem;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
	
.tooltip:hover .tooltiptext {
  visibility: visible;
}

.tooltiptext a{
	text-decoration: none;
	color: #fff;
}
.tooltip:hover, .tooltiptext a:hover{
	text-decoration: none;
	color: #77dbde;
}
	
}




/*
エフェクト
-------------------------------------------*/
.effect {
transition: 1.0s ease-out;
}
.effect.d_02 {
transition-delay:0.2s;
-webkit-transition-delay:0.2s;
}
.effect.d_04 {
transition-delay:0.4s;
-webkit-transition-delay:0.4s;
}
.effect.d_06 {
transition-delay:0.6s;
-webkit-transition-delay:0.6s;
}
.effect.d_08 {
transition-delay:0.8s;
-webkit-transition-delay:0.8s;
}
.effect.start {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
	transform: translateY(0px);
	-webkit-transform: translateY(0px);  
    -moz-transform: translateY(0px);    
}


/* h1 各ページ 固有画像 設定 */
/*-------------------------------------------*/
/*PC1000px以上 */
@media screen and (min-width: 1000px){
.about-bg {
        min-height: 120px;
        background: url(/images/stuff/title_about.png) no-repeat center / cover !important;
		filter: brightness(1.05);
    }
.first-bg {
        min-height: 120px;
        background: url(/images/process/first/first_head.jpg) no-repeat center / cover !important;
    }
.sns-bg {
        min-height: 140px;
        background: url(/images/sns/sns_head.jpg) no-repeat center / cover !important;
    }
	
.doctor-bg {
        min-height: 140px;
        background: url(/images/stuff/doctor_head.png) no-repeat center / contain, linear-gradient(135deg, #f8f8f8 0%, #f7f7f5 50%, #efede9 80%, #f8f8f8 100%) !important;
    }
.stuff-bg{
		min-height: 120px;
        background: url(/images/stuff/stuff_head.png) no-repeat center / cover !important;
	}
.monitor-bg {
        min-height: 120px;
        background: url(/images/stuff/monitor_head.jpg) no-repeat center / cover !important;
		filter: brightness(1.2);
    }
.recruit-bg{
		min-height: 120px;
        background: url(/images/stuff/recruit-head.png) no-repeat center / cover !important;
	}
.clinic-bg{
		min-height: 120px;
        background: url(/images/location/title_location.png) no-repeat center / cover !important;
	}
.qa-bg{
		min-height: 100px;
        background: linear-gradient(135deg, #e6f1f3 0%, rgba(169, 213, 219, 0.77) 100%), url(/images/q_and_a/qa_head.png) no-repeat 100% center / 70% !important;
	}
.nb-bg{
        min-height: 120px;
        background: url(/images/lineup/skin/ope/nb/cosme_head.png) no-repeat 70% / 1100px, linear-gradient(135deg, #d3eefc 0%, #d3eefc 50%, #ebeff5 80%, #ebeff5 100%) !important;
	}
}


 /*smt999px以下*/
@media screen and (max-width:999px){
.about-bg {
		padding-top: 40px;
        min-height: 100px;
        background: url(/images/stuff/title_about.png) no-repeat center / cover !important;
		filter: brightness(1.07);
    }
.first-bg {
		padding-top: 40px;
        min-height: 100px;
        background: url(/images/process/first/first_head.jpg) no-repeat center / cover !important;
    }
.sns-bg {
		padding-top: 40px;
        min-height: 100px;
        background: url(/images/sns/sns_head.jpg) no-repeat 60% 50% / cover !important;
    }
.stuff-bg{
		min-height: 60px;
        background: url(/images/stuff/stuff_head.png) no-repeat 63% center / cover !important;
	}
.monitor-bg {
		padding-top: 40px;
        min-height: 100px;
        background: url(/images/stuff/monitor_head.jpg) no-repeat 63% center / cover !important;
		filter: brightness(1.2);
    }
.recruit-bg{
		min-height: 60px;
        background: url(/images/stuff/recruit-head.png) no-repeat 68% center / cover !important;
	}
.clinic-bg{
		padding-top: 40px;
        min-height: 100px;
        background: url(/images/location/title_location.png) no-repeat center / cover !important;
	}
.qa-bg{
		min-height: 60px;
        background: linear-gradient(135deg, #e6f1f3 0%, rgba(169, 213, 219, 0.77) 100%), url(/images/q_and_a/qa_head.png) no-repeat center / cover !important;
	}
.nb-bg{
        min-height: 60px;
        background: url(/images/lineup/skin/ope/nb/cosme_head.png) no-repeat center / cover !important;
	}
}