@charset "utf-8";
/*
Theme Name: 健暉会
Description: 健暉会のテーマです。
Author: エイジェック広報部
License: Copyright AGEKKE GROUP All Rights Reserved.
*/
/* ======================================================
/*               ◆ デフォルト ◆
/* ====================================================== 
/* リセットCSS */
html, body, div, span, iframe,
h1, h2, h3, h4, h5, h6, p, address, del, em, img,
small, strong, sub, i,
dl, dt, ol, ul, li, form, label, 
table, caption, tbody, tfoot, thead, tr, th, td, dt, dd,
article, aside, figcaption, figure, 
footer, header, menu, nav, section, time, mark, audio, video {
	background: transparent;
	border: 0;
	letter-spacing: 0.5px;
	margin: 0;
	outline: 0;
	padding: 0;
}
/* font*/
p,h1,h2,ul,ol,body{margin: 0px;padding:0px;color:#515151}
p{font-size:16px;line-height:1.6em}
a {outline: none;font-size:15px;text-decoration:none;transition-property: all;transition: 0.2s linear;color:black}
/*a:hover{text-decoration:none;color:#fff}*/
ul{list-style-type:none}
body{
	font-family: ヒラギノ角ゴシック, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    width:100%;
    }

img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	border:none;
	margin:0;
	padding:0;
}
.img120 img{
	max-width: 120%;
}
@media screen and (max-width: 1024px){
.img120 img{
	margin-top: 10%;
    }	
}
@media screen and (max-width: 768px){
.img120 img{
	margin-top: 20%;
    }	
}
@media screen and (max-width: 750px){
.img120 img{
	margin-top: 0%;
    }	
}
@media screen and (max-width: 750px){
#section1 .img120 img{
	margin-top: 0%;
    }	
}

@media screen and (max-width: 1024px){
.haikei-004 img{
	margin-top: 0%;
    }	
}
.img-left img{
	margin-left: -15%;
}
h1,h2,h3,h4{margin-bottom:0;margin-top:0;}
h1{
	font-family: ヒラギノ角ゴ StdN W8, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/*content*/
.content{
	max-width:1200px;
	margin:0 auto
}
@media screen and (max-width: 1200px) {
.content{
	max-width:1100px;
    }
}
@media screen and (max-width: 1024px) {
.content{
	max-width:900px;
    }
}
@media screen and (max-width: 768px) {
.content{
	max-width:750px;
    }
}
.is-show .section-content{
	opacity: 1;
}
.section-content{
	opacity: 1;
    transition: opacity .5s ease .75s;
}


/*影*/
.shadow {
    box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -webkit-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
    -moz-box-shadow: 1.5px 1.5px 1.5px 1.5px #8a8a8a;
}
/*i-phone横用処理*/
@media screen and (max-width:700px){
body{
    -webkit-text-size-adjust: 100%;
}
.content{max-width:95%}
}
/*only-pc only-nav*/
@media screen and (min-width:641px){
	.only-mov{display:none}
}
@media screen and (max-width:640px){
	.only-pc{display:none}
	.only-mov{display:block}
}



@media screen and (min-width:1200px){
	.globalnavi .only-mov{display:none}
}
@media screen and (max-width:1199px){
	.globalnavi .only-pc{display:none}
	.globalnavi .only-mov{display:block}
}






/*float*/
.fro {float: left;}
.fro-r{float: right;}
.over-f {overflow: hidden;}
.top-1{margin-top:1%}
.top-3{margin-top:3%}
.top-5{margin-top:5%}
.top-10{margin-top:10%}
.btm-1{margin-bottom:1%}
.btm-2{margin-bottom:2%}
.btm-3{margin-bottom:3%}
.btm-4{margin-bottom:4%}
.btm-5{margin-bottom:5%}
.btm-10{margin-bottom:10%}
.btm-15{margin-bottom:15%}
.btmp-5{padding-bottom:5%}
.btmp-10{padding-bottom:10%}
.btmp-15{padding-bottom:15%}
.btm-7{margin-bottom:7%}
.btm-8{margin-bottom:8%}
.btm-10{margin-bottom:10%}
.btm-13{margin-bottom:13%}
.btm-20{margin-bottom:20%}
.mar-r1{margin-right:1%}
.mar-r2{margin-right:2%}
.mar-r4{margin-right:4%}
.mar-r5{margin-right:5%}
.mar-r10{margin-right:10%}
.topp-50p{padding-top:50px;}
.topp-70p{padding-top:70px;}
.topp-3{padding-top:3%;}
.topp-8{padding-top:8%;}
.topp-10{padding-top:10%;}
.topp-15{padding-top:15%;}
.wid-3{width:3%}
.wid-4{width:4%}
.wid-10{width:10%}
.wid-20{width:20%}
.wid-25{width:25%}
.wid-15{width:15%}
.wid-35{width:35%}
.wid-40{width:40%}
.wid-45{width:45%}
.wid-48{width:48%}
.wid-50{width:50%}
.wid-60{width:60%}
.wid-70{width:70%}
.wid-75{width:75%}
.wid-80{width:80%}
.wid-100{width:100%}
#pad{padding:5% 0%;}
@media screen and (max-width: 750px){
#pad{padding:10% 0%;}
}
.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.between{justify-content: space-between;}
/*背景色*/
.back-white{background-color:white}
.back-gray{background-color:#b3a9a0}
/*文字*/
.font-b{font-weight:bold}
.font-w{color:white}
.font-red{color:#f00}
.font-y{
	color:#FFFF00;
	font-family: A-OTF 新丸ゴ Pro, Helvetica neue, Helvetica, Arial, Roboto, "Droid Sans", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic","ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
    font-size: 15px;
}
.font-gray{
	color:#515151;
    font-family:ヒラギノ角ゴ StdN W8;
	font-size: 22px;
    font-weight: bold;
    margin-top: 10%;
}
.font-green{
	color:#515151;
    font-size: 18px;
    line-height: 25px;
	font-family:A-OTF 新丸ゴ Pro;
}
.font-purple{
	color:#4d1c47;
}
@media screen and (max-width:750px){
.font-green{
    font-size: 25px;
    line-height: 40px;
    }
}
.light-green{
	color:#3db774;
	font-size: 20px;
}
.font-bla{color:#000;}
/*文字サイズ*/
.font-s07{font-size:0.7em}
.font-s08{font-size:0.8em}
.font-s15{font-size:1.5em}
.font-s2{font-size:2em}
.font-s3{font-size:3em}
h1,h2{
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
}

/*タイトル文字*/
.title{
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
	color: #7a4883;
	font-size: 35px;
}
@media screen and (max-width:750px){
.title{
    font-size: 25px;
	margin-top: 5%;
    }
}
.title span{
	display: block;
    font-size: 14px;
    font-style: italic;
    line-height: 5px;
    color: #7a4883;
	font-family: ヒラギノ角ゴシック, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-weight: 100;
}
.s2 {
	color: #7a4883;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
	font-size: 35px;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 750px){
.s2 {
	font-size: 25px;
    }
}
.s2:before, .s2:after {
	content: "";
	flex-grow: 1;
	height: 1px;
	display: block;
}
.s2:before {
	margin-right: .4em;
	background: linear-gradient(-90deg, #dfb5e6, transparent);
}
.s2:after {
	margin-left: .4em;
	background: linear-gradient(90deg, #dfb5e6, transparent);
}

/*間隔あける*/
.pad{
	padding:3% 0%;
}
@media screen and (max-width:750px){
.pad{
	padding:10% 0%;
    }
}
.body {
    padding-top: 70px;
}
/* --------------------------------------------------- アニメーション*/
.fuwat {
	opacity : 0;
	transform: translateY(20px);
	transition: all 2s;
}
@media screen and (max-width: 768px) {
	.fuwat {
  		/*transition: all .5s;*/
		transition: none;
			opacity : 1;
	}
}

/* ======================================================
/*               ◆ ヘッダー ◆
/* ====================================================== 
/* グローバルメニュー */
/* ------------------スマホヘッダー-------------------- */
.panel-inner {
	position: relative;
	top: 7px;
	width: 100%;
	height: 100vh;
	/*background: rgba(0, 0, 0, .8);*/
	background: rgb(51 23 58 / 96%);
	transition: all 0.5s;
	padding-top: 4%;
	z-index:2;
	padding-bottom: 2%;
}
@media screen and (max-width: 1024px){
.panel-inner {
	top: 13px;
    }	
}
@media screen and (max-width: 900px){
.panel-inner {
	top: 17px;
    }	
}
@media screen and (max-width: 768px){
.panel-inner {
	margin-top: -1%;
	padding-top: 5%;
    }	
}
@media screen and (max-width: 650px){
.panel-inner {
	margin-top: 0%;
	}	
}
.panel {
	display: none;
}
.only-mov header{
    background-color: #fff;
	box-shadow: rgba(0, 0, 0, .05) 0 0 10px 3px;
	position: fixed;
	height: 70px;
    width: 100%;
    z-index: 99;
}
.only-mov header .logo{
	overflow: hidden;
}
.only-mov header img{
	width:35%;
	margin-left: 3%;
}
@media screen and (max-width: 768px){
.only-mov header img{
	width:50%;
    }
}
.only-mov .btn-square {
	float:left;
	font-size: 12px;
}
.only-mov .global-nav ul{
	display:none;
}
.only-mov .global-nav .sub li{
	background-color: #d6d1c2;
}
.only-mov .global-nav li{
    font-size: 15px;
	font-family: 'font2', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #5c3417;
}
.only-mov .global-nav .order{
    padding: 15px 150px;
	padding-bottom: 5px;
}

@media screen and (max-width: 768px){
.only-mov .global-nav .order{
    border: none;
    padding: 10px 150px;
    }
}
@media screen and (max-width: 750px){
.only-mov .global-nav .order{
    padding: 10px 25px;
    }
}
@media screen and (max-width: 768px){
.only-mov .global-nav .order a{
    text-decoration:none;
}
}
.only-mov .global-nav a{
	font-family: 'font2', 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #fff;
	font-size: 17px;
    line-height: 25px;
	font-weight: normal;
}
@media screen and (max-width: 768px){
.only-mov .global-nav a{
    text-decoration:none;
}
}

.only-mov .global-nav span{
    /*background-image: url(img/open.png);*/
}
.only-mov .global-nav span {
    display: block;
    padding: 15px 150px;
    background-position: 93% center;
    background-repeat: no-repeat;
    border: none;
	font-size: 17px;
    line-height: 15px;
}
@media screen and (max-width: 750px){
.only-mov .global-nav span {
    padding: 15px 25px;
    }
}
.only-mov .global-nav .nav-item{
	padding: 4%;
}
@media screen and (max-width: 768px){
.only-mov .global-nav .nav-item{
	padding: 1% 3%;
}
	}
@media screen and (max-width: 650px){
.only-mov .global-nav .nav-item{
	padding: 3%;
}
	}


/*追加　20220328*/
.only-mov .global-nav .order p{
	background-color: #fff;
    color: #000;
    font-weight: bold;
    padding: 10px 0;
}
@media screen and (max-width: 750px){
.only-mov .global-nav .order p{
	padding: 5px 0;
}
}
	


@media screen and (max-width: 750px){
.only-mov .global-nav .nav-item{
	 font-size: 15px;
}
}


.only-mov .global-nav .order a span{
	color: #5f356a;
    font-weight: bold;
}





/* --------------------------------------------------- Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 10px;
	top: 20px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	z-index: 999;
}
@media screen and (max-width: 768px){
#nav-toggle {
	top: 17px;
}	
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 100%;
	background: #4d1c47;
	left: 0;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
	top: 0;
}
#nav-toggle span:nth-child(2) {
	top: 12px;
}
#nav-toggle span:nth-child(3) {
	top: 24px;
}
@media screen and (max-width: 1199px) {
	#nav-toggle {
		display: block;
	}
/*----------#nav-toggle 切り替えアニメーション----------*/
	#js-popout-close {
		position: absolute;
		right: 10px;
		top: -50px;
		width: 32px;
		height: 32px;
		cursor: pointer;
		z-index: 999;
	}

	#js-popout-close div {
		position: relative;
	}
	#js-popout-close span {
		display: block;
		position: absolute;
		height: 4px;
		width: 100%;
		background: #4d1c47;
		left: 0;
	}
	#js-popout-close span:nth-child(1) {
		top: 14px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	#js-popout-close span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#js-popout-close span:nth-child(3) {
		top: 14px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
}
@media screen and (max-width: 750px){
#js-popout-close {
	top: -50px;
	}
}


@media screen and (max-width: 767px){
	header .top_head {
		height:50px;
		position:relative;
	}
	header .link_health {
		position:absolute;
		top:9px;
		right:50px;
	}
.btn-square {
    font-size: 0.85em;
	margin-right:0;
	background: #BAE3F9;
	border:none;
	padding: 8px 10px 7px;
    border-bottom: solid 4px #63A4C2;
}
header .top_head .logo {
	width:100%;
    display:inline-block;
	margin:17px 0 0 5px;
}
@media screen and (max-width: 750px){
header .top_head .logo {
	margin:8px 0 0 5px;
    }
}
header .top_head .logo img {
	width:70%;
}
@media screen and (max-width: 750px){
header .top_head .logo img {
    width: 265px;
	margin-top: 5px;
	margin-left: 0;
    }
}	
	
ul.global-nav ul.sub {
	display: none;
}
ul.global-nav li p {
	cursor: pointer;
	color: #fff;
}
ul.global-nav > li > p span {
	background-image: url(img/open.png);
}
ul.global-nav > li > p span.open {
	background-image: url(img/close.png);
}
ul.global-nav li.order {
	display: block;
	padding: 15px 15px;
	color: #fff;
	border: none;
	}
ul.global-nav li.order a {
	color: #ffffff;
    font-weight: 100;
	text-decoration: none;
	}
.nav-item a {
	display: block;
	text-decoration: none;
}
ul.global-nav span {
	display: block;
	padding: 15px 15px;
	background-position: 93% center;
	background-repeat: no-repeat;
	color: #fff;
	border-bottom: 1px solid #80181a;
}
}



/* ------------------------ヘッダー--------------------------------------- */
.globalnavi{
	width:100%;
	position: fixed;
	z-index:10;
	height: 70px;
}
@media screen and (max-width: 750px){
.globalnavi{
	display:contents;
	background-color:#fffbf0;
	width:100%;
	position: fixed;
	z-index:10;
	height: 50px;
    }
}
#top-head {
    background: #fff;
	height: 70px;
}	
@media screen and (min-width: 1141px){
#top-head.sticky {
    box-shadow: rgba(0, 0, 0, .05) 0 0 10px 3px;
    background: rgba(255, 255, 255, 0.81) !important;
    }
}
.header{
	position: relative;
}
@media screen and (max-width: 1200px){
.header{
	padding: 0% 1%;
    }
}
.top img{
	width:100%;
}
.header li{
    display:inline-block;
	vertical-align:middle;
}
.header .bbb{
    width:32%;
	height: 70px;
	margin-left: 2%;
}
@media screen and (max-width: 1500px){
.header .bbb{
    width: 28%;
    margin-left: 1%;
    }
}
@media screen and (max-width: 1200px){
.header .bbb{
    width:27%;
    }
}
.header .aaa{
    width: 45%;
	height: 70px;
}
@media screen and (max-width: 1300px){
.header .aaa{
    width: 50%;
    }
}
.header-left{
    margin-top: 0.5%;
}
.header-left h1{
	line-height: 38px;
}
@media screen and (max-width: 750px){
.header-left h1{
	line-height: 30px;
}	
}
    

@media screen and (max-width: 1360px){
.header-left {
    margin-top: 2.5%;
   }
}
@media screen and (max-width: 1199px){
.header-left {
    margin-top: 0.5%;
   }
}
@media screen and (max-width: 1200px){
.header-left img{
    width: 95%;
    margin-bottom: 1%;
   }
}
@media screen and (max-width: 1199px){
.header-left img{
    margin-bottom: 0%;
   }
}
.header-left p{
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
	font-weight:bold;
	color: #501d49;
}
@media screen and (max-width: 1600px){
.header-left p{
	font-size: 13px;
    }
}
@media screen and (max-width: 1500px){
.header-left p{
	font-size: 12px;
    }
}
@media screen and (max-width: 1200px){
.header-left p{
	font-size: 10px;
    }
}
@media screen and (max-width: 1199px){
.header-left p{
	font-size: 15px;
    margin-left: 35px;
	color: #7a4883;
    }
}
@media screen and (max-width: 768px){
.header-left p{
    margin-left: 22px;
    }
}
@media screen and (max-width: 750px){
.header-left p{
    margin-left: 0px;
    font-size: 0.5em;
	margin-top: 5px;
    }
}
.aaa{
    text-align: start;
}

.dropmenu{
    text-align: end;
}
@media screen and (max-width: 1600px){
.dropmenu{
    text-align: left;
    }
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  display: inline-block;
  text-align: center;
  list-style: none;
}
@media screen and (max-width: 768px){
.dropmenu li{
    width: 12.8%;
}
	}
.dropmenu li a{
  display: block;
  margin: 0;
  font-size: 16px;
  line-height: 1;
  text-decoration: none;
  color:#5c3417;
  font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
  font-weight:bold;
  padding: 0 10px;
}
@media screen and (max-width: 1650px){
.dropmenu li a{
  padding: 0 10px;
  }
}
@media screen and (max-width: 1480px){
.dropmenu li a{
  padding: 0 2px;
  }
}
@media screen and (max-width: 1310px){
.dropmenu li a{
  padding: 0 5px;
  }
}
@media screen and (max-width: 1260px){
.dropmenu li a{
  font-size:14px;
  }
}
@media screen and (max-width: 768px){
.dropmenu li a{
  font-size: 13px;
    }
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}

.dropmenu li ul li a{
  padding: 13px 15px;
  background-color:#f6f2e7;
}
.dropmenu .sub a{
  color:#5c3417;
}

.dropmenu .sub a:hover{
  color:#187FC4;
}

.dropmenu li:hover >a {
 /* color: #a377c3;*/
}
.dropmenu li a:hover{
  
}
#normal li ul{
  display: none;
}
#normal li:hover ul{
  display: block;
}
/* 追加0417 */
/* メニュー */
.dropmenu li a{
  padding-bottom: 5px;
  padding-top: 30px;
}

/* hover時の下線 */
.dropmenu li a::before,
.dropmenu li a::after {
  border-bottom: solid 2px #eae6d1;
  padding-bottom:3px;
  bottom: 18px;
  content: "";
  display: block;
  position: absolute;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
  width: 0;
}
.dropmenu li a::before {
 
}
.dropmenu li a::after {

}
.dropmenu li a:hover::before,
.dropmenu li a:hover::after {
  width: 60px;
}
/* 右上の電話番号 */
.globalnavi .tel-number{
	position: absolute;
    right: 0;
	background-color: #7a4883;
	padding: 0% 1%;
	height: 70px;
}

@media screen and (max-width: 1199px){
.globalnavi .tel-number{
	right: 55px;
    }
}
@media screen and (max-width: 767px){
.globalnavi .tel-number{
	display:none;
    }
}
.globalnavi .tel-number-inner{
    margin-top: 10px;
}
.globalnavi .tel-number p{
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
	font-size: 14px;
    font-weight: bold;
}
@media screen and (max-width: 1200px){
.globalnavi .tel-number p{
	font-size: 14px;
    }
}

.globalnavi .tel-number a{
	font-size: 28px;
    margin-left: 10px;
    font-weight: bold;
}
@media screen and (max-width: 1310px){
.globalnavi .tel-number a{
	font-size: 20px;
    }
}
@media screen and (max-width: 640px){
.header .tel .tel-number a{
	text-decoration:none;
}
	}
/* PCで電話番号リンクを無効に */
@media (min-width: 760px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
        text-decoration: none;
    }
}
/* 電話番号アイコン */
.global-nav .phone {
    text-align: center;
	padding-bottom: 0;
}
@media screen and (max-width: 768px){
.global-nav .phone {
    margin-top: 0%;
    }
}
@media screen and (max-width: 768px){
.global-nav .contact {
    margin-top: 0%;
    }
}
.global-nav .phone p span {
    color:#fff;
	font-size: 25px;
}
.global-nav .number span::before {
    font-family: FontAwesome;
    content: '\f098';
    font-size: 1.25em;
    position: absolute;
	top: 13px;
	margin-left: -5%;
}
@media screen and (max-width: 900px){
.global-nav .number span::before {
	margin-left: -7%;
    }
}
@media screen and (max-width: 750px){
.global-nav .number span::before {
	margin-left: -15%;
    }
}
.global-nav .number span {
    position: relative;
    margin: 0px 0 0 40px;
}
@media screen and (max-width: 845px){
.global-nav .number span {
    padding: 15px 120px;
    }
}
@media screen and (max-width: 786px){
.global-nav .number span {
    padding: 15px 70px;
    }
}
@media screen and (max-width: 750px){
.global-nav .number span {
    padding: 15px 0px;
    }
}
/* メールアイコン */
.global-nav .contact span::before {
    font-family: FontAwesome;
    content: '\f0e0';
    font-size: 1.1em;
    position: absolute;
    top: 15px;
    margin-left: -5%;
}
@media screen and (max-width: 750px){
.global-nav .contact span::before {
    margin-left: -10%;
    }
}
.global-nav .contact span {
    position: relative;
	margin-top: 0;
	text-align: center;
	background-color: #fff;
    padding: 20px 0;
	font-size: 20px
}
@media screen and (max-width: 750px){
.global-nav .contact span {
	margin: 0;
    }
}




/* トップスライドショーの文字 */
.top{
	position:relative;
}
.top .top-moji{
	position: absolute;
    top: 250px;
    left: 100px;
}
@media screen and (max-width: 1200px) {
.top .top-moji{
    top: 140px;
    }
}
@media screen and (max-width: 768px) {
.top .top-moji{
    left: 50px;
    }
}
@media screen and (max-width: 750px) {
.top .top-moji{
    left: 10px;
    top: 230px;
    }
}
@media screen and (max-width: 1200px) {
.top .top-moji img{
    width:80%;
	margin-top: 4%;
    }
}
@media screen and (max-width: 1024px) {
.top .top-moji img{
    width: 70%;
    margin-top: 2%;
    }
}
@media screen and (max-width: 768px) {
.top .top-moji img{
    margin-top: -2%;
    }
}
@media screen and (max-width: 750px) {
.top .top-moji img{
    width: 95%;
    }
}

/*------------------------------パンくず(使ってない)------------------------------*/
.cc {
    position: absolute;
    z-index: 1;
    width: 100%;
    max-width: 1200px;
    top: 60%;
    left: 0;
    right: 0;
    margin: auto;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);

}
@media screen and (max-width: 768px) {
.cc {
    top: 72%;
    }
}
@media screen and (max-width: 750px) {
.cc {
    top: 50%;
    }
}
.main-title {
    font-size: 32px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.18em;
    line-height: 32px;
    margin-bottom: 20px;
    text-shadow: 2px 4px 1px rgba(0,0,0,0.3);
}
.pan ul {
    text-align: center;
    margin-left: -5px;
}
.pan ul li:first-child {
    padding: 0 10px 0 0;
}
.pan ul li:last-child {
    padding: 0 0 0 10px;
}
.pan ul li {
    display: inline-block;
    color: #fff;
    font-size: 1em;
    padding: 0 10px;
}
.pan ul li a {
    color: #fff;
    position: relative;
}
.pan ul li a::after {
    font-family: FontAwesome;
    content: '\f101';
    color: #fff;
    position: absolute;
    top: 0.3em;
    right: -15px;
}
.main-title {
    font-size: 32px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.18em;
    line-height: 32px;
    margin-bottom: 20px;
	font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
@media screen and (max-width: 750px) {
.main-title {
    font-size: 20px;
	margin-bottom:0;
    }
}

/* ======================================================
/*               ◆ お知らせ欄 ◆
/* ====================================================== 
/* お知らせ一覧　archive.php */
.mv{
	position: relative;  
}
.mv-haikei{
	width:100%;
	background-image: url(img/material.jpg);
	background-size: cover;
}
.mv-haikei p{
	font-size: 35px;
    padding: 10% 0%;
    text-align: center;
    color: #FFFFFF;
    font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-weight:bold;
    text-shadow: 1px 3px 3px #808080;
}
.news_all {
    background: #fff;
	padding: 0 20%;
}
@media screen and (max-width:1460px){
.news_all {
	padding: 0 10%;
    }
}
@media screen and (max-width:750px){
.news_all {
	padding: 0 0%;
    }
}
.news_all .bg-004 {
	padding: 80px 0;
}
.news_all .news_list {
	padding-top:50px;
}

@media screen and (max-width:750px){
.news_all .news_list {
	padding-top:20px;
}	
}



.news_all .news_list:first-child {
	padding-top:0;
}
.news_list ul li {
	display:inline-block;
	width: calc(15% - 2px);
	vertical-align:middle;
	margin-left:1px;
	text-align:center;
	background: #f0d5f2;
	color: #5c3417;
}
@media screen and (max-width: 1024px){
.news_list ul li {
	width: calc(13% - 2px);
    }
}
@media screen and (max-width: 750px){
.news_list ul li {
	width:100%;
    }
}
.news_list ul li:first-child {
	line-height:92px;
}
.news_list ul li:last-child {
	width: calc(80% - 2px);
	background:#fff;
	text-align:left;
	color:#333;
	padding:10px 20px;
}
@media screen and (max-width: 785px){
.news_list ul li:last-child {
	width: calc(75% - 2px);
}
}

@media screen and (max-width: 750px){
.news_list ul li:last-child {
	width: calc(100% - 2px);
	padding: 0;
    margin-top: 15px;
    }
}
@media screen and (max-width: 750px){
.news_list ul li:last-child {
	width: calc(97% - 2px);
	height: auto;
    }
}
.news_list h2{
    background:none;
    border-radius: 0px;
    font-size: 0%;
    padding: 0%;
    margin-top: 0%;
    margin-bottom: 0%;
    font-family: none; 
	color: #333;
    font-weight: 700;
    font-size: 1.1em;
}
.news_list h2.news_title a {
	color:#333;
	font-weight:700;
	font-size:1.1em;    
	text-decoration: none;
	font-family: none;
	text-decoration: underline;
}
.news_list h2.news_title a:hover {
	color:#7a4883;
}
.news_text p{
	line-height: 35px;
	font-family: none;
}
.news_text a{
	font-family: none;
}
@media screen and (max-width: 1200px) {
	.news_all .wrap {
		padding:0 0%;
	}
	.news_all .bg-004 {
		padding: 50px 0;
	}
}
@media screen and (max-width: 950px) {
	.news_list ul li {
		height:118px;
	}
	.news_list ul li:first-child {
		line-height:118px;
	}
}
@media screen and (max-width: 750px) {
	.news_list ul li {
		height:50px;
	}
	.news_list ul li:first-child {
		line-height:50px;
	}
}


@media screen and (max-width: 767px) {
	.news_all .bg-004 {
		padding: 30px 0;
	}
}

@media screen and (max-width: 750px) {
.news_all .wrap {
    width: 90%;
    margin: 0 auto;
}
}
@media screen and (max-width: 660px) {
	.news_all .news_title {
		font-size:.9em;
		line-height:1.4em;
	}
	.news_all .news_text {
		font-size:.85em;
		line-height:1.4em;
	}
}
@media screen and (max-width: 413px) {
	.news_list ul li {
		height:138px;
		height:auto;
	}
	.news_list ul li:first-child {
	line-height: 50px;
    width: 100%;
    height: 50px;
	}
}
@media screen and (max-width: 340px) {
	.news_list ul li {
		height:154px;
	}
	.news_list ul li:first-child {
		line-height:154px;
	}
}

@media screen and (max-width: 912px) {
.date_time{
    font-size:13px;
}
}




/* ============= お知らせ個別投稿　single.php ============ */
.news_single {
    background: #f4f4f4;
}
.news_single .bg-004 {
	padding: 80px 0;
}
.news_single .wrap {
	padding:0 10%;
}
.news_single ul li .date_time,
.news_single .news_title {
	line-height:88px;
}
.news_area ul li {
	display:inline-block;
	width: calc( 20% - 2px );
	vertical-align: middle;
	margin-left: 1px;
	text-align: center;
	background: #333;
	color: #fff;
	height: 88px;
	margin-bottom: 20px;
}
.news_area ul.link_wrap li {
	margin-bottom: 0;
}
.news_area ul li:last-child {
	width: calc( 80% - 2px );
	background: #fff;
	text-align: left;
	color: #333;
	padding: 0 20px;
}
.news_area .news_text {
	background: #fff;
	padding: 20px;
	line-height:1.8em;
	margin-bottom: 20px;
}
.news_area li.pagination {
	width: calc( 20% - 2px );
	margin-left: 1px;
	background: #999;
	padding: 20px;
}
.news_area li.pagination a {
	color: #fff;
}
.post-link-prev a,
.post-link-next a {
	position:relative;
	display:block;
}
.post-link-prev a::after,
.post-link-next a::after {
	font-family: FontAwesome;
    content: '\f138';
    font-size: 1.1em;
    position: absolute;
    top: 5px;
    right: 0;
    color: #fff;
}
.news_single .link_wrap li .all_link {
	line-height:88px;
	text-align:center;
}
.news_single .link_wrap li .all_link a {
	color:#005bac;
}
@media screen and (max-width: 1140px) {
	.news_single .wrap {
		padding:0 5%;
	}
	.news_single .bg-004 {
		padding: 50px 0;
	}
}
@media screen and (max-width: 1000px) {
	.news_area .link_wrap li.pagination,
	.news_area .link_wrap li:last-child {
		width: calc( 50% - 2px );
	}
}
@media screen and (max-width: 767px) {
	.news_single .bg-004 {
		padding: 30px 0;
	}
	.news_area ul li:last-child {
		padding:0;
	}
	.news_single .news_title {
		line-height:1.5em;
		padding:20px;
	}
	.news_single .date_time {
		font-size:.65em;
	}
	.news_area .link_wrap li.pagination {
		text-align:left;
	}
	.news_area .news_text {
		font-size:.9em;
	}
}
@media screen and (max-width: 413px) {
	.news_single .news_title {
		padding:10px;
	}
	.news_area .link_wrap li.pagination {
		padding:20px 10px;
	}
}

/* section1 */
.news-wrap .news .detail{
	padding:0 15%;
	margin-top: 2%;
}
@media screen and (max-width: 750px){
.news-wrap .news .detail{
	padding:0 5%;
    }
}
@media screen and (max-width: 768px){
.news-wrap .title-wrap{
	width: 100%;
}
	}
@media screen and (max-width: 750px){
.news-wrap .title-wrap{
	width: 100%;
	margin-top: 0%;
    }
}
.news-wrap .title-wrap img{
	width: 100%;
}
li {
    list-style: none;
}
@media screen and (max-width: 768px){
.section1 .news-wrap{
	margin-top: 0%;
}
	}
@media screen and (max-width: 750px){
.section1 .news-wrap{
	margin-bottom: 0%;
}
	}
.section3 .time-wrap{
	float:left;
	width:50%;
	text-align: center;
}
@media screen and (max-width: 768px){
.section1 .time-wrap{
    float:none;
	width: 100%;
	border-top: solid 1px #ccc;
}
	}
@media screen and (max-width: 768px){
.section1 .time-wrap{
	border-top: none;
}
	}
@media screen and (max-width: 750px){
.section1 .time-wrap{
    float:none;
	width:100%;
	margin-bottom: 10%;
}
	}
.section3 .time-wrap .moji p{
	font-size: 25px;
    margin: 3% 0%;
	color: #003567;
}
@media screen and (max-width: 768px){
.section1 .time-wrap .moji p{
	margin: 0;
	margin-top:5%;
    }
}
@media screen and (max-width: 768px){
.section1 .time-wrap .moji .top0{
	margin-top:0%;
    }
}
@media screen and (max-width: 750px){
.section1 .time-wrap .moji p{
	font-size:20px;
	margin: 0;
    }
}
.section1 .time-wrap2{
	float:left;
	width:50%;
	text-align: center;
	margin-top: 5%;
}
@media screen and (max-width: 768px){
.section1 .time-wrap2{
	float:none;
	width:100%;
	margin:0 auto;
	margin-top:5%;
}
	}
.section1 .time-wrap2 .moji p{
	font-size: 25px;
    margin: 3% 0%;
	color: #003567;
}
@media screen and (max-width: 768px){
.section1 .time-wrap2 .moji p{
    margin: 0;
}
	}
@media screen and (max-width: 750px){
.section1 .time-wrap2 .moji p{
    font-size: 20px;
}
	}
.table-row {
    display: table;
    width: 100%;
    padding: 12px 0;
	border-bottom: solid 1px #dbc9e9;
}
@media screen and (max-width: 750px){
.table-row {
    padding: 10px 0;
}
	}
a {
    text-decoration: none;
}
.table-th {
    width: 80px;
}
.table-th, .table-td {
    display: table-cell;
}
@media screen and (max-width: 750px){
.table-th, .table-td {
    display: block;
    }
}
.table-th p {
    color: #7a4883;
    font-size: 18px;
}
p.blog_title {
    width: 100%;
    font-size: 20px;
    text-align: left;
    color: #444;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
    margin-left: 17%;
	font-family: ヒラギノ角ゴシック, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS";
    margin-left: 30px;
    font-weight: 100;
}
p.blog_title:hover {
	text-decoration: underline 1px;
}

@media screen and (max-width: 768px){
p.blog_title {
    font-size: 15px;
}
	}
@media screen and (max-width: 750px){
p.blog_title {
    font-size: 15px;
	margin-left: 0%;
}
	}
.button-wrap{
	width: 30%;
    margin: 0 auto;
    margin-top: 3%;
	overflow: hidden;
}
@media screen and (max-width: 1200px){
.button-wrap{
	width: 33%;
}
	}
@media screen and (max-width: 1024px){
.button-wrap{
	width: 40%;
}
	}
@media screen and (max-width: 768px){
.button-wrap{
	width: 48%;
}
	}
@media screen and (max-width: 750px){
.button-wrap{
	width: 63%;
	margin-top: 8%;
}
	}
.button-4{
  width:250px;
  height:50px;
  border:2px solid #85628c;
  float:left;
  text-align:center;
  cursor:pointer;
  position:relative;
  box-sizing:border-box;
  overflow:hidden;
}
@media screen and (max-width: 750px){
.button-4{
  width:200px;
  height:45px;
  }
}
.button-4 a{
  font-family:arial;
  font-size:16px;
  color:#85628c;
  text-decoration:none;
  line-height:50px;
  transition:all .5s ease;
  z-index:1;
  position:relative;
  display: block;
}


.eff-4{
  width:250px;
  height:50px;
  left:-250px;
  background:#85628c;
  position:absolute;
  transition:all .5s ease;
  z-index:1;
}
.button-4:hover .eff-4{
  left:0;
}
.button-4:hover a{
  color:#fff;
}
#ichiran {
    margin: 40px 0 0 0;
}

#ichiran a {
    width: 240px;
    display: block;
    text-align: center;
    background:#003567;
    color: #fff;
    border-radius: 5px;
    font-family: font1;
    margin: 0 auto;
    letter-spacing: 4px;
    font-size: 1.25em;
	padding: 1%;
}
#ichiran a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
@media screen and (max-width: 768px){
#ichiran a{
	padding: 4px;
	font-size: 1em;
}
	}



    
/*ページネーション*/
.pagenation{
	margin-top: 5%;
}
.pagenation ul{
	text-align:center;
}
.pagenation ul li{
	display: inline-block;
    width: 30px;
    text-align: center;
}


/* ======================================================
/*               ◆ コンテント ◆
/* ====================================================== 
/* 診療科目 */
.section1-2{
	padding-bottom: 5%;
}
.section1-2 .ul-1 li{
	display:inline-block;
	vertical-align:top;
}
@media screen and (max-width: 1200px){
.section1-2 .ul-1 li{
	width:48%;
    }
}
@media screen and (max-width: 750px){
.section1-2 .ul-1 li{
	width:100%;
    }
}
.section1-2 .ul-1-li{
	width:30%;
	margin-right:2%;
}
.section1-2 .ul-1-li h2{
	margin-bottom:5%;
	color: #7a4883;
    font-size: 30px;
}
@media screen and (max-width: 750px){
.section1-2 .ul-1-li h2{	
	font-size: 30px;
}
}



.section1-2 .ul-1-li p{
	line-height: 35px;
}
@media screen and (max-width: 1200px){
.section1-2 .ul-1-li p{
	line-height: 30px;
    }
}
.section1-2 .ul-2{
	margin-top: 5%;
}
.section1-2 .ul-2 li{
	position:relative;
	overflow: hidden;
	display:inline-block;
	width:30%;
	vertical-align:top;
	margin-right:4%;
}
@media screen and (max-width: 750px){
.section1-2 .ul-2 li{
	display: block;
    width: 100%;
    margin: 0 auto;
	margin-bottom: 5%;
    }
}
.section1-2 .ul-2 li:last-child{
	margin-right:0%;
}
@media screen and (max-width: 750px){
.section1-2 .ul-2 li:last-child{
	margin-right:10%;
    }
}
.section1-2 .ul-2 li img:hover{
    transform: scale(1.2,1.2);
    -webkit-transition: all 1s;
}
.section1-2 .ul-2 .photo-title{
	position: absolute;
	width: 60%;
	bottom:0;
	background-color: #7a4883;
}
@media screen and (max-width: 768px){
.section1-2 .ul-2 .photo-title{
	width: 100%;
    }
}
.section1-2 .ul-2 .photo-title p{
	margin-left: 20px;
	padding: 5% 0%;
	font-size: 20px;
}
@media screen and (max-width: 768px){
.section1-2 .ul-2 .photo-title p{
	margin-left: 10px;
    padding: 2% 0%;
    font-size: 17px;
    }
}
.section1-2 .ul-2 .photo-title p span{
	font-size:10px;
}

/* 診療科目 */
.icon_box{
	max-width:1200px;
	margin-bottom: 3%;
	text-align: center;
	margin-top: 5%;
}
.icon_box li{
	display:inline-block;
	vertical-align:top;
	width: 14.5%;
    margin-right: 2%;
}
@media screen and (max-width: 1024px){
.icon_box li{
    width: 13%;
    }
}
@media screen and (max-width: 768px){
.icon_box li{
    width: 14%;
    margin-right: 2%;
    }
}
@media screen and (max-width: 750px){
.icon_box li{
    width: 30%;
    margin-right: 0%;
    }
}
.icon_box li:last-child {
	margin-right:0%;
}
.icon_box img{
	width: 100%;
}

@media screen and (max-width: 750px){
.section2 .one-third_box-w{
    width: 90%;
    margin: 0 auto;
}
	}
@media screen and (max-width: 750px){
.section2 .one-third_box li{
    display:inline-block;
	width:32%;
}
	}
@media screen and (max-width: 750px){
.section2 .one-third_box img{
    width: 100%;
}
	}


/* 診療時間 */
.section4 {
    margin-bottom:5%;
	margin-top: 2%;
}
.section4 .section4-inner{
    margin-top:3%;
}
.section4 p{
    font-size: 1.2em;
}
@media screen and (max-width: 768px){
.section4 p{
    font-size: 1em;
    }
}

.section4 p a{
	color: #185abc;
    font-weight: bold;
    font-size: 18px;
    text-decoration: underline;
}
@media screen and (max-width: 750px){
.section4 p a{
    font-size: 15px;
}
}

.section4 .section4-inner .font-big{
	color: #7a4883;
    font-weight: bold;
    font-size: 22px;
}
@media screen and (max-width: 750px){  
.section4 .section4-inner .font-big{
	font-size: 16px;
}
}

.section4 table{
	width: 100%;
	margin-top:1%;
	margin-bottom: 1%;
	border-collapse:collapse;
}
.section4  th {
    background: #ddd;
    font-weight: normal;
}
.section4  td, th {
    border: 1px solid #bbb;
    padding: 10px 15px 7px;
    line-height: 2.2;
    background: #fff;
}
.section4 table td {
    text-align: center;
}
@media screen and (max-width: 750px){
.section4 table td {
    font-size: 10px;
    }
}
.section4 td, th {
    border: 1px solid #bbb;
    padding: 25px 15px 25px;
    line-height: 2.2;
    background: #fff;
}
@media screen and (max-width: 750px){
.section4 td, th {
    padding: 25px 2px 25px;
    }
}
.section4 .btn{
	width: 15%;
    margin: 0 auto;
    padding: 2% 4%;
    text-align: center;
    background-color: #7a4883;
    margin-top: 2%;
}
@media screen and (max-width: 768px){
.section4 .btn{
	width: 25%;
    }
}
@media screen and (max-width: 750px){
.section4 .btn{
	width: 80%;
    margin: 0 auto;
	padding: 4% 4%;
    margin-top: 5%;
    margin-bottom: 10%;
    }
}
.section4 .btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.section4 .btn a{
    color: #fff;
}


/* 巡回健診のご案内 */
.section3-2 {
	background: linear-gradient(to right, rgb(236, 228, 247) 0%,rgb(255, 234, 250) 100%);
	padding:5% 0%;
}
@media screen and (max-width: 750px){
.section3-2 {
	padding:10% 0%;
    }
}
.section3-2 ul{
	margin-top: 3%;
}
.section3-2 ul li{
	display:inline-block;
	width:45%;
	margin-right:5%;
	vertical-align:top;
}
@media screen and (max-width: 750px){
.section3-2 ul li{
	display: block;
    width: 100%;
    }
}
.section3-2 ul li:last-child{
	margin-right:0%;
}
.section3-2 ul li p{
	line-height: 35px;
	margin-top: 5%;
}
.section3-2 .btn{
	width: 40%;
    padding: 4% 4%;
    text-align: center;
    background-color: #7a4883;
    margin-top: 10%;
}
@media screen and (max-width: 768px){
.section3-2 .btn{
	width: 70%;
    }
}
@media screen and (max-width: 750px){
.section3-2 .btn{
	width: 80%;
    margin: 0 auto;
    }
}
.section3-2 .btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.section3-2 .btn a{
    color: #fff;
}



/* 人間ドックのご案内 */
.section3{
	/*background: linear-gradient(to right, rgb(237, 224, 255) 0%,rgb(255, 236, 250) 100%);*/
	/*background-color: #7a4883;*/
	background-image: url(img/top004.webp);
    background-attachment: fixed;
    background-size: cover;
}
.section3 .midashi{
	font-size: 35px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
}
@media screen and (max-width: 750px){
.section3 .midashi{
	font-size: 25px;
    margin-bottom: 5%;
    }
}
.section3 p{
	line-height: 35px;
	margin-top: 2%;
}
.section3 .btn{
	width: 20%;
    margin: 0 auto;
    padding: 2% 4%;
    text-align: center;
    background-color: #feebfa;
    margin-top: 5%;
}
@media screen and (max-width: 768px){
.section3 .btn{	
	width: 40%;
}
}

@media screen and (max-width: 750px){
.section3 .btn{
	width: 80%;
	padding: 4% 4%;
    }
}
.section3 .btn:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
.section3 .btn a{
    color: #7a4883;
    font-weight: bold;
}





/* クリニック紹介 */
.section6 {
	margin-top: 5%;
	margin-bottom: -1%;
}
.section6 .section6-2{
	margin-top: 5%;
	margin-bottom: 5%;
}
.section6 ul{
	margin: 3% 0%;
}
.section6 ul li{
	display:inline-block;
	width:45%;
	margin-right:5%;
	vertical-align:top;
}
.section6 .section6-2 ul li{
	width:47%;
}
@media screen and (max-width: 750px){
.section6 .section6-2 ul li{
	width:100%;
    }
}
@media screen and (max-width: 750px){
.section6 ul li{
	display: block;
    width: 100%;
    }
}
.section6 ul li:last-child{
	margin-right:0%;
}
.section6 ul li p{
	line-height: 35px;
	margin-top: 5%;
}
.section6 .lst_dotted dt {
    clear: left;
    float: left;
    width: 20%;
    font-weight: bold;
	margin-bottom: 5%;
}
.section6 .lst_dotted dd {
    margin: 0 0 0 20%;
	margin-bottom: 5%;
}


/* ======================================================
/*               ◆ フッター ◆
/* ====================================================== 
/* フッター */
footer .footer-top{
	background-color: #fffce8;
}
footer .footer-top li{
	margin-right:25%;
}
@media screen and (max-width: 1200px){
footer .footer-top li{
	margin-right:20%;
    }
}
@media screen and (max-width: 1024px){
footer .footer-top li{
	margin-right:4%;
    }
}
@media screen and (max-width: 900px){
footer .footer-top li{
	margin-right: 3%;
    margin-left: 3%;
    }
}
@media screen and (max-width: 768px){
footer .footer-top li{
	display: block;
    text-align: center;
	margin:0;
    }
}
footer .footer-top li .otoiawase{
	font-size: 30px;
    color: #7a4883;
}
@media screen and (max-width: 768px){
footer .footer-top li .otoiawase{
    text-align: center;
    }
}
@media screen and (max-width: 750px){
footer .footer-top li .otoiawase{
    font-size: 28px;
    }
}
footer .footer-top li:last-child{
	margin-right:0%;
	width: 44%;
}
@media screen and (max-width: 768px){
footer .footer-top li:last-child{
	width: 100%;
    }
}
footer .footer-top li p{
	line-height: 30px;
    font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
    font-weight: bold;
}
@media screen and (max-width: 768px){
footer .footer-top li p{
	margin:0;
	text-align: center;
	margin-bottom:5%;
    }
}
@media screen and (max-width: 750px){
footer .footer-top li p{
	margin-bottom: 7%;
    line-height: 24px;
    font-size: 13px;
    }
}
footer ul .left p{
    color: #7a4883;
	font-size: 20px;
    margin-bottom: 3%;
}
@media screen and (max-width: 750px){
footer ul .left p{
	font-size: 17px;
    }
}
@media screen and (max-width: 750px){
footer ul .left .up{
    margin-top: 5%;
    }
}
footer .footer-top li .tel-icon span{
	font-size: 50px;
	font-weight:bold;
	font-family: "游明朝",YuMincho,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","MS P明朝","MS 明朝",serif;
	color: #7a4883;
	margin-left: 5%;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 750px){
footer .footer-top li .tel-icon span{
	font-size: 35px;
    }
}
footer .footer-top li .tel-icon{
    position: relative;
    margin: 0px 0 0 40px;
    font-size: 20px;
    display: block;
	margin-top: 1%;
}
@media screen and (max-width: 1024px){
footer .footer-top li .tel-icon{
    width:100%;
    }
}
@media screen and (max-width: 768px){
footer .footer-top li .tel-icon{
   margin:0;
    }
}
footer .footer-top li .tel-icon::before {
    font-family: FontAwesome;
    content: '\f098';
    font-size: 2.5em;
    color: #7a4883;
    position: absolute;
    top: 0px;
    left: -40px;
}
@media screen and (max-width: 768px){
footer .footer-top li .tel-icon::before {
	left: 0;
    margin-left: 20%;
    }
}
@media screen and (max-width: 750px){
footer .footer-top li .tel-icon::before {
	font-size: 1.7em;
    margin-left: 3%;
    }
}
footer .bnr-wrap h3{
	color: #652167;
    font-weight: bold;
    font-size: 19px;
}
footer .bnr-wrap p{
	font-size: 15px;
    line-height: 20px;
}
footer .logo{
	background-color:#f4e0f8;
	padding: 2% 0%;
}
@media screen and (max-width: 900px){
footer .logo{
	padding: 2% 2%;
    }
}
@media screen and (max-width: 768px){
footer .logo{
	padding: 2% 0%;
    }
}
@media screen and (max-width: 750px){
footer .logo{
	padding: 5% 0%;
    }
}
footer .logo p{
	font-weight: bold;
}
footer .logo .img{
	text-align:left;
	width: 50%;
}
@media screen and (max-width: 768px){
footer .logo .img{
	margin-right: 5%;
    }
}
@media screen and (max-width: 750px){
footer .logo .img{
	width: 100%;
    }
}
@media screen and (max-width: 750px){
footer .logo .img img{
	width: 80%;
    margin-left: 10%;
    }
}
footer .logo .img p{
	text-align:left;
	font-size: 17px;
	margin-top: 5%;
}
@media screen and (max-width: 768px){
footer .logo .img p{
	font-size: 14px;
    }
}
@media screen and (max-width: 768px){
footer .logo .img p{
	font-size: 14px;
    }
}
@media screen and (max-width: 750px){
footer .logo .img p{
	text-align:center;
    }
}

footer ul li{
	display:inline-block;
    text-align: center;
	vertical-align:top;
}
@media screen and (max-width: 750px){
footer ul li{
	display:block;
    }
}
footer ul .menu-1{
	width:20%;
}

@media screen and (max-width: 750px){
footer ul .menu-1{
	width: 45%;
    display: inline-block;
	margin-left: 7%;
	margin-top: 10%;
	margin-bottom: 5%;
    }
}
footer ul .menu-2{
	width:20%;
}
@media screen and (max-width: 750px){
footer ul .menu-2{
	width: 45%;
    display: inline-block;
	margin-top: 10%;
	margin-bottom: 5%;
    }
}

footer ul li ul li{
	display:inline-block;
	width: 70%;
    text-align: start;
	line-height: 40px;
}
@media screen and (max-width: 1024px){
footer ul li ul li{
	width: 100%;
    }
}
footer ul li ul li a{
	color: #4d1c47;
    font-weight: bold;
	font-size: 16px;
}
footer .under{
	background-color:#7a4883;
	padding: 1% 0%;
	text-align: center;
}
@media screen and (max-width: 640px){
footer .under{
    margin-bottom:85px;
    }
}


footer .under p{
	font-size: 13px;
}
footer .bnr p{
	font-size: 0.8em;
}



/* 追加分20200821 */
.section4 ul{
	text-align: center;
}
.section4 ul li{
	display:inline-block;
	vertical-align:top;
}
.section4 .btn {
    width: auto;
    padding: 0;
	margin-right: 4%;
}
.section4 .btn2 {
	margin-right: 0%;
}
.section4 ul li a{
	font-size: 18px;
	display: block;
    padding: 25px 40px;
}

@media screen and (max-width: 750px){
.section4 {
    margin-bottom: 15%;
    }
}
@media screen and (max-width: 750px){
.section4 .btn{
	margin-bottom:0%;
    }
}

@media screen and (max-width: 750px){
.section4 ul li a{
	font-size: 15px;
    padding: 17px 35px;
    }
}
.section3 .btn {
    padding: 0;
}
.section3 .btn a {
    display: block;
    padding: 20px 35px;
}
.section3-2 .btn {
    padding: 0;
}
.section3-2 .btn a {
    display: block;
    padding: 20px 35px;
}



/*コロナ*/
.covid{
	text-align: center;
}
@media screen and (max-width: 750px){
.covid{
	width: 90%;
    margin: 0 auto;
}
}
    


.covid img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}




/*右固定-募集*/
.rese_box1 {
    position: fixed;
    right: 0;
    top: 40%;
    z-index: 100;
    background-color: #1c3d78;
    border-radius: 10px 0 0 10px;
    transition: all 0.3s ease 0s;
}
.rese_box1:hover {
	background-color: #3669c3;
}

@media screen and (max-width: 640px){
.rese_box1 {	
	display:none;
}
}
.rese_box1 a{
	padding: 15px 10px 15px;
	display:block;
}

.rese_box1 h3{
    color: #fff;
	margin-bottom: 5px;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
	text-align:center;
	line-height: 25px;
}
.rese_box1 a.rese_btn p.rese_btn_p {
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    letter-spacing: 0.1em;
    font-weight: bold;
    color: #fff;
}

.rese_box1 .rese_btn_p{
    background-color:#fff;
	color:#000;
    padding: 10px;
    font-size: 16px;
    text-align: center;
	font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
	border: solid 3px #f9c301;
}
.rese_box1 .rese_btn_p span{
    display: block;
    color: #1c3d78;
    font-size: 20px;
    font-weight: bold;
}
.rese_box1 .oubo-form{
	color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    margin-top: 10px;
}

/*スマホ用　固定広告*/
.rese_box1-2{
	position: fixed;
    bottom: 0;
    z-index: 2;
    width: 100%;
	background-color: #1c3d78;
	padding: 10px 25px 15px;
    box-sizing: border-box;
	height: 95px;
}
.rese_box1-2 h3{
	color: #fff;
    text-align: center;
	margin-bottom:5px;
	font-size:15px;
}
.rese_box1-2 .rese_btn_p{
	background-color: #fff;
    color: #000;
    padding: 5px 0px;
    font-size: 16px;
    text-align: center;
    font-family: 游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
    font-weight: bold;
	position:relative;
}
.rese_box1-2 .rese_btn_p::before {
    font-family: FontAwesome;
    content: '\f098';
    color: #7a4883;
    position: absolute;
    top: 6px;
    left: 50px;
    font-size: 35px;
}
.rese_box1-2 .rese_btn_p a{
	color: #7a4883;
    font-weight: bold;
    font-size: 20px; 
}
   
          





/* 右の余白を消すwrap */
.all-wrap {
    overflow: hidden;
}

/*ワクチン特設サイト*/
.vaccine {
	margin-top:5%;
}
.vaccine h2 {
	text-align:center;
	margin-bottom:10px;
}
.vaccine h2 a{
    font-size:22px;
	font-family: ヒラギノ角ゴシック, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color: #7a4883;
    text-decoration: underline 1px;	
}
@media screen and (max-width: 640px){
.vaccine h2 a{
    font-size: 15px;
}
}

.vaccine p{
	text-align:center;
	font-size:15px;
}

.vaccine-inner{
	border: solid 2px #c9c9c9;
    padding: 20px;
    box-sizing: border-box;
}
.vaccine.influ{
	margin-top:3%;
}
.vaccine.influ .vaccine-inner{
	border: solid 2px #ed5c78;
    background-color: #fcffde;
	padding: 20px 15%;
}
@media screen and (max-width: 640px){
.vaccine.influ .vaccine-inner{
	padding: 20px 5%;
}
}
.vaccine-inner .a-center{
	text-align:center;
	margin-top: 15px;
}
.vaccine-inner .a-center a{
	background-color: #7a4883;
    color: #fff;
    font-weight: bold;
    padding: 2px 10px;
}
.vaccine.influ .vaccine-inner h2{
	font-family: ヒラギノ角ゴシック, "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#ed5c78;
}
@media screen and (max-width: 640px){
.vaccine.influ .vaccine-inner h2{	
	font-size:15px;
}
}
.vaccine.influ .vaccine-inner p.left{
	text-align:left;
	font-weight: bold;
    margin-top: 15px;
	color: #e0042f;
	font-size:14px;
}
.vaccine.influ .vaccine-inner p.left a{
	color: #ffffff;
    background-color: #ed5c78;
    margin-left: 5px;
    margin-right: 5px;
}    


/*提携先医療機関*/
.section6 .teikei{
	
}
.section6 .teikei table{
    border-collapse: collapse;
    margin-top: 5%;
    width: 100%;
}
.section6 .teikei table th, .section6 .teikei table td {
    border: 1px solid #ccc;
    padding: 20px;
    font-size: 15px;
    font-weight: bold;
}
.section6 .teikei table th {
    font-weight: bold;
    width: 20%;
    text-align: left;
}
.section6 .teikei table th.name{
    width: 40%;	
    text-align: center;
    background-color: #fef6ff;
}
.section6 .teikei table th.name a{
    color: #515151;	
    font-size: 23px;
    line-height: 30px;
}
.section6 .teikei table th.name a span{
	font-size: 16px;
}
.section6 .teikei table th .flex{
	display:flex;
	align-items: center;
    justify-content: center;
}
.section6 .teikei table th .flex p{
	font-size: 23px;
}
.section6 .teikei table th .img{
    width: 35%;
    margin: 0 auto;
}
.section6 .teikei table th .img.sakura{
    width: 50%;
    margin: 0;
}
.section6 .teikei table th .img.sekine{
    width: 75px;
    margin: 0;
    margin-right: 20px;	
}

@media screen and (max-width: 640px){
.section6 .teikei table td, .section6 .teikei table th {
    display: block;
    display: grid;
}
.section6 .teikei table th.name{
    width: auto;
}
.section6 .teikei table th, .section6 .teikei table td {
    padding: 10px 20px;
}
.section6 .teikei table td.td-title{
    text-align:center;
    background-color: #f1f1f1;
}
.section6 .teikei table th .img.sakura {
    width: 75%;
    margin: 0;
    padding: 10px 0;
}
}

/*リキャプチャ*/
.grecaptcha-badge{
	display:none;
}