<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

/* メインメニュー　PC用
----------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 1025px) {

/*-------- メニュースクロール --------*/
.fixed {
	position: fixed;
	top: 0;
	width: 100% !important;
	border-top: none;
	-webkit-transition-timing-function: ease;
	-moz-transition-timing-function: ease;
	transition-timing-function: ease;
	background-color: rgba(29,67,151,0.95);
	border-bottom: none !important;
	height: 65px;
	z-index: 10000 !important;
}
.fixed ul li a {
	color: #fff !important;
	border-radius: 0 !important;
	background: none !important;
	padding-top: 10px;	
}
.fixed ul li a:hover {
	color: #ee86b4 !important;
}
.fixed .pullMain li span span{
	color: #5181d0 !important;
}
.fixed .has-sub ul li {
	border-top: none !important;
}
.fixed .has-sub ul li:hover {
	border-top: none !important;
}
.fixed ul li:hover:after {
	content: '';
	top:60px;
	border-bottom: 5px solid #47b9dd !important;
}
.fixed .has-sub ul li a {
	color: #1d4397 !important;
	background: #6cceed !important;
}
.fixed .has-sub ul li a:hover {
	color: #fff !important;
	background: #1d4397 !important;
	border-top: none;
}
.fixed .sub-last a{
	border-radius: 0 0 10px 10px !important;
}
.under-btn {
    display: none;
}
}



/* max-width: 519px
----------------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 519px) {
	
/*-------- メインメニュー --------*/
.mean-container .mean-nav ul li a {
	text-transform: none !important;
}
.pullMain li span span{
	display: none;
}
.mean-container .mean-bar {
	background: #002881 !important;
}
.mean-container .mean-nav {
	background: #002881 !important;
}
.mean-container .mean-nav ul li a.mean-expand {
	height: 30px !important;
}
.mean-container .mean-nav ul li a:hover {
	background: #1d4397 !important;
}
.mean-container .mean-bar:before{
	content: "MENU";
	font-size: 130%;
	color: #fff;
	margin: 10px 45px -40px 15px !important;
	float: right;
}
.mean-container a.meanmenu-reveal span {
    width: 22px !important;
    height: 21px !important;
    background: none !important;
    background-image: url(images/bar.png) !important;
}
.mainNav-box {
	display: none;
}

/*-------- レイアウト --------*/
.inner, .content-box {
	width: 90%;
}
#toppage section{
	width: 90%;
	margin: 0 auto;
}
#content {
	width: 100% !important;
	padding: 20px 5% 50px 5% !important;
	margin-bottom: -30px;
}
#sidebar {
	width: 100%;
	padding: 20px 5% 50px 5% !important;
	margin-bottom: -60px;
}
.grid1, .grid2, .grid3, .grid4, .grid5, .grid6, .grid7, .grid8, .grid9, .grid10, .grid11 {
	float: left;
	display: inline;
	width: 100% !important;
	margin-right: 0 !important;
}
#toppage .grid25{
	width: 100% !important;
	margin: 0px;
}
div.blog_info_single{
	width: 100%;
}
.post_list{
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.top-slider-box {
	width: 90%;
	margin: -100px auto -20px;
	min-width: 90% !important;
}
.single-box{
	padding: 70px 20px 20px;
}
.accordion-panel dd img{
    width: 80%;
    margin: 10px 10%;
}
.box-quiz span {
    float: none;
}
.price-list-box .price-list-main li {
    display: block;
}
.price-list-box .price-list-dotted {
    display: none;
}


/*-------- イメージ --------*/
img {
	max-width: 100%;
	height: auto;
}
div.alignright, div.alignright, div.aligncenter, div.alignnone {
	max-width: 100%;
	height: auto;
}
.box_img{
	float: left;
	margin-right: 15px;
	margin-bottom: 60px;
}
div.blog_info{
	padding: 3px 0px 2px;
	margin-bottom: 10px;
}
.image_orver2 li{
	width: 100px;
}
.image_orver2 li .cover2{
	height: 100px !important;
	width: 100px !important;
}
.image_title2:before {
	display: none;
}
.image_orver .image_caption-text .image_title{
	display: none;
}
.image_orver .image_caption-text{
	display: none;
}
div.blog_info_single{
	width: 100%;
}
a.img_hover img{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
a.img_hover img:hover{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}
.pagination_box{
	margin-bottom: 30px;
}
img[width="320"]{
	 width:100% !important;
	 height:auto;
}


/*-------- ヘッダ --------*/
header .header-top {
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
}
.header-copy {
	float: none;
	font-size: 69%;
	line-height: 1.3em !important;
	display: block;
	margin-bottom: 10px;
}
.header-sns {
	display: none;
}
.header-logo {
	margin: 40px auto 10px;
	text-align: center;
	width: 90%;
}
.head-crumb{
	display: none;
}
.head-title, .head-title-blog {
	height: auto;
	padding: 20px 0 10px;
}
.head-title .inner, .head-title-blog .inner, .head-crumb .inner{
	width: 90%;
}
#search-2{
	width: 250px;
	margin: 40px auto 0px;
}
.header-banner{
	float: none;
	width: 80%;
	margin: 0px auto 5px;
}
.header-img img{
	display: none;
}
.header-img {
	margin: 20px auto 100px;
	background: url(images/top_img_m.png) no-repeat center top;
	height: 580px;
	width: 300px;
}
.header-img p{
	color: #e7515c;
	position: absolute;
	bottom: -10px;
}

/*-------- タイトル --------*/
.head-title h1, .head-title-blog h1{
	font-size: 170%;
	line-height: 1.4em;
	float: none;
	text-align: center;
}
#toppage h2{
	line-height: 1.4em;
}
h2.title{
	font-size: 130%;
	line-height: 1.4em;
}
h3.title{
	font-size: 130%;
}
h4.title{
	font-size: 120%;
}
h4.title2{
	font-size: 120%;
}

/*-------- フッダ --------*/
#footer .inner {
	width: 90%;
}
.footer-under {
	text-align: center;
	padding: 15px 0 5px;
	font-size: 85%;
}
.footer-menu{
	display: none;
}
.copyright {
	padding-bottom: 10px;
	clear: both;
	float: none !important;
}
.footer_address{
	text-align: center;
}
#footer .grid5{
	font-size: 90%;
}

/*-------- ページスクロール --------*/
#page-top{
    right:10px;
    bottom:70px;
	width: 35px;
	height: 35px;
}
#page-top a{
	width: 35px;
	height: 35px;
}
#page-top a:before{
	content: "\f077";
	margin-left: 5px;
	font: 170%/1.3em FontAwesome;
}

/*-------- コンテンツ --------*/
.clinic-list{
	padding: 20px 20px;
}
.post_header .cat-item{
	width: 100%;
	line-height: 1.6em;
	padding: 2px 10px 2px;
	margin: 0px 0px 3px 0px;
	font-size: 100%;
	text-align: center;
}
.print_btn{
	display: none;
}
.table1 {
    margin: 0;
}
.table1 th, .table1 td {
    width: 100% !important;
    display: block;
	border-bottom: none !important;
}
.table1 tr:first-child th {
    border-top: 1px solid #feceda;
}
.table1 tr:last-child td {
	border-bottom: 1px solid #feceda !important;
}
.table1 th {
	padding: 10px 10px !important;
	background: #f4f4f4;
}
.table1 td {
	padding: 5px 15px !important;
}
.table2 {
    border: none;
}
.table2 thead {
    display: none;
}
.table2 td {
     border: none;
}
.table2 tr {
     display: block;
     margin-bottom: 20px;
}
.table2 tbody th {
	width: 100%;
	display: block;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #feceda;
	border-left: none;
}
.table2 tr td {
     display: block;
     padding-left: 15px;
     border-bottom: 1px solid #e3e3e3;
     border-top-style: none;
     border-right-style: none;
     border-left-style: none;
}
.table2 td:before {
    content: attr(aria-label);
    float: left;
     color: #1d4397;
}
.table2 td.title{
     font-size: 120%;
     color: #2670d5;
     background: #F9f9f9;
     margin-top: 0px;
     line-height: 2em;
}
.under-btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100vw;
    transform: translateX(-50%);
    display: flex;
    width: 100%;
    height: 40px;
    border-top: 1px solid rgba(255,255,255,.4);
    background: #002881;
    z-index: 100;
}
.under-btn a {
    width: 50%;flex-basis: 50%;display: block;
    max-width: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    color: #fff !important;
    font-size: 110%;
}
.under-btn a svg {
    color: #fff;
    font-size: 100%;
}
.under-btn a:first-child {
    border-right: 1px solid rgba(255,255,255,.4);
}
.footer-under {
    padding-bottom: 55px;
}
#toppage .point a,
#toppage .catalog div {
    width: 100%;
    min-width: 100%;
}
#toppage .catalog div {
    margin-bottom: 15px;
}

}



/* min-width: 520px／max-width: 1024px
----------------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 520px) and (max-width: 1024px) {
 	
/*-------- メインメニュー --------*/
.mean-container .mean-nav ul li a {
	text-transform: none !important;
}
.pullMain li span span{
	display: none;
}
.mean-container .mean-bar {
	background: #002881 !important;
}
.mean-container .mean-nav {
	background: #002881 !important;
}
.mean-container .mean-nav ul li a.mean-expand {
	height: 30px !important;
}
.mean-container .mean-nav ul li a:hover {
	background: #1d4397 !important;
}
.mean-container .mean-bar:before{
	content: "MENU";
	font-size: 130%;
	color: #fff;
	margin: 10px 45px -40px 15px !important;
	float: right;
}
.mean-container a.meanmenu-reveal span {
    width: 22px !important;
    height: 21px !important;
    background: none !important;
    background-image: url(images/bar.png) !important;
}
.mainNav-box {
	display: none;
}

/*-------- レイアウト --------*/
.inner, .content-box {
	width: 90%;
}
#content {
	width: 100% !important;
	padding: 20px 3% 50px 3% !important;
	margin-bottom: -30px;
}
#sidebar {
	width: 100%;
	padding: 20px 5% 50px 5% !important;
	margin-bottom: -60px;
}
.grid3 {
	width: 49.0% !important;
	margin-bottom: 10px;
}
.last-mobile {
	margin-right: 0 !important;
}
.widget-archive:after{
	margin-left: -39%;
}
.top-slider-box {
	width: 90%;
	margin: -100px auto -50px;
	min-width: 90% !important;
}
#toppage .grid25{
	width: 100% !important;
	margin: 0px;
}

/*-------- イメージ --------*/
a.img-hover img{
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}
a.img-hover img:hover{
	opacity: 1;
	transform: none;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
}

/*-------- ヘッダ --------*/
header .inner {
	width: 90%;
}
header .header-top{
	line-height: 20px;
	padding: 10px 0 5px;
}
.head-title, .head-title-blog {
	height: auto;
	padding: 0px 0 10px;
}
.header-logo{
	width: 100% !important;
	text-align: center;
	margin: 40px 0 10px;
}
.header-logo img{
	width: 450px;
}
.header-banner{
	float: none;
	width: 350px;
	margin: 10px auto 5px;
}
#search-2{
	width: 250px;
	margin: 40px auto 0px;
	text-align: center;
}
.head-crumb{
	display: none;
}
.header-img{
	margin-top: 10px;
}
.header-img p{
	color: #e7515c;
	position: relative;
	bottom: -10px;
}

/*-------- タイトル --------*/
.head-title h1, .head-title-blog h1{
	font-size: 210%;
	line-height: 1.4em;
	float: none;
	text-align: center;
}
h2.title{
	font-size: 160%;
	line-height: 1.4em;
}
h3.title{
	font-size: 150%;
}
h4.title{
	font-size: 140%;
}
h4.title2{
	font-size: 130%;
}

/*-------- フッダ --------*/
#footer .inner {
	width: 80%;
}
#footer .grid4 {
	width: 100%;
}
#footer .grid3, #footer .grid5 {
	width: 48%;
	margin-top: 10px;
}
.footer-under {
	text-align: center;
}
.footer-menu{
	display: none;
}
.footer_address{
	text-align: center;
}

/*-------- コンテンツ --------*/
.print_btn{
	display: none;
}
.under-btn {
    position: fixed;
    left: 50%;
    bottom: 0;
    width: 100vw;
    transform: translateX(-50%);
    display: flex;
    width: 100%;
    height: 40px;
    border-top: 1px solid rgba(255,255,255,.4);
    background: #002881;
    z-index: 100;
}
.under-btn a {
    width: 50%;flex-basis: 50%;display: block;
    max-width: 50%;
    text-align: center;
    line-height: 40px;
    vertical-align: middle;
    color: #fff !important;
    font-size: 110%;
}
.under-btn a svg {
    color: #fff;
    font-size: 100%;
}
.under-btn a:first-child {
    border-right: 1px solid rgba(255,255,255,.4);
}
.footer-under {
    padding-bottom: 55px;
}
    
}

@media screen and (min-width: 520px) and (max-width: 920px) {
#toppage .point a,
#toppage .catalog div {
    width: 48%;
    min-width: 48%;
}
#toppage .catalog div {
    margin-bottom: 15px;
}
}

@media only screen and (max-width: 919px) {
#toppage .catalog {
    gap: 5px 4%;
}
}

@media only screen and (max-width: 400px) {
#toppage .list-btn li {
    width: 32.4%;
    line-height: 45px;
}
}

@media only screen and (max-width: 519px) {
#toppage .catalog div:nth-child(6) {
    margin-top: 30px;
}
}

@media only screen and (max-width: 550px) {
.clinic-list {
    position: relative;
	display: block;
    padding: 10px 20px 55px 20px;
}
.clinic-list div p {
    align-items: flex-start;
}
.clinic-list div span {
    width: 45px;
    margin-top: 3px;
}
.clinic-list a {
    position: absolute;
    right: 20px;
    bottom: 10px;
    width: 110px;
    min-width: 110px;
    padding: 3px 15px;
}
.clinic-list a .fa-clone {
    margin-left: 15px;
}
}</pre></body></html>