@charset "UTF-8";
 
@import url('https://use.fontawesome.com/releases/v6.1.1/css/all.css');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&family=Roboto:wght@300;400;500&family=Zen+Kaku+Gothic+Antique:wght@300;400;500&display=swap');

/* all */
* {
margin: 0;
padding: 0;
word-break: normal;
}


BODY{
margin:0;
padding:0;
background:#FFF;
color:#555;
font-size: 100.0%;	/* 16pxベース */
line-height:1.6;
letter-spacing:1px;
text-align: center;
font-family:'Roboto', 'Zen Kaku Gothic Antique', "メイリオ", Meiryo, sans-serif;
-webkit-text-size-adjust: 100%;	/* iPhone版Safari対策 */
}



* html body {	 /* for IE6 */ 
font-size: 100.0%;	/* 16pxベース */
}
*:first-child+html body { /* for IE7 */
font-size: 100.0%;	/* 16pxベース */
}



/*------ フォントサイズ ------
font-size:62.5%;	10px
font-size:75.0%;	12px
font-size:87.5%;	14px
font-size:100.0%;	16px
font-size:112.5%;	18px
font-size:125.0%;	20px
font-size:137.5%;	22px
font-size:150.0%;	24px
font-size:162.5%;	26px
font-size:175.0%;	28px
font-size:187.5%;	30px
font-size:200.0%;	32px
font-size:212.5%;	34px
font-size:225.0%;	36px
font-size:237.5%;	38px
font-size:250.0%;	40px
-----------------------------*/


IMG{
max-width: 100%;
image-rendering: -webkit-optimize-contrast;
}
IMG,
A IMG{
border:none;
}

P{
margin-top:1.8em;
margin-bottom:1.8em;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

/*--------------------------------------------------------------------
  「レスポンシブ」固有
--------------------------------------------------------------------*/
.pc,
.pc_tablet{
display:inline-block;
}
.block_narrow_pc,
.tablet_sp,
.tablet,
.sp{
display:none;
}
.block_pc{	/* PCの時だけ改行する */
display:block;
}
@media only screen and (min-width:768px) and (max-width:1200px) {	/* 幅の狭いPC用 */
	.block_narrow_pc{	/* 幅の狭いPCの時だけ改行する */
	display:block;
	}
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	IMG{
	width:auto;
	height:auto;
	max-width: 100%;
	}
	.block_tablet_sp{	/* タブレット・スマホの時だけ改行する */
	display:block;
	}
	.block_narrow_pc{
	display:none;
	}
	.block_pc{	/* PCの時だけ改行する */
	display:inline-block;
	}
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	.pc,
	.sp{
	display:none !important;
	}
	.tablet_sp,
	.pc_tablet,
	.tablet{
	display:inline-block !important;
	}
	.block_tablet{	/* タブレット・スマホ横の時だけ改行する */
	display:block;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	*{
	word-break: break-all;
	}
	.pc_tablet,
	.pc,
	.tablet{
	display:none !important;
	}
	.tablet_sp,
	.sp{
	display:inline-block !important;
	}
	.block_sp{	/* スマホ縦の時だけ改行する */
	display:block;
	}
	.linehalf.block_sp{
	line-height:0.5;
	}
}



.pc_none{
display:none;
}



/*--------------------------------------------------------------------
  「スマホ（横）」「タブレット」固有の設定
--------------------------------------------------------------------*/
@media only screen and (min-width:541px) and (max-width:768px) {
	.pc_none{
	display:inherit;
	}
	.tablet_none{
	display:none;
	}
}


/*--------------------------------------------------------------------
  「スマホ（縦）」固有の設定
--------------------------------------------------------------------*/
@media only screen and (max-width:540px) {
	.pc_none{
	display:inherit;
	}
	.sp_none{
	display:none;
	}
}




/*--------------------------------------------------------------------
リンクテキスト
---------------------------------------------------------------------*/
A{
color:#333;
transition: color 0.3s ease, background 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
-webkit-transition: color 0.3s ease, background 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
-moz-transition: color 0.3s ease, background 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
-o-transition: color 0.3s ease, background 0.5s ease, border-color 0.5s ease, opacity 0.5s ease;
text-decoration:none;
}
.content A:not([class]){
text-decoration:underline;
color:#000;
}
A:VISITED{
color:#666;
}
A:HOVER{
color:#00B6DA;	/* SkyBlue +-+ */
text-decoration:none;
}


/*------ 外部リンクアイコン ------*/
.content A[href^="http"]::after {
margin-left:0.25em;
content: "\f35d";
font-family: "Font Awesome 6 Free";
font-weight : 900;
color:#60C7F0;	/* SkyBlue ++ */
text-decoration:none;
display:inline-block;
}
.content A[href*="sapporo-shikamasui-office.com"]::after {	/* 自社リンクは除外 */
content:none;
}



/*--------------------------------------------------------------------
見出し 
---------------------------------------------------------------------*/
H1,H2,H3,H4,H5,H6{
margin:0;
padding:0;
font-size:100.0%;	/* 16px */
border:none;
background:none;
font-weight:normal;
line-height:1.3;
}


/*------------------------------------------------
H2
------------------------------------------------*/
#content_header{
}

/*------ 各コンテンツのヘッダー画像設定 ------*/
#orthodontic #content_header,
#policy #content_header{
background-position:center;
background-image:url(img/h2bg_clinic.jpg);
}
#access #content_header{
background-position:center;
background-image:url(img/h2bg_outside.jpg);
}


H2{
margin:0 auto;
}

#content_header H2{
margin:0 auto;
padding:3.0em 2% 2.0em 2%;
font-size:225.0%;	/* 36px */
letter-spacing:0.1em;
}

#content_header H2::before{
margin:0 auto 0.25em auto;
content:"";
display:block;
width:2.222em;	/* 80px */
height:2.222em;	/* 80px */
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
}

#aboutus #content_header H2::before{
background-image:url(img/icon_about.png);
}
#guide #content_header H2::before{
background-image:url(img/icon_anesthesia.png);
}
#flow #content_header H2::before{
background-image:url(img/icon_flow.png);
}
#privacypolicy #content_header H2::before{
background-image:url(img/icon_privacy.png);
}


/*------ コンテンツメニュー ------*/
#contentmenu{
margin:0 auto;
padding:0.5em 2% 1.5em 2%;
background:rgba(0,0,0,0.6);
width:100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}


#contentmenu.type_table{
display:table;
table-layout: fixed;	/*  LIを均等に分割 */
}

#contentmenu LI{
margin:0 auto;
padding:0;
*zoom: 1;  				/* IE7対策 */
vertical-align:middle;
background:url(img/spacer.gif) no-repeat;
}
#contentmenu.type_table LI{
display:table-cell;
}
#contentmenu.type_inline LI{
display:inline-block;
*display: inline;		/* IE7対策 */
}

#contentmenu A{
padding:1em;
color:#FFF;
border:1px solid #FFF;
text-decoration:none;
background:rgba(0,0,0,0.0);
display:block;
}
#contentmenu.type_table A{
margin:1em;
}
#contentmenu.type_inline A{
margin:0.5em;
}

#contentmenu A:hover{
background:rgba(0,0,0,0.6);
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#content_header H2{
	padding:3.0em 2% 2.0em 2%;
	letter-spacing:1px;
	font-size:187.5%;	/* 30px */
	}
	#contentmenu{
	display:block;
	}
	#orthodontic #content_header,
	#policy #content_header{
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	}

}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	#contentmenu.type_table LI,
	#contentmenu.type_inline LI{
	display:inline-block;
	*display: inline;		/* IE7対策 */
	width:48%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#contentmenu.type_table LI,
	#contentmenu.type_inline LI{
	display:block;
	}
}
@media only screen and (max-width:320px) {	/* スマホS縦用 */
	BODY:not(#home) H2{
	font-size:9.0vw;
	}
}


/*------------------------------------------------
   H3
------------------------------------------------*/
H3{
padding:0.5em;
color:#60C7F0;	/* SkyBlue ++ */
font-size:187.5%;	/* 30px */
letter-spacing:2px;
}
H3 .eng,
H3 .jp{
margin:0.9em auto;
display:block;
font-size:46.7%;	/* 14px */
color:#555;
letter-spacing:1px;
}
/*------ 他要素隣接時 ------*/
*+H3,
H3~H3{
margin-top:3em;
}
H3+H4{
margin-top:1em;
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H3{
	font-size:175.0%;	/* 28px */
	}
	H3 .eng,
	H3 .jp{
	font-size:50.0%;	/* 14px */
	}

}
@media only screen and (max-width:320px) {	/* スマホS縦用 */
	H3{
	font-size:8.0vw;
	}
}



/*------------------------------------------------
   H4
------------------------------------------------*/
/*------ H4基本設定 ------*/
#privacypolicy DT,
H4{
margin-bottom:1.0em;
padding:0.5em 0;
font-size:125.0%;	/* 20px */
clear:both;
border-bottom:1px solid #A0D8EF;	/* SkyBlue */
}
H4.icon SPAN[class^="fa"]{
margin-bottom:0.2em;
}
.text H4{
text-align:center;
}

/*------ 他要素隣接時 ------*/
*+H4,
H4~H4{
margin-top:4em;
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#privacypolicy DT,
	H4{
	font-size:137.5%;	/* 22px */
	}
	H4.icon SPAN[class^="fa"]{
	margin-right:auto;
	margin-bottom:0.2em;
	display:block;
	}
}
@media only screen and (max-width:320px) {	/* スマホS縦用 */
	#privacypolicy DT,
	H4{
	font-size:7.0vw;
	}

}


/*------------------------------------------------
   H5
------------------------------------------------*/
/*------ H5基本設定 ------*/
ARTICLE H5{
margin:auto auto 0.8em auto;
padding:0.3em;
display:table;
border-bottom:2px solid #60C7F0;	/* SkyBlue ++ */
font-weight:normal;
font-size:112.5%;	/* 18px */
background:url(img/spacer.gif) no-repeat;
}
ARTICLE H5.line{
padding:0;
border-bottom:none;
}

/*------ 他要素隣接時 ------*/
ARTICLE H4+H5{
margin-top:0.5em !important;
}
ARTICLE H5+*{
margin-top:0.5em;
}

ARTICLE *+H5{
margin-top:3.0em;	/* 各要素と隣接時には上余白を多めに */
}


/*------------------------------------------------
   H6
------------------------------------------------*/
/*------ H6基本設定 ------*/
H6{
margin:1.8em auto 0.2em auto;
padding:0;
font-weight:normal;
font-size:100.0%;	/* 16px */
}

/*------ 他要素隣接時 ------*/
H5+H6{
margin-top:0.5em;
}
H6+P,
H6+UL,
H6+OL,
H6+DL{
margin-top:0.5em;
}
*+H6{
margin-top:2.5em;	/* 各要素と隣接時には上余白を多めに */
}




/*--------------------------------------------------------------------
  画像レイアウト枠
--------------------------------------------------------------------*/
/*------ 1枚・複数共通 ------*/
.photo,
.photos{
text-align:center;
}
.photo IMG,
.photos IMG{
margin:0 auto;
padding:5px 0;
}

/*------ 1枚 ------*/
.photo IMG{
display:block;
}
/*------ 複数 ------*/
.photos IMG{
display:inline-block !important;
vertical-align:middle;
}
.photos IMG:nth-child(n+2){	/* 2個目以降 */
margin-left:10px;
}


@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	.photos BR{
	display:none;
	}
	.photos IMG:nth-child(n+2){	/* 2個目以降 */
	margin-left:10px !important;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.photos IMG:nth-child(n+2){	/* 2個目以降 */
	margin-left:auto;
	display:block;
	}
}


/*------------------------------------------------
  キャプション付き
------------------------------------------------*/
.caption{
text-align:center;
}
.caption IMG{
margin:auto auto 5px auto;
display:block;
}





/*--------------------------------------------------------------------
左寄せ・右寄せ
---------------------------------------------------------------------*/
.text_alignleft{
text-align:left;
}
.text_aligncenter{
text-align:center;
}
.text_alignright{
text-align:right;
}


/*------------------------------------------------
画像の左寄せ・右寄せ
------------------------------------------------*/
.content .aligncenter{
display: block;
margin-left: auto;
margin-right: auto;
}
.content .alignright{
float:right;
margin-left:25px;
}
.content .alignleft{
float:left;
margin-right:25px;
}
.clear{
clear:both;
}
.alignleft+P,
.alignright+P{
margin-top:0;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.content .alignleft,
	.content .alignright{
	margin-right:auto;
	margin-left:auto;
	display:block;
	float:none;
	}
}


/*--------------------------------------------------------------------
  フォントサイズ・色
---------------------------------------------------------------------*/

/*------------------------------------------------
   文字サイズ
------------------------------------------------*/
.extrasmall{
font-size:75.0%;	/* 12px */
}
.small{
font-size:87.5%;	/* 14px */
}
.large{
font-size:125.0%;	/* 20px */
}
.extralarge{
font-size:162.5%;	/* 26px */
}

.normal{
font-weight:normal;
}
STRONG{
font-weight:500;
}

SUP,SUB{
font-size:62.5%;	/* 10px */
}



/*------------------------------------------------
   強調下線
------------------------------------------------*/
.borderbottom{
border-bottom:2px solid #000;
}
.underline{
display:inline;
background: -prefix-linear-gradient(	/* Webkit系 */
bottom,
rgba(255,0,204,0.2),
rgba(255,0,204,0.2) 34%,
rgba(255,0,204,0) 35%),
url(img/spacer.gif);
background: linear-gradient(	/* ピンク 12.1、IE 10、Fx 16 以降 */
to top,
rgba(255,0,204,0.2),
rgba(255,0,204,0.2) 34%,
rgba(255,0,204,0) 35%),
url(img/spacer.gif);
/ border-bottom:5px solid #CF0;	/* IE7対策 */
}
html.android .underline{
/* Android は下線 */
border-bottom:5px solid rgba(255,0,204,0.2);
}

/*------------------------------------------------
   前後の線
------------------------------------------------*/
.line::before,
.line::after{
margin:-0.2em 10px 0 10px;
content:"";
display:inline-block;
width:50px;
height:1px;
vertical-align:middle;
border-bottom-style:solid;
border-bottom-width:1px;
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.line::before,
	.line::after{
	width:20px;
	}
}

/*------------------------------------------------
   文字色
------------------------------------------------*/
.white{
color:#FFF;
}

.red{
color:#F03;
}
.darkred{
color:#C30D23; /* ロゴ赤 */
}
.blue{
color:#069;
}
.green{
color:#690;
}
.orange{
color:#F08200;	/* 暗いオレンジ */
}



/*--------------------------------------------------------------------
  リストスタイル
---------------------------------------------------------------------*/
UL{
padding:0;
list-style:none;
}
LI{
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

ARTICLE UL{
margin:1.2em 0;
}
ARTICLE UL>LI{
margin-top:0.7em;
margin-bottom:0.7em;
line-height:1.3;
}
ARTICLE UL LI UL LI{
margin-top:0.35em;
margin-bottom:0.35em;
}


/*------------------------------------------------
  ネスト時
------------------------------------------------*/
LI UL,
DD UL,
TD UL{
margin-top:0;
margin-bottom:0.3em;
}

/*------------------------------------------------
  箇条書きリスト
------------------------------------------------*/
UL.list>LI:not([class]),
UL>LI.list{
padding-left:1.3em;
text-indent:-1.3em;
}
UL.list>LI *,
UL>LI.list *{
text-indent:0;
}


LI.list::before,
.list>LI:not([class])::before{
margin:-0.2em 0.4em auto 0.4em;
display:inline-block;
content:"";
border:1px solid #A0D8EF;	/* SkyBlue */
background:#A0D8EF;	/* SkyBlue */
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
width:5px;
height:5px;
vertical-align:middle;
}



/*------------------------------------------------
  横並びリスト
------------------------------------------------*/
UL.inline{
display:block;
letter-spacing:-1em;	/* 横並びの隙間対策 */
}
UL.inline.table{
display:table;
}
UL.inline>LI{
padding-left:0.6em;
padding-right:0.6em;
display:inline-block;
*display: inline;		/* IE7対策 */
*zoom: 1;  				/* IE7対策 */
vertical-align:middle;
letter-spacing:1px;	/* 横並びの隙間対策 letter-spacing 復活 */
}



UL.inline LI .extralarge{
vertical-align:top;
line-height:1em;
}
UL.inline.nolist LI{
padding-left:0;
}



/*------------------------------------------------
  番号付きリスト
------------------------------------------------*/
OL{
margin:1.2em 0;
padding:0;
}
/*------------------------------------------------
  ネスト時
------------------------------------------------*/
LI OL,
DD OL,
TD OL{
margin-top:0;
margin-bottom:0;
}

OL>LI{
margin-top:1.0em;
margin-bottom:1.0em;
margin-left:2.0em;
line-height:1.3;
list-style-type : decimal;
}
OL>LI OL LI{
margin-top:0.5em;
margin-bottom:0.5em;
}


/*------ 両側に()カッコ ------*/
OL.kakko>LI{
margin-left:0;
padding-left:2.0em;
text-indent: -1.7em;
list-style-type:none;
list-style-position:inside;
counter-increment: cnt;
}
OL.kakko>LI:before{
display: marker;
content: "(" counter(cnt) ") ";
}
OL.kakko>LI OL>LI{
text-indent: -1.2em;
}



/*------------------------------------------------
  説明付きリスト
------------------------------------------------*/
DL{
margin:1.2em 0;
padding:0;
}

H5+DL,	/* H5のすぐ下の時は上余白を少な目に */
LI>DL{	/* ネストする時は上余白を少な目に */
margin-top:0.5em;
}
DT{
margin:0;
padding:0;
font-size:112.5%;	/* 18px */
}
DD{
margin:0 0 0 1.2em;
padding:0;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	DD{
	margin:0 0 0 0.2em;
	}
}

DT+DT,
DD+DT{	/* 2番目以降のタイトル行だけ上余白を設ける */
margin-top:1.5em;
}
LI>DL DT+DT,
LI>DL DD+DT{	/* ネストする時は上余白を少な目に */
margin-top:1em;
}



/*------------------------------------------------
  注釈 ※ リスト
------------------------------------------------*/
UL.kome>LI,
LI.kome{
padding-left:1.3em;
text-indent:-1.2em;
line-height:1.3;
}
UL.kome>LI::before,
LI.kome::before{
margin-right:0.1em;
display:inline-block;
content:"※";
color:#FF1493;	/* DeepPink */
text-indent:0;
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.kome LI{
	text-align:left;
	}
}


/*------------------------------------------------
  PDF・Word・Excel・PowerPoint・ZIP・Imageリスト
------------------------------------------------*/
/*------ 共通 ------*/
UL.pdf>LI,
UL.word>LI,
UL.excel>LI,
UL.powerpoint>LI,
UL.zip>LI,
UL.image>LI,
LI.pdf,
LI.word,
LI.excel,
LI.powerpoint,
LI.zip,
LI.image{
padding-top:0.3em;
padding-left:40px;
background-repeat:no-repeat;
background-position:0 0;
list-style:none;
min-height:32px;
}

/*------ PDFリスト ------*/
UL.pdf>LI,
LI.pdf{
background-image:url(img/pdf.png);
}

/*------ Wordリスト ------*/
UL.word>LI,
LI.word{
background-image:url(img/word.png);
}

/*------ Excelリスト ------*/
UL.excel>LI,
LI.excel{
background-image:url(img/excel.png);
}

/*------ PowerPointリスト ------*/
UL.powerpoint>LI,
LI.powerpoint{
background-image:url(img/pp.png);
}

/*------ Imageリスト ------*/
UL.image>LI,
LI.image{
background-image:url(img/image.png);
}
/*------ ZIPリスト ------*/
UL.zip>LI,
LI.zip{
background-image:url(img/zip.png);
}

/*------ PDFリスト（小） ------*/
A.pdf_s,
UL.pdf_s>LI,
LI.pdf_s{
padding-left:20px;
list-style:none;
background-image:url(img/pdf.png);
background-repeat:no-repeat;
background-position:0 0.2em;
background-size:16px 16px;
-webkit-background-size:16px 16px;
-moz-background-size:16px 16px;
-o-background-size:16px 16px;
-ms-background-size:16px 16px;
}
A.pdf_s{
display:inline-block;
}


/*--------------------------------------------------------------------
  表
---------------------------------------------------------------------*/
TABLE{
margin-top:25px;
margin-bottom:25px;
font-size:100%;
}

TH{
text-align:center;
font-weight:normal;
font-size:100%;
}
TD{
font-size:100%;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}
TH>*,
TD>*{
margin-top:0;
margin-bottom:0;
}
TH>*~*,
TD>*~*{
margin-top:5px;
}

/*------------------------------------------------
  罫線を表示するタイプの表
------------------------------------------------*/
TABLE.data_table{
border-collapse:collapse;
border-bottom:1px solid #666;
line-height:1.2;
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	TABLE.data_table,
	TABLE.color_table{
	width:100%;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	TABLE.data_table,
	TABLE.color_table{
	width:100%;
	}
}

TABLE.data_table CAPTION{
text-align:right;
}
THEAD{
border-top:1px solid #666;
}
.data_table TH{
padding:0.5em 10px;
text-align:center;
background:#FFF;
}
.data_table TD{
padding:10px;
border-top:1px solid #DCDCDC;
background:#FFF;
}
.data_table TBODY TR:first-child TD{
border-color:#666;
}



/*------------------------------------------------
  スマホ表示時にセルをスライドさせるタイプの表
------------------------------------------------*/
TABLE.float_table{
}

@media only screen and (min-width:541px) and (max-width:768px) {
	TABLE.float_table{
	width:100%;
	}
}
.float_table TH{
}
.float_table TD{
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	TABLE.float_table{
	border-top:none;
	border-right:none;
	}
	.float_table TH,
	.float_table TD{
	padding-right:3%;
	padding-left:3%;
	float:left;
	width:94%;
	}
	.float_table TH{
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:none;
	}
	.float_table TD{
	border-top:none;
	border-right:1px solid #999;
	border-bottom:none;
	border-left:none;
	}
	.data_table.float_table TR:nth-child(odd),	/* 奇数行に着色 */
	.color_table.float_table TR:nth-child(odd){	/* 奇数行に着色 */
	background:none;
	}
	.color_table.float_table TH,
	.color_table.float_table TD{
	border:none;
	}
}


/*------------------------------------------------
  スマホ表示時にセルをスライドさせるタイプの表(WIDE)
------------------------------------------------*/

.float_table_wide SPAN.t_label{
display:none;
}


@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.data_table.float_table_wide{
	border-top:none;
	border-right:none;
	border-left:none;
	}

	.float_table_wide THEAD{
	display:none;
	}
	.float_table_wide TBODY TD{
	padding:0 10px 10px 10px;
	display:block;
	border-top:none;
	border-bottom:none;
	}
	.float_table_wide TH SPAN.t_label{
	margin-right:1em;
	display:inline-block;
	font-size:87.5%;
	}
	.float_table_wide TD SPAN.t_label{
	margin:0 -10px 10px -10px;
	padding:5px 10px;
	display:block;
	border-top:1px solid #999;
	background:#DCDCDC;
	}
	.float_table_wide TD~TD SPAN.t_label{
	border-top:none;
	}
}




/*------------------------------------------------
  テーブルレイアウト
------------------------------------------------*/
DIV.island,
TABLE.island,
UL.island,
OL.island,
DL.island{
margin-right:auto !important;	/* インデントリセット */
margin-left:auto !important;	/* インデントリセット */
display: table;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	DIV.island,
	TABLE.island,
	UL.island,
	OL.island,
	DL.island{
	margin-right:0 !important;
	margin-left:0 !important;
	}
}







/*--------------------------------------------------------------------
  「トップページ」固有の設定
---------------------------------------------------------------------*/
/*------------------------------------------------
  トップページ スライド欄
------------------------------------------------*/

/*-----------------------------------------------
  トップページ「PR欄」共通
------------------------------------------------*/
.top_pr>*{
margin-right:auto;
margin-left:auto;
}
.top_pr H4{
border-bottom:none;
}


@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.top_pr.lv1{
	padding:4em 0;
	}
	.top_pr P{
	text-align:left;
	}
	.top_pr P BR{
	display:none;
	}
}


/*-----------------------------------------------
  トップページ「PR欄」メインタイトル
------------------------------------------------*/
#mainvisual{
background:#FFF url(img/bg.jpg) no-repeat center;
/* background-attachment:fixed; */
background-size:cover;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
height:75vh;
height:600px;
width:100%;
position:relative;
top:0;
}
#mainvisual H2{
padding:3.0em 0.5em 1.0em 0.5em;
position:absolute;
transform : translate(-50%, -50%);
top:50%;
left:50%;
font-size:200.0%;	/* 32px */
}

#mainvisual .text{
padding:1.0em 0;
display:block;
font-size:50.0%;	/* 16px */
color:#000;
text-shadow: 0.05em 0.05em 0.1em #FFF;
}
#mainvisual .inline{
white-space: nowrap;
}


@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#mainvisual{
	height:auto;
	position:static;
	}
	#mainvisual H2{
	position:static;
	transform : translate(0, 0);
	}

}
@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
	#mainvisual H2{
	padding:4.0em 0.5em 3.0em 0.5em;
	}

}
@media only screen and (max-width:320px) {	/* スマホS縦用 */
	#mainvisual H2{
	font-size:10vw;
	}

}



/*-----------------------------------------------
  トップページ「PR欄」Service Guide
------------------------------------------------*/
#top_guide{
}
#top_guide>*{
width : -webkit-calc(100% - 30px) ;
width : calc(100% - 30px);
max-width:1200px;
}

#top_guide .item{
margin-bottom:5.0em;
}
#top_guide .item LI{
padding-top:4.0em;
}


#top_guide H4{
padding-top:90px;
background-repeat:no-repeat;
background-position:center top;
font-size:187.5%;	/* 30px */
}

#top_guide01 H4{
background-image:url(img/icon_anesthesia.png);
}
#top_guide02 H4{
background-image:url(img/icon_support.png);
}

@media only screen and (max-width:980px) {	/* 幅の狭いPC以下用 */
	#top_guide LI P{
	text-align:left;
	}
	#top_guide LI P BR{
	display:none;
	}
}
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#top_guide H4{
	margin-bottom:-0.8em;
	}
	#top_guide .link_large{
	max-width:400px;
	}

}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#footer .link_large,
	#top_guide .link_large{
	padding:0.7em 0.5em;
	font-size:112.5%;	/* 18px */
	}
}
@media only screen and (max-width:320px) {	/* スマホS縦用 */
	#footer .link_large,
	#top_guide .link_large{
	font-size:5vw;
	}
}

/*-----------------------------------------------
  トップページ「PR欄」About US
------------------------------------------------*/
#top_about{
background:rgba(160,216,239,0.1);	/* SkyBlue 10% */
}
#top_about H2+ARTICLE{
margin-top:3.0em;
}
#top_about ARTICLE{
max-width:1200px;
position:relative;
align-items: center;
}
#top_about ARTICLE:hover{	/* moreリンクを親要素全体に */
opacity:0.6;
}

/* 
奇数番目：左 画像　右テキスト
偶数番目：左 テキスト　右画像

*/
#top_about ARTICLE>IMG{
margin:0 auto;
width:52%;
}
#top_about ARTICLE>DIV.text{
width:48%;
}
#top_about ARTICLE:nth-of-type(2n){
flex-direction: row-reverse;	/* 偶数番目「画像を後に」 */
}

#top_about H4{
padding:1.5em 0.5em 0 0.5em;
border-top:1px solid #A0D8EF;	/* SkyBlue */
font-weight:500;
}
#top_about UL{
margin:auto;
padding:1.5em;
}
#top_about UL LI{
margin:0 auto;
display:inline-block;
}
#top_about UL LI+LI::before{
margin:auto 0.25em;
content:"/";
display:inline-block;
color:#CCC;
}
/*------ 詳細リンクを親要素全体に拡張 ------*/
A.more{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}
A.more SPAN{
display:none;
}



@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#top_about ARTICLE{
	padding:0 15px;
	position:static;	/* moreリンク全体拡張解除 */
	}
	#top_about ARTICLE:hover{	/* moreリンク全体拡張解除 */
	opacity:1.0;
	}

	#top_about ARTICLE>IMG{
	width:auto;
	}
	#top_about ARTICLE>DIV.text{
	padding-bottom:2.5em;	/* Moreボタンの分 */
	width:100%;
	position:relative;	/* moreリンク全体拡張 */
	transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	}
	#top_about ARTICLE>DIV.text:hover{	/* moreリンク全体拡張解除 */
	opacity:0.6;
	}

	#top_about ARTICLE+ARTICLE{
	margin-top:4.0em;
	}
	#top_about ARTICLE:nth-of-type(2n){	/* 偶数番目「画像を後に」をリセット */
	flex-direction: row;
	}
	#top_about H4{
	padding:1.5em 0 0 0;
	border-top:none;
	}
	#top_about A.more SPAN{
	padding:0.3em 1.0em;
	display:inline-block;
	position:absolute;
	transform : translate(-50%, 0);
	bottom:0;
	left:50%;
	}
}
@media only screen and (max-width:320px) {	/* スマホS縦用 */
	#top_about H4{
	font-size:6.3vw;
	}

}



/*-----------------------------------------------
  トップページお知らせ欄
------------------------------------------------*/
#home #news{
margin:auto;
padding:5.0em 1.5em 4.0em 1.5em;
background:#FFF;
}
#home #news H2{
position:relative;
}
/*------ あおぞらCGI埋め込み 使用中------*/
#home #news>DIV{
margin:auto;
max-width:900px;
}

/*------ HTMLVer.不使用 ------*/
#home #news ARTICLE{
margin:2px auto;
padding:0.8em 0.8em 0.7em 1.2em;
text-align:left;
line-height:1.3;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
position:relative;
border-bottom:1px solid #A0D8EF; /* SkyBlue */
max-width:900px;
}
#home #news ARTICLE:first-of-type{
border-top:1px solid #A0D8EF; /* SkyBlue */
}

#home #news .date{
padding:0.4em 1.0em;
font-size:87.5%;	/* 14px */
text-align:left;
font-weight:300;
display:inline-block;
vertical-align:top;
width:6.0em;
}
#home #news ARTICLE.new::before{
content:"NEW";
top:2.0em;
bottom:auto;
left:0;
font-size:62.5%;	/* 10px */
position:absolute;
color:#DE83A0; /* pink */ 
}
#home #news .contents{
margin:0;
padding:0.3em 0;
display:inline-block;
vertical-align:top;
max-width : -webkit-calc( 100% - 8.5em ) ;
max-width : calc( 100% - 8.5em );
font-size:100%;
font-weight:400;
}





@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#home #news{
	padding:3.0em 0.5em 4.0em 0.5em;
	}
}
@media only screen and (min-width:541px) {	/* PC～タブレット用 */
	.news_frame{	/* あおぞらCGIお知らせ スマホ用は非表示 */
	display:none;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.osirase_outer{	/* あおぞらCGI お知らせPC用は非表示 */
	display:none;
	}

	#home #news ARTICLE{
	margin:2px;
	padding:0.8em 0.4em 0.7em 0.6em;
	}
	#home #news .date{
	padding:0;
	display:block;
	}
	#home #news .contents{
	display:block;
	max-width : 100%;
	}
	#home #news ARTICLE.new::before{
	position:static;
	display:block;
	}
}





/*--------------------------------------------------------------------
  「当オフィスについて」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  プロフィール
------------------------------------------------*/
#profile{
}
#profile_photo{
}
#profile_data{
text-align:left;
}
#profile H4{
margin-top:0.5em;
border-bottom:none;
}


/*------ 略歴 ------*/
.profile_list{
padding-top:0.5em;
}
.profile_list LI{
margin-top:0;
margin-bottom:0;
padding:0.6em 0.5em 0.45em 0.5em;
border-bottom:1px solid #A0D8EF; /* SkyBlue */
}
.profile_list:not(.skip) LI:first-child{
border-top:1px solid #A0D8EF; /* SkyBlue */
}

.profile_list.skip LI{
border-bottom:none;
}


.profile_list LI SPAN{
display:inline-block;
}
.profile_list LI>SPAN{
padding:0.15em 0 0 0;
display:inline-block;
}
.profile_list.skip LI>SPAN{	/* 年月日を主要項目のみ表示する場合 */
display:block;
}

.profile_list:not(.skip) SPAN.date{
width:6.5em;
}
.profile_list.skip SPAN.date{
padding:0.8em 0 0.5em 0.2em;
border-top:1px solid #A0D8EF; /* SkyBlue */
}

.profile_list SPAN.m{
text-align:right;
width:2.5em;
}
.profile_list SPAN.text{
margin-left:0.75em;
}



@media only screen and (max-width:980px) {	/* 狭いPC以下用 */
	.layoutbox#profile_item>*:nth-child(1),
	.layoutbox#profile_item>*:nth-child(2){
	float:none;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.profile_list.table,
	.profile_list LI>SPAN{
	display:block;
	}
	.profile_list SPAN.m{
	width:auto;
	}

}
/*--------------------------------------------------------------------
  「麻酔内容」固有の設定
--------------------------------------------------------------------*/
/*------------------------------------------------
  精神鎮静法の目的・適応（共通）
------------------------------------------------*/
#guide SECTION.flexbox{
align-items: center;
}
#guide [id$="_photo"]{
width:50%;
}
#guide [id$="_photo"] IMG{
margin:auto;
display:block;
position:relative;
z-index:1;
}

#guide [id$="_list"]{
width:50%;
}
#guide [id$="_list"] OL{
padding:1.5em;
position:relative;
z-index:2;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background:#FFF0F5;	/* LavenderBlush */
}

#guide [id$="_list"] OL::before{	/* マスキングテープ */
content: "";
position:absolute;
transform : translate(-50%, 0) rotate(-3deg);
top:-1.0em;
left:50%;
background:rgba(96,199,240,0.1);	/* SkyBlue ++ 10% */
height:2.0em;
width:6.0em;
}


#guide [id$="_list"] LI{
text-align:left;
}

/*------------------------------------------------
  精神鎮静法の目的
------------------------------------------------*/
#purpose_list OL{
margin-left:-1.8em;
}

/*------------------------------------------------
  精神鎮静法の適応
------------------------------------------------*/
#indication_item.flexbox{
flex-direction: row-reverse;	/* 偶数番目「画像を後に」 */
}
#indication_list OL{
}
#indication_photo IMG{
margin-left:-1.8em !important;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#guide [id$="_photo"]{
	width:100%;
	}
	#guide [id$="_list"]{
	width:100%;
	}
	#guide [id$="_list"] OL{
	margin-top:-1.5em;
	margin-left:0;
	margin-right:auto;
	}
	#indication_photo IMG{
	margin-left:auto !important;
	}


}



/*--------------------------------------------------------------------
  「ご依頼からオペまでの流れ」固有の設定
--------------------------------------------------------------------*/
#flow_guide SECTION{
counter-increment: cnt;
position:relative;
}
#flow_guide H4{
padding-top:4.0em;
position:relative;
}
#flow_guide H4::before,
#flow_guide H4::after{
color:#60C7F0;	/* SkyBlue ++ */
position:absolute;
transform : translate(-50%, 0);
left:50%;
font-weight:500;
}

#flow_guide H4::before{
content:"STEP";
top:0;
font-size:80%;	/* 16px */
}
#flow_guide H4::after{
content: counter(cnt);
top:0.5em;
font-size:200%;	/* 40px */
}


#flow_guide SECTION~SECTION::before{
content:"";
position:absolute;
transform : translate(-50%, 0);
left:50%;
top:-3.0em;

border-style: solid;
border-color: rgba(160,216,239,0.5) transparent transparent transparent;	/* SkyBlue */
border-width: 1.5em 1.5em 0 1.5em;
}


/*--------------------------------------------------------------------
  「個人情報保護方針 プライバシーポリシー」固有の設定
--------------------------------------------------------------------*/
#privacypolicy SECTION.text{
max-width:900px;
padding-left:2.0em;
}
#privacypolicy H3{
padding-left:0;
text-indent:-1.35em;
font-size:125.0%;	/* 20px */
}
#privacypolicy H3+*,
#privacypolicy H4+*{
margin-top:0;
}
#privacypolicy H4{
margin-left:0;
display:table;
font-size:112.5%;	/* 18px */
text-align:left;
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#privacypolicy #lead{
	text-align:left;
	}
	#privacypolicy #lead .inline{
	display:inline;
	}
	#privacypolicy SECTION.text{
	padding-left:1.5em;
	}

}



/*--------------------------------------------------------------------
  「コンテンツ」固有の設定
--------------------------------------------------------------------*/

/*------------------------------------------------
  OLリスト 自動ナンバリング + 丸数字
------------------------------------------------*/
OL.autonumbering{
list-style-position:inside;
}
DL.autonumbering>DT,
OL.autonumbering>LI{
margin-left:2.5em;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.5em;
counter-increment: cnt;
list-style-type:none;
position:relative;
}
OL.flow.autonumbering>LI{
margin-left:0;
padding-left:3.0em;
}
DL.autonumbering>DT::before,
OL.autonumbering>LI::before{
padding:0.26em 0 0.24em 0;
display: marker;
content: counter(cnt);
background:#90D5F0;	/* SkyBlue + */
color:#FFF;
width:1.5em;
line-height:1.0;
text-align:center;
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
letter-spacing:0;
font-size:125.0%;	/* 20px */
position:absolute;
right:100%;
top:0;
}
OL.flow.autonumbering>LI::before{
top:0.7em;
left:0.5em;
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	OL.flow.autonumbering>LI{
	padding-left:1.0em;
	}
	OL.flow.autonumbering>LI::before{
	top:-0.7em;
	left:50%;
	transform : translate(-50%, 0);

	}

}

/*-----------------------------------------------
  flexbox レイアウトをレスポンシブで可変
------------------------------------------------*/
MAIN .flexbox{
margin:auto;
display : -webkit-box;     /* old Android */
display : -webkit-flex;    /* Safari etc. */
display : -ms-flexbox;     /* IE10        */
display : flex;
-webkit-flex-wrap: wrap;          /* Safari etc. */
-ms-flex-wrap    : wrap;          /* IE10        */
flex-wrap        : wrap;
align-items: stretch;	/* 子要素の高さを揃える */
justify-content:center;	/* 左右中央揃え（センタリング） */
}
.flexbox.start{
justify-content:flex-start;	/* 左揃え（初期値） */
}
.flexbox.end{
justify-content:flex-end;	/* 右揃え */
}

/*-----------------------------------------------
  ふわっと表示　じわじわ(with JavaScript)
------------------------------------------------*/
.effect-fade {
opacity : 0;
transition : opacity 1500ms;
}
.effect-move{
opacity : 0;
transform : translate(0, 10vh);
transition : opacity 2500ms, transform 1500ms;
}

.effect-fade.effect-scroll {
opacity : 1;
}
.effect-move.effect-scroll {
opacity : 1;
transform : translate(0, 0);
}



/*------------------------------------------------
  画像を背景に
------------------------------------------------*/
.photobg{
background-repeat:no-repeat;
background-size: cover;
-moz-background-size:cover;
-webkit-background-size:cover;
-o-background-size:cover;
-ms-background-size:cover;
background-position:center;
}

/*------ 背景色 ------*/
.whitebg{
background-color:#FFF;
}




/*------------------------------------------------
  ギャラリー表示（Magnific-Popup-master）
------------------------------------------------*/
.gallery-popup A{
position:relative;
display:block;
outline:none;
text-decoration:none;
cursor: url(img/magnify_plus.cur), pointer;	/* カーソルを虫眼鏡に */
}
.gallery-popup A:hover{
opacity:0.8;	/* Safari,Opera,Chrome */
filter:alpha(opacity=80); 	/* IE8,IE7 */
-ms-filter:"alpha(opacity=80)";	/* IE8 */
-moz-opacity: 0.8;	/* FireFox */
zoom:1;
}


/* 
====== Zoom effect ======
*/
.mfp-zoom-in {
  /* start state */
  /* animate in */
  /* animate out */
}
.mfp-zoom-in .mfp-with-anim {
  opacity: 0;
  transition: all 0.5s ease-in-out;	/* 初期値0.3 */
  transform: scale(1.0);	/* 初期値0.8 */
}
.mfp-zoom-in.mfp-bg {
  opacity: 0;
  transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
  opacity: 1;
  transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
  opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
  transform: scale(0.8);
  opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
  opacity: 0;
}


/*------------------------------------------------
  スマホ・タブレットで別画面表示ズーム
------------------------------------------------*/
@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	A.zoom,
	.zoom A{
	padding:10px;
	position:relative;
	border:1px solid #CCC;
	display:block;
	outline:none;
	text-decoration:none;
	}
	A.zoom::after,
	.zoom A::after{
	position:absolute;
	bottom:0;
	right:0;
	display:inline-block;
	width:24px;
	line-height:24px;
	font-family: "Font Awesome 6 Free";
	content:"\f00e";
	font-weight:bold;
	font-size:20px;
	}
}

/*------------------------------------------------
  アイテム横並び .flexbox
------------------------------------------------*/
UL.item{
}
UL.item>LI{
margin:1.5em 0 0 1.5em;
padding:0;
text-indent:0;
}
UL.item.margin>LI{
margin:3.0em 0 0 3.0em;
}
UL.item.padding>LI{
padding:1.0em;
}
UL.item>LI::before{
display:none !important;
}
UL.item>LI>*{
margin-bottom:0;
}
UL.item>LI :first-child{
margin-top:0;
}

/*------ 2列 ------*/
UL.item.part2>LI{
width : -webkit-calc( (100% - 1.5em) / 2 );
width : calc( (100% - 1.5em) / 2 );
}
UL.item.part2.margin>LI{
width : -webkit-calc( (100% - 3.0em) / 2 );
width : calc( (100% - 3.0em) / 2 );
}
UL.item.part2>LI:nth-child(odd){	/* 奇数 */
margin-left:0;
}
UL.item.part2>LI:nth-child(1),	/* 1個目 */
UL.item.part2>LI:nth-child(2){	/* 2個目 */
margin-top:0;
}

/*------ 3列 ------*/
UL.item.part3>LI{
width : -webkit-calc( (100% - 3.0em) / 3 );
width : calc( (100% - 3.0em) / 3 );
}
UL.item.part3.margin>LI{
width : -webkit-calc( (100% - 6.0em) / 3 );
width : calc( (100% - 6.0em) / 3 );
}
UL.item.part3>LI:nth-child(3n+1){	/* 1、4、7番目… */
margin-left:0;
}
UL.item.part3>LI:nth-child(1),	/* 1個目 */
UL.item.part3>LI:nth-child(2),	/* 2個目 */
UL.item.part3>LI:nth-child(3){	/* 3個目 */
margin-top:0;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	UL.item.part2.margin>LI,
	UL.item.part2>LI{
	margin-left:0;
	width:100%;
	}
	UL.item.part2>LI:nth-child(2){	/* 2分割2個目 */
	margin-top:1.5em;
	}
	UL.item.part2.margin>LI:nth-child(2){	/* 2分割2個目 */
	margin-top:3.0em;
	}
}

@media only screen and (min-width:591px) and (max-width:768px) {	/* スマホ横用 */
	UL.item.part3>LI{
	width : -webkit-calc( (100% - 1.5em) / 2 );
	width : calc( (100% - 1.5em) / 2 );
	}
	UL.item.part3.margin>LI{
	width : -webkit-calc( (100% - 3.0em) / 2 );
	width : calc( (100% - 3.0em) / 2 );
	}

	UL.item.part3>LI:nth-child(odd){	/* 奇数 */
	margin-left:0;
	}
	UL.item.part3>LI:nth-child(3n+1){	/* 1、4、7番目… */
	margin-left:inherit;
	}
	UL.item.part3>LI:nth-child(3){	/* 3個目 */
	margin-top:inherit;
	}
	UL.item.part3>LI:nth-child(n+3){	/* 3番目以降 */
	margin-top:2.0em;
	}
	UL.item.part3.margin>LI:nth-child(n+3){	/* 3番目以降 */
	margin-top:3.0em;
	}
}
@media only screen and (max-width:590px) {	/* スマホ縦用 */
	UL.item.part3.margin>LI,
	UL.item.part3>LI{
	margin-left:0;
	width:100%;
	}
	UL.item.part3>LI:nth-child(n+2){	/* 3分割3個目 */
	margin-top:1.5em;
	}
	UL.item.part3.margin>LI:nth-child(n+2){	/* 3分割3個目 */
	margin-top:3.0em;
	}
}



/*------------------------------------------------
  左右振り分け 任意の幅
------------------------------------------------*/
.layoutbox{
margin:auto;
}
.layoutbox>*:nth-child(1){
float:left;
}
.layoutbox>*:nth-child(2){
float:right;
}
.layoutbox>LI>P{
line-height:1.8;
}


/*------ 4:6 ------*/
.layoutbox .w40p{
width : -webkit-calc(40% - 25px) ;
width : calc(40% - 25px);
}
.layoutbox .w60p{
width : -webkit-calc(60% - 25px) ;
width : calc(60% - 25px);
}

/*------ 4.5:5.5 ------*/
.layoutbox .w45p{
width : -webkit-calc(45% - 25px) ;
width : calc(45% - 25px);
}
.layoutbox .w55p{
width : -webkit-calc(55% - 25px) ;
width : calc(55% - 25px);
}

/*------ 5:5 ------*/
.layoutbox .w50p{
width : -webkit-calc(50% - 25px) ;
width : calc(50% - 25px);
}





@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.layoutbox>*:nth-child(1),
	.layoutbox>*:nth-child(2){
	float:none;
	width:100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	}
}


/*------------------------------------------------
  枠
------------------------------------------------*/
.border{
border:2px solid rgba(195,13,35,0.2);	/* ロゴ赤 */
}

.radius{
border-radius:0.5em;
-webkit-border-radius:0.5em;
-moz-border-radius:0.5em;
}

.radius2em{
border-radius:2em;
-webkit-border-radius:2em;
-moz-border-radius:2em;
}
.radius50{
border-radius:50%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
}


@media only screen and (max-width:590px) {	/* スマホ縦用 */
	.border{
	padding:0.5em;
	}

}



/*------------------------------------------------
  電話番号自動リンク(with JavaScript)
------------------------------------------------*/
A.tellink {
pointer-events: none;	/* PCの時はリンクしない */
cursor: default;
text-decoration: none;
display:block;
}
A.tellink.tel {
pointer-events: auto;
}



/*------------------------------------------------
  上部サブメニュー
------------------------------------------------*/


/*------------------------------------------------
  丸数字
------------------------------------------------*/
.number{
display:inline-block;
background:#246995;	/* 薄青 */
color:#FFF;
width:1.5em;
line-height:1.5;
text-align:center;
}
H4 .number{
margin-right:0.3em;
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	H4 .number{
	margin-left:-2%;
	}

}


/*------------------------------------------------
  ラベル
------------------------------------------------*/
.label{
margin-right:auto;
padding:0 0.5em;
display: inline-block;
width:auto;
text-align:center;
line-height:1.5;
vertical-align:middle;
}
MAIN .label::before,
MAIN .label::after{
margin:-0.5em 0.2em 0 0.2em;
display:inline-block;
content:"-";
vertical-align:middle;
}






/*------------------------------------------------
  2列の表のようなDLリスト
------------------------------------------------*/
.content .dl_table{
}
.content .dl_table DT{
margin:6px 0;
padding:3px 0.5em 5px 0.5em;
clear:left;
float:left;
display:inline;
width:9em;	/* 10em */
background:#FCE9F2;	/* 赤紫15% */
text-align:center;
font-size:100.0%;	/* 16px */
font-weight:normal;
text-align:center;
}

.content .dl_table DD{
margin:0 0 10px 0;
padding:10px 0 0 12em;
background:url(img/spacer.gif) no-repeat;	/* Android4.0対策 */
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.content .dl_table{
	background:none;
	}
	.content .dl_table DT{
	width:auto !important;
	float:none;
	display:block;
	text-align:left;
	}
	.content .dl_table DD+DT{
	margin-top:20px;
	}
	.content .dl_table DT BR{
	display:none;
	}
	.content .dl_table DD{
	margin:0 0 10px 0;
	padding:0 5px !important;
	}

}

/*------------------------------------------------
  レイアウト
------------------------------------------------*/
.inline{
display:inline-block;
}
.block{
margin-right:auto;
margin-left:auto;
display:block;
}
.table{
margin-right:auto;
margin-left:auto;
display:table;
width:auto;
}


/*------------------------------------------------
  準備中表示
------------------------------------------------*/
.content .underconstruction{
margin:30px auto;
padding:150px 0 100px 0;
background-image:url(img/comingsoon.png);
background-position:center 30px;
background-repeat:no-repeat;
text-align:center;
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.content .underconstruction{
	padding:30px 0;
	background-position:center;
	}
}


/*------------------------------------------------
  区切りのスラッシュ / 表示
------------------------------------------------*/
.slash::before{
margin-right:0.5em;
margin-left:0.5em;
display:inline-block;
content:"/";
}
.dot::before{
display:inline-block;
content:"・";
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.slash::before,
	.dot::before{
	display:block;
	content:"";
	}
}



/*------------------------------------------------
   行頭アイコン
------------------------------------------------*/
/*------ 行頭に配置 ------*/
.icon [class^="fa-"]{
margin-right:0.5em;
vertical-align:middle;
line-height:1.0;
}
/*------ 上に配置 ------*/
.icon.block [class^="fa-"]{
margin:0 auto 0.2em auto;
display:block;
}

/*------------------------------------------------
   リンクボタン（共通）
------------------------------------------------*/

*[class^="link_"],
A[class^="link_"]:visited{
color:#FFF;
background:#60C7F0;	/* SkyBlue ++ */
border:1px solid #60C7F0;	/* SkyBlue ++ */
zoom: 1;
outline: none;
text-align:center;
display:inline-block;
border-radius:2em;
-moz-border-radius:2em;
-webkit-border-radius:2em;
}
A[class^="link_"]:hover{
color:#FFF;
background:#A0D8EF; /* SkyBlue */
border-color:#A0D8EF; /* SkyBlue */
}

*[class^="link_"].outline,
A[class^="link_"].outline:visited,
A[class^="link_"].outline:hover{
border-color:inherit;
background:transparent;
}


[class^="link_"].invert{
color:#000;
background:#FFF;
border-color:#000;
}
A[class^="link_"].invert.white{
color:#FFF;
background:url(img/spacer.gif);
border-color:#FFF;
}
A[class^="link_"].invert:hover{
color:#FFF;
background:#60C7F0;	/* SkyBlue ++ */
border:1px solid #60C7F0;	/* SkyBlue ++ */
}



[class^="link_"].before::before,
[class^="link_"].after::after{
font-family: "Font Awesome 6 Free";
display:inline-block;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
content: "\f105";
font-weight : 900;
}
[class^="link_"].after::after{
margin-left:0.5em;
}
[class^="link_"].before::before{
margin-right:0.5em;
}
[class^="link_"].before.mail::before{
content: "\f0e0";
}


/*------------------------------------------------
   リンクボタン（小）
------------------------------------------------*/
.link_small{
padding:0 0.5em;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.link_small{
	padding:0.5em 10px;
	}
}

/*------------------------------------------------
   リンクボタン（大）
------------------------------------------------*/
.link_large{
margin:auto;
padding:0.7em 1em;
font-size:125.0%;	/* 20px */
}
.link_large SPAN[class^="fa-"]{
margin:-0.15em 0.5em 0 0;
font-size:120.0%;	/* 24px */
vertical-align:middle;
}



@media only screen and (max-width:768px) {	/*/* スマホ横以下用 */
	.link_large{
	padding:0.5em 0;
	display:block;
	width:90%;
	}
}
@media only screen and (min-width:541px) and (max-width:768px) {	/*/* スマホ横用 */
	.link_large{
	max-width:600px;
	}
}

/*------------------------------------------------
   チェックリスト
------------------------------------------------*/
.check_list{
text-align:left;
}
.check_list LI{
margin:0.8em auto;
padding-left:2.1em;
text-indent:-2.1em;
}

.check_list LI::before{
margin-right:1.0em;
padding:0.15em 0.1em 0.15em 0.2em;
font-family: "Font Awesome 6 Free";
content:"\f00c";
font-weight:bold;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
width:1.0em;
height:1.0em;
line-height:1;
background:#FFF;
border-top:2px solid rgba(0,0,0,0.3);
border-right:2px solid rgba(0,0,0,0.15);
border-bottom:2px solid rgba(0,0,0,0.15);
border-left:2px solid rgba(0,0,0,0.3);
text-indent:0;
color:#60C7F0;	/* SkyBlue ++ */
font-size:81.25%;	/* 13px */
text-align:center;
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.check_list LI{
	padding-left:1.3em;
	text-indent:-1.7em;
	}
	.check_list LI::before{
	margin-right:0.5em;
	}

}


/*------------------------------------------------
   強調枠囲み
------------------------------------------------*/
/*------------------------------------------------
  お問い合わせ枠
------------------------------------------------*/
.check{
padding:1.0em 1.5em;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}

DIV.check{
margin-top:1.8em;
margin-bottom:1.8em;
}

DIV.check>*{
margin-top:0;
margin-bottom:0;
}
DIV.check>*~*{
margin-top:15px;
}
.content>.check.island{
margin-right:auto;	/* インデントリセット */
margin-left:auto;	/* インデントリセット */
display: table;
min-width:600px;
}





@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.content>.check,
	.content>.check.island{
	margin-right:0;	/* インデントリセット */
	margin-left:0;	/* インデントリセット */
	min-width:auto;
	min-width:initial;
	display: block;
	width:auto;
	}
}


@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.check{
	padding:1.0em;
	}
}




/*--------------------------------------------------------------------
  共通レイアウト枠
--------------------------------------------------------------------*/

@media only screen and (min-width:769px) {	/* PC用 */
	MAIN{
	min-height:70vh;
	}
}

BODY:not(#home) ARTICLE{
padding:3.0em 0 5.0em 0;
}
.lv1{
padding:6em 0;
}
.lv2{
padding:3em 0;
}
.lv3{
padding:1em 0;
}


/*------------------------------------------------
  SECTION
------------------------------------------------*/
.content{
margin-right:auto;
margin-left:auto;
padding-top:0.5em;
padding-bottom:0.5em;
width : -webkit-calc(100% - 30px) ;
width : calc(100% - 30px);
max-width:1150px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.content.text{
text-align:left;
}
@media only screen and (min-width:980px) {	/* 幅の広いPC用 */
	.content.text>UL.list,
	.content.text>UL.kome,
	.content.text>P{
	max-width:900px;
	margin-right:auto;
	margin-left:auto;
	}
	.content.text>P:not(class^="text"){
	text-align: justify;
	text-justify: inter-ideograph;
	max-width:900px;
	}
}

H3+.content>*:first-child{
margin-top:1.0em;
}
ARTICLE>SECTION+SECTION{
margin-top:5.0em;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	ARTICLE{
	padding:3em 0;
	max-width:auto;
	max-width:initial;
	min-width:auto;
	min-width:initial;
	}
	BODY:not(#home) ARTICLE>*{
	max-width:auto;
	max-width:initial;
	min-width:auto;
	min-width:initial;
	}

}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	.content.text{
	text-align: left;
	}

}


/*--------------------------------------------------------------------
  ヘッダー
--------------------------------------------------------------------*/
#header{
width:100%;
position:fixed;
top:0;
left:0;
z-index:10;	/* IE7以下でプルダウンメニューが隠れるための対策 */
}
#header A{
display:block;
}

@media only screen and (min-width:769px) {	/* PC用 */
	#header.fixed{	/* ヘッダー上部固定用 */
	position:fixed !important;
	top:0;
	left:0;
	z-index:10000;
	width:100%;
	height:50px;
	}
}



/*------------------------------------------------
  ヘッダーロゴ 
------------------------------------------------*/
#header H1{
display:table;
height:50px;
}
#header H1 A{
margin:auto;
padding:0 10px;
background:#60C7F0;	/* SkyBlue ++ */
color:#FFF;
letter-spacing:0.1em;
text-align:center;
display:table-cell;
vertical-align:middle;
opacity:0.90;
line-height:1;
}
#header H1 A .eng{
margin-left:0.1em;
display:inline-block;
letter-spacing:0.2em;
}
#header H1 A:hover{
opacity:0.7;
}

@media only screen and (min-width:797px)  {	 /* PC用 */
	#home #header:not(.fixed) H1{
	font-size:200.0%;	/* 32px */
	height:8em;
	width:8em;
	border-collapse: separate;
	border-spacing:10px 10px;	/* 前の数字：横方向　後ろの数字 縦方向 */
	}
	#home #header:not(.fixed) H1 A{
	line-height:1.8;
	}

	#home #header:not(.fixed) H1 A .eng{
	margin-left:auto;
	display:block;
	}
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.fixed{	/* ヘッダー上部固定用を解除（現在ヘッダー上部固定を使用中） */
	position:static;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#header H1{
	z-index:113;
	position:relative;
	}

	#header H1{
	max-width:-webkit-calc( 100% - 65px );
	max-width:calc( 100% - 65px );
	
	}

}

/*--------------------------------------------------------------------
  プライマリーナビゲーションメニュー(PrimaryMenu)
--------------------------------------------------------------------*/

/*------------------------------------------------
  Homeボタン 廃止
------------------------------------------------*/

/*--------------------------------------------------------------------
  グローバルナビゲーションメニュー(menubar)
--------------------------------------------------------------------*/
#global_navi{
height:50px;
z-index:100;
width:100%;
height:1px;
text-align:left;
position:absolute;
top:0;
right:0;
display:block !important;	/* PCでの非表示から表示へ */
}


/*------------------------------------------------
  全体 
------------------------------------------------*/
#global_navi LI{
position: relative;
}


#global_navi > SPAN{
display:block;
padding:0;
position:absolute;
top:0;
right:0;
width: 50px;
height: 50px;
text-align: left;
text-indent: -9999px;
background-repeat:no-repeat;
background-image:url(img/sp_nav.png);
background-position:-50px 0;
cursor:pointer;
z-index:111;
}
#global_navi > SPAN#global_navi_close{
background-position:-100px 0px;
}


UL#globalmenu{
margin:0 auto;
padding:50px 0 0 0;
display: none;
position: absolute;
top:0;
right:0;
background:rgba(226,243,250,0.97);	/* SkyBlue #e2f3fa 30% */

z-index:110;	/* IE7以下でプルダウンメニューが隠れるための対策 */
/* width:100%; */
}
#header.fixed #global_navi UL#globalmenu.open,
#global_navi UL#globalmenu.open{
display: block;
}
#global_navi > SPAN.open{
background-position:-100px 0px;
}


UL#globalmenu>LI.active{
}
UL#globalmenu>LI>A{
padding:0.8em 1.2em;
color:#000;
position:relative;
}
UL#globalmenu>LI A:hover{
background:#90D5F0;	/* SkyBlue + */
color:#FFF;
}

UL#globalmenu>LI.active A::after{
content: "";
position:absolute;
top:1.4em;
left:5px;
width:0;
height:0;
border-style: solid;
border-color: transparent transparent transparent #60C7F0;	/* SkyBlue ++ */
border-width: 0.3em 0 0.3em 0.3em;
transition: border-color 0.5s ease;
-webkit-transition: border-color 0.5s ease;
-moz-transition: border-color 0.5s ease;
-o-transition: border-color 0.5s ease;
}
UL#globalmenu>LI.active A:hover::after{
border-color: transparent transparent transparent #FFF;
}


UL#globalmenu>LI>A .eng{
padding-left:0.1em;
display:block;
color:#60C7F0;	/* SkyBlue ++ */
font-size:75.0%;	/* 12px */
letter-spacing:0.2em;
transition: color 0.3s ease;
-webkit-transition: color 0.3s ease;
-moz-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
}
UL#globalmenu>LI A:hover .eng{
color:#FFF;
}

@media only screen and (min-width:981px) {	/* ワイドPC用＆スクロール無し */
	#header:not(.fixed) #global_navi > SPAN{
	display: none;
	}
	#header:not(.fixed) #global_navi{
	height:auto;
	width:auto;
	}

	#header:not(.fixed) UL#globalmenu>LI A:hover{
	background:none;
	color:inherit;
	opacity:0.7;
	}
	#header:not(.fixed) UL#globalmenu>LI A:hover .eng{
	color:#00B6DA;	/* SkyBlue +-+ */
	}
	#header:not(.fixed) UL#globalmenu>LI.active A:hover::after{
	border-color: transparent transparent transparent #60C7F0;	/* SkyBlue ++ */
	}



	/*------------------------------------------------
	  PCメインメニュー第一階層
	------------------------------------------------*/
	#header:not(.fixed) UL#globalmenu{
	padding:0;
	max-width:1100px;
	display:table;
	position: static;
	background:none;
	}
	#header.fixed UL#globalmenu{
	display:none;
	}
	#header:not(.fixed) UL#globalmenu>LI{
	display:table-cell;
	vertical-align:top;
	}

	#header:not(.fixed) UL#globalmenu>LI>A{
	padding:0.5em 1.2em;
	}
	#header:not(.fixed) UL#globalmenu>LI.active A::after{
	top:1.0em;
	}
}

@media only screen and (max-width:768px) {	/* スマホ横以下用  */
}

@media only screen and (min-width:541px) and (max-width:768px) {	/* スマホ横用 */
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	UL#globalmenu{
	width:100%;
	}
}









/*------------------------------------------------
  コンテンツメニュー
------------------------------------------------*/
/*------ コンテンツメニュー ------*/
.contentmenu.inline{
margin:0 auto;
padding:0.5em 0;
text-align:center;
background:#FFF;
line-height:1.2;
font-size:87.5%;	/* 14px */
}

@media only screen and (min-width:1150px) {/* ワイドPC用 */
	.contentmenu.inline{
	padding:0.5em -webkit-calc( (102% - 1200px) / 2 );
	padding:0.5em calc( (102% - 1200px) / 2 );
	}

}


.contentmenu.inline LI{
margin:0.3em;
padding:0;
}
.contentmenu.inline A{
padding:0.8em 1.0em;
color:#FFF;
display:block;
border:1px solid transparent;
border-radius:2em;
-webkit-border-radius:2em;
-moz-border-radius:2em;
background:#666;
}
.contentmenu.inline .active A,
.contentmenu.inline A:hover{
background:#60C7F0;	/* SkyBlue ++ */

}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	.contentmenu.inline{
	font-size:100.0%;	/* 16px */
	}
}


/*--------------------------------------------------------------------
  パンくず・アンカー
--------------------------------------------------------------------*/
#pkl{
padding:0.5em 0;
background-color:rgba(255,255,255,0.6);
font-size:87.5%;	/* 14px */
}
#pkl A,
#pkl A:visited{
padding:0.5em 0.25em;
display:block;
}

#pkl>UL{
margin:auto;
display:block;
width : -webkit-calc(100% - 25px) ;
width : calc(100% - 25px);
max-width:1150px;
text-align:left;
}
#pkl>UL LI{
display:inline-block;
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#pkl>UL{
	width : -webkit-calc(100% - 10px) ;
	width : calc(100% - 10px);
	}
	#pkl>UL LI{
	margin:0.2em;
	}
	#pkl A,
	#pkl A:visited{
	padding:0.5em;
	background:#60C7F0;	/* SkyBlue ++ */
	color:#FFF;
	}
	#pkl A:hover{
	opacity:0.7;
	}

}

/*------------------------------------------------
  アンカー 
------------------------------------------------*/
#pt{
margin:0;
z-index:100;
position: fixed;
bottom:8px;
right:12px;
width: 40px;
height: 40px;
}
#pt A{
margin:0 auto;
display: block;
width: 40px;
height: 40px;
background:url(img/pt.png) 0 0 no-repeat;
zoom: 1;
text-indent: -9999px;
outline: none;
font-size: 1px;
overflow: hidden;
}
#pt A:hover{
background:url(img/pt_hover.png) 0 0 no-repeat;
}


/*--------------------------------------------------------------------
  フッター
--------------------------------------------------------------------*/
#footer{
margin:0 auto;
background:#FFF;
}


#footer_inner{
margin:0 auto;
padding:3.0em 1.0em 2.0em 1.0em;
background:#60C7F0;	/* SkyBlue ++ */
}
#footer_inner.white A{
color:#FFF;
}
#footer_inner.white A:hover{
opacity:0.7;	/* Safari,Opera,Chrome */
}



/*------------------------------------------------
  名称・お問い合わせ・TEL 
------------------------------------------------*/
/*------ H5病院名 ------*/
#footer H5{
margin:0 auto;
font-size:112.5%;	/* 18px */
letter-spacing:0.1em;
display:table;
}
#footer H5 .eng{
margin-left:0.2em;
display:inline-block;
letter-spacing:0.2em;
}
#footer H5 A{
display:table;
}
#footer H5 A::before{
margin:0 auto 10px auto;
content:"";
background:url(img/logomark_white.png);
width:60px;
height:60px;
display:block;
}




/*------------------------------------------------
  診療時間・住所
------------------------------------------------*/
/*------ フッター 連絡先欄 ------*/
#footer_info{
margin:1.0em auto;
padding:0;
display:table;
}
#footer_info LI{
margin:1.5em auto;
}
#footer_form .link_large{
display:block;
max-width:15em;
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#footer_info{
	display:block;
	}
}

@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#footer_mail .fa-solid{
	margin:auto;
	display:block;
	font-size:200%;	/* 28px */
	}
	#footer_mail{
	font-size:87.5%;	/* 14px */
	}

}




/*------------------------------------------------
  著作権
------------------------------------------------*/
#footermenu_copyright{
margin:0 auto;
padding:0 50px 0 0;	/* #pt表示分 */
width : -webkit-calc(100% - 60px) ;
width : calc(100% - 60px);
max-width:1140px;	/* 1200px */
}

#copyright{
margin:0;
padding:1.8em 0;
float:right;
font-size:68.75%;	/* 11px */
}

/*------ FooterMenu ------*/
#footermenu{
margin:1.0em auto 0 auto;
float:left;
}
#footermenu *{
vertical-align:middle;
}
#footermenu LI{
padding:0 1em 0 0;
display:inline-block;
}
#footermenu LI A{
display:block;
}
#footermenu [class^="fa"] {
font-size:137.5%;	/* 22px */
}

@media only screen and (max-width:768px) {	/* スマホ横以下用 */
	#footermenu{
	float:none;
	}
	#footermenu LI{
	padding:0.2em 1.0em;
	}
	#footermenu LI:first-child{
	display:block;
	}
	#copyright{
	float:none;
	}
}
@media only screen and (max-width:540px) {	/* スマホ縦用 */
	#footermenu_copyright{
	margin:0 auto;
	padding:0 3% 50px 3%;	/* #pt表示分 */
	width : 94%;
	}
}


/*--------------------------------------------------------------------
  clearfix
--------------------------------------------------------------------*/
/*------ 親要素にまとめて回り込み解除 ------*/
#footermenu_copyright::after,
#news_inner::after,
#news DL::after,
DL.dl_table::after{
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


/* Win版IE7とMac版IE5対策 */
#footermenu_copyright,
#news_inner,
#news DL,
DL.dl_table{
display: inline-table;
min-height:1%;  /* for IE 7*/
}


/* Win版IE5および6対策 */
/* Hides from IE-mac \*/
* html #footermenu_copyright,
* html #news_inner,
* html #news DL,
* html DL.dl_table{
height: 1%;
}
#footermenu_copyright,
#news_inner,
#news DL,
DL.dl_table{
display: block;
}
/* End hide from IE-mac */



/*------ 個別に回り込み解除（clearfix） ------*/
.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */