@charset "utf-8";

/* CSS Document */
body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "メイリオ" , "Meiryo UI" , Meiryo , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
	line-height: 1.6em;
	background-color: #fff;
}
.topback{
	background-color: #fff;
	background-image:url("../images/background3_hinode.jpg");
	background-position:top center;
	background-repeat:no-repeat;
}
/*
.back2{
	background-image:url(../images/background2.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}
.back3{
	background-image:url(../images/background3.jpg);
	background-position:top center;
	background-repeat:no-repeat;
}	
*/

/* default addition */
.container {
  padding-right: 0px;
  padding-left: 0px;
}
.container-fluid {
  padding: 0px;
}




.flex{
  display: -webkit-flex; /* Safari */
  display: flex;
}
.flex_LRTB {
	display: flex;
}
.flex_LRTB img{
	max-width: 100%;
}

.flex1 {
	flex: 1;
}
.flex3 {
	flex: 3;
}
.flex2 {
	flex: 2;
}
.flex4 {
	flex: 4;
}
.flex6 {
	flex: 6;
}
.flex7 {
	flex: 7;
}
.flex8 {
	flex: 8;
}
.flex1, .flex2, .flex3, .flex4, .flex6, .flex7, .flex8 {
	padding: 10px;
}
.justify-content-end {
	justify-content: flex-end;
}
.align-items-center {
	align-items: center;
}
.flex-wrap {
    flex-wrap: wrap;
}
.gap-5 {
	gap:5px;
} 
.topnav ul{
	margin: 0 auto 30px;
	padding:0;
  width: 940px;
  display: flex;
  flex-wrap: wrap;
}
.topnav ul li{
  list-style: none;
	width: 25%;
	margin-bottom: 15px;
}
.topnav ul li img{
	max-width: 100%;
}
.pc_n {
	display: none !important;
}
.sp_n {
	display: block !important;
}

.mt0 { margin-top: 0!important; }
.mt10 { margin-top: 10px!important; }
.mt20 { margin-top: 20px!important; }
.mt30 { margin-top: 30px!important; }
.mt40 { margin-top: 40px!important; }
.mb0 { margin-bottom: 0!important; }
.mb10 { margin-bottom: 10px!important; }
.mb20 { margin-bottom: 20px!important; }
.mb30 { margin-bottom: 30px!important; }
.mb40 { margin-bottom: 40px!important; }


/* ナビゲーションバー全体の背景色 */
.navbar-default{
  background-color: #e8de5b;
  border: 0px;
  border-radius:0px;
  padding:0px 0px;
}
/* ナビゲーションバー全体 */
.navbar-header{
	margin-right:0px;
	margin-left:0px;
	padding:0px;
	width:100%;
}

/* ナビゲーションリンク（区切り線あり） */
.navbar-default .nav > li > a {
	color: #625119;
	margin:0px;
}
.navbar-nav > li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #fff;
}
.navbar-nav > li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #fff;
}
/* ナビゲーションバーHover時 */
.navbar-default .brand:hover,
.navbar-default .nav > li > a:hover,
.navbar-default .brand:focus,
.navbar-default .nav > li > a:focus {
	color: #ffffff;
	background-color: #4DB4C0;
}



/* ≡ボタンの設定 */
.navbar-toggle{
	margin:0px 0px 0px 15px ;
	padding:12px 10px;
	color: #ffffff;
	background-color:#4DB4C0;
	border-radius: 0px;
  	float: left;
	text-align:left;
	width:100%;
}
/* ≡の背景色 */
.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff;
}
/* ≡ボタンの周囲の枠 */
.navbar-default .navbar-toggle {
  border : none;
}
/* ≡ボタンのHover時 */
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #4DB4C0;
}
/* ナビゲーションバー左右の余白を削除 */
.navbar-nav{
	margin:0px 0px;
}
#navbar{
	margin:0px;
}
.navbar{
	margin-bottom:0px;
}


/* original addition */
#h1_wrap{
	width:100%;
	background-color: #fff;
}

header{
	background-color: #8FD2DA;
	padding: 0px;
	margin: 0px;
}
.mainslide{
	background-color:#EEF5F9;
}



h1{
	margin: 5px 10px 5px 0px;
	padding: 0px;
	font-size: 12px;
	color:#ACACAC;
	font-weight: normal;
	text-align:right;
}
h2{
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	background-image: url(../images/h2_back.png);
	background-repeat:no-repeat;
	background-position:right;
}


h3{
	font-size: 24px;
	color: #68B9C3;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 15px;
	font-weight: normal;
	padding-top: 14px;
	margin: 0px;
	margin-bottom: 15px;
	border-bottom-width: 4px;
	border-bottom-style: double;
	border-bottom-color: #68B9C3;
}

#inful h3:before{
	content:"\f0fe\00a0";
	font-family:"FontAwesome";
}
#inful .col-md-8, #inful .col-md-4 { padding:0 !important; }


h4{
	font-size: 20px;
	font-weight: normal;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F90;
	color: #F90;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#inful h4:before{
	content:"\f0f1\00a0";
	font-family:"FontAwesome";
}






h5{
	font-size: 16px;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom: 1px dotted #46BAC8;
	color: #46BAC8;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
h6{
	font-size: 16px;
	color: #690;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #690;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}




section{
	margin:0px 10px 30px 10px ;
}
section:after{
	clear:both;
}


/** 開院日 **/
.openclinic{
	font-size:22px;
	color:#FF9900;
	text-align:center;
	font-weight: bold;
}
.openL{
	font-size:28px;
}

aside{
	margin-top:20px;
}
aside ul{
  padding: 0;
}
aside ul li{
  list-style: none;
  margin: 0 0 10px;
}

@media screen and (max-width: 767px) {
  aside ul{
    display: flex;
    flex-wrap: wrap;
  }
  aside ul li{
    width: 33.33333333%;
    margin: 0;
  }
}

.mainarea{
	padding:0px;
}








/*-------------------------------------- TOPに戻る --------------------------------------*/
#topbutton {
	/* ▼表示位置を画面の右下に固定 */
	position: fixed; /* ←表示場所を固定 */
	bottom: 18px;   /* ←下端からの距離 */
	right: 18px;    /* ←右端からの距離 */
	/* ▼最初は非表示にしておく */
	display: none;
	z-index:9999999;
}
#topbutton a {
	/* ▼リンクの装飾 */
	color: white;          /* ←文字色 */
	text-decoration: none; /* ←下線なし */
	/* ▼配色・配置・文字の装飾など */
	background-color: #666; /* ←背景色 */
	opacity: 0.75;             /* ←透明度 */
	border-radius: 5px;       /* ←角丸の半径 */
	text-align: center;    /* ←文字の位置 */
	font-size: 16px;       /* ←文字サイズ */
	font-weight: bold;     /* ←文字の太さ */
	margin: 0px;    /* ←外側の余白 */
	padding:6px 10px;  /* ←内側の余白 */
	z-index:9999999;
}
#topbutton a:hover {
	/* ▼マウスが載ったときの装飾 */
	background-color: #222; /* ←背景色 */
	z-index:9999999;
}




/*-------------------------------------- link color --------------------------------------*/
a:hover {
	color: #ff9900;
	text-decoration: underline;
}
a:visited {
	color: #2990D0;
	text-decoration: none;
}
a:link {
	color: #2990D0;
	text-decoration: none;
}


/** リンクイメージは基本マウスオーバーで半透明に。 **/
a:hover img
{
	opacity:0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
}
/** 半透明が不都合な場合は下記nopageクラスを用い、画像名に_on、_offをつけて2種類用意する。 **/
.nopage a:hover img
{
	opacity:1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}


.pagetop{
	text-align:right;
}




/*-------------------------------------- linkbox --------------------------------------*/
.txtlink{
	margin-top:20px;
}
.txtlink a {
	background-color: #50B2BD;
	color: #fff;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
}
.txtlink a:hover {
	background-color: #8FD2DA;
	color: #fff;
}



/*-------------------------------------- footer --------------------------------------*/
footer{
	background-color: #4e454a;
	color: #fff;

	padding-top: 0px;
	padding-right: 15px;
	padding-left: 15px;

	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
  
}

footer a:hover {
	color: #BDA88D;
	text-decoration: underline;
}
footer a:visited {
	color: #ffffff;
	text-decoration: none;
}
footer a:link {
	color: #ffffff;
	text-decoration: none;
}

.footer_navi{
	float: left;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.footer_navi a:link{
	border-left:1px solid #fff;
	padding:0 0.6em 0 0.6em;
	display: inline-block;
}
.footer_navi a:hover{
	color:#ffce00;
	border-left:1px solid #fff;
}


#bottomline{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #ffffff;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-size: 12px;
}






/*------------------------------------- layout -------------------------------------*/


.textbox{
	margin:0px 15px 10px 15px ;
}

.sidenavi_title{
	font-size: 18px;
	padding-top: 5px;
}

.btmline{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	width: 100%;
}


.bxs { margin-left:-40px; } 


#textsizer{
	margin: 0px;
	text-align: right;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
#textsizer img{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}




/*------------------------------------- Global Navigation -------------------------------------*/

/* マージン0、要素のグローバルナビ単体の幅 20%…5x234px 16.667%…6x195px  */
.GNavi{width:20%;}

/* グローバルナビの背景とリンク時切り替え画像 */
.GNaviBack{
	background-color:#E7BF7F;
	font-size:0px;
}
.GNaviBack a {
	display:inline;
	background-image:url(../images/Navi5_Back_off.png);
}
.GNaviBack a:hover {
	background-image:url(../images/Navi5_Back_on.png);
}





/* マージン20、5要素のナビ　X=（100×ピクセル数）÷1150 */
.mg20col5_A{
	position: relative;
	margin:0 0.86957% 0px;
	width:18.26087%;
	z-index:9;
}
.mg20col5_B{
	position: relative;
	margin:0 0.86957% -5%;
	width:18.26087%;
	z-index:9;
}
.mg20col5_C{
	position: relative;
	margin:0 0.86957% -10%;
	width:18.26087%;
	z-index:9;
}




/*-------------------------------------- information --------------------------------------*/
.topinfo{
	height: 500px;
	width: 100%;
	background-color:#FFF;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	overflow: auto;
}
.topinfo dt {
	font-size: 16px;
	font-weight: bold;
	color: #ffce00;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 18px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	line-height: 40px;
}
.topinfo dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-left: 24px;
	margin-right: 20px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
}
.date {
	margin-top: 0px;
	margin-right: 1em;
	margin-bottom: 0px;
	margin-left: 20px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-size: 12px;
	color: #999;
}
.date2 {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 12px;
	color: #555;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}





/*-------------------------------------- GoogleMap --------------------------------------*/
.GmapLink{
	margin-top:20px;
}
.GmapLink a {
	background-color: #6FAD94;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
}
.GmapLink a:hover {
	background-color: #587A2E;
	color: #fff;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	text-decoration: none;
	border-radius: 5px;        /* CSS3草案 */
}




/*-------------------------------------- table --------------------------------------*/

table.timetable {
	background-color: #fff;
	border-collapse: collapse;
	border-spacing: 0px;
	empty-cells: show;
	width:90%;
	margin:0 auto;
	caption-side:bottom;
}
.timetable th{
	color: #ffffff;
	background-color: #999;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
	margin: 0px;
	border: 1px solid #999;
}
.timetable td{
	color: #222;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	border: 1px solid #999;
}




table.timetableR {
	background-color: #fff;
	border-collapse: separate;
	border-spacing: 0px;
	empty-cells: show;
	width: 90%;
	margin: 0 auto;
	caption-side: bottom;
	border-radius: 10px;
	border-left: 2px solid #1F6CB3;
	border-right: 2px solid #1F6CB3;
	border-bottom: 2px solid #1F6CB3;
	border-top: 2px solid #1F6CB3;
}
.timetableR th{
	color: #ffffff;
	background-color: #1F6CB3;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;
	margin: 0px;
}
.timetableR td{
	background-color: #FCF2D3;
	color: #222;
	font-weight: bold;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
}




/*BG*/
.table_TL{ border-top-left-radius: 7px; }
.table_TR{ border-top-right-radius: 7px; }
.table_BL{ border-bottom-left-radius: 7px; }
.table_BR{ border-bottom-right-radius: 7px; }

/*border*/
.table_B_T{ border-top: 2px solid #1F6CB3; }
.table_B_TR{
	border-top: 2px solid #1F6CB3;
	border-right: 2px solid #1F6CB3;
}


/*インボディ*/
.ib_table{
	border: 1px solid #68B9C3;
	margin: 1em 0;
}
.ib_table th{
	text-align: center;
	width: 20%;
	border: 1px solid #68B9C3;
	background: #bde9ee;
	padding: 1em;
}
.ib_table th.ttl{
	background: #68B9C3;
	color: #fff;
}
.ib_table td{
	border: 1px solid #68B9C3;
	padding: 1em;
}



/*-------------------------------------- 追加スタイル --------------------------------------*/
.flowbox{
	border-radius: 10px;
	background-color:#FFE3B9;
	padding: 20px;
}
.flowtitle{
	font-size:1.4em;
	font-weight:normal;
	color:#7C2810;
}
.flowarrow{
	font-size:24px;
	font-weight:normal;
	color:#FF9900;
	text-align:center;
	margin-bottom: 10px;
}


.circlefont14{
	border-radius: 40px;
	background-color: #B02D49;
	width: 24px;
	text-align: center;
	font-size: 14px;
	color: #FFF;
	margin-right: 10px;
	height: 24px;
	padding-top: 0px;
	padding-bottom: 2px;
}
.circlefont16{
	border-radius: 40px;
	background-color:#F90;
	width:30px;
	text-align:center;
	font-size:16px;
	color:#FFF;
	margin-right:10px;
	padding-top: 3px;
}
.circlefont18{
	border-radius: 40px;
	background-color:#F90;
	width:30px;
	text-align:center;
	font-size:18px;
	color:#FFF;
	margin:10px 10px 0px 0px ;
	padding:5px;
	display:inline-block;
}


.circleicon{
	background-color:#F90;
	color:#FFF;
	
	font-size:70px;
	text-align:center;

	border-radius: 100px;
	width:100px;
	height:100px;
}

.circleicon p{
    line-height: 110px;
}

/* 画像枠線 */
.imf{
	border: 1px solid #CCC;
}

/*------------------------------------- 診療項目の見出し -------------------------------------*/
.ListStyle{
	border: 3px double #CCC;
	border-radius: 10px;        /* CSS3草案 */
	background-color: #EDF5FA;
	padding: 10px;
	margin-bottom: 20px;
	line-height:1.6em;
}
.ListStyle li{
	margin: 0 0 10px 5px;
	padding: 0 0 0 18px;
	background: url(../images/listmark.png) 0 0.4em no-repeat; /* emで縦位置の指定 */
	color: #355B82;
}
.ListStyle_none{
	border: 3px double #CCC;
	border-radius: 10px;        /* CSS3草案 */
	background-color: #EDF5FA;
	padding: 10px;
	margin-bottom: 20px;
}
.ListStyle_none li{
	margin: 0 0 5px 0;
	padding: 0 0 0 10px;
	color: #355B82;
	list-style: none;
}
.ListTitle{
	font-size:18px;
	color:#666;
	margin-bottom:10px;
	margin-left:10px;
	margin-top:10px;
}



.roundbox {
	background-color: #34729D;
	color: #fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	border-radius: 10px;
}


.SList li{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 20px;
	padding-left: -20px;
	color: #DB8400;
}




/*-------------------------------------- Q&A --------------------------------------*/

.RWD_Q{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color: #78B738;
	vertical-align: top;
	padding-bottom:8px;
	padding-top:16px;
}
.RWD_Qt{
	padding-left:10px;
	font-size:20px;
	font-weight:bold;
	color: #78B738;
	vertical-align: top;
	padding-bottom:8px;
	padding-top:16px;
}
.RWD_A{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color: #EC8B96;
	vertical-align: top;
}
.RWD_At{
	padding-left:10px;
	vertical-align: top;
}
.RWD_QALINE{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #78B738;
}






/*-------------------------------------- Additional --------------------------------------*/
.row5{
	margin-left:-10px;
	margin-right:-10px;
	padding:0px;
}

.mapclass{
	width:100%;
	height:400px;
	margin:0 auto;
}

.footerline{
	margin-left:-15px;
	margin-right:-15px;
	border-top:1px solid #fff;
	text-align:center;
}

.toplogobox{ margin:50px 0px; }
.topmargin001{ margin:8px 0 0 0; }

/* イングリッシュボタン */
.english{
	margin-top:5px;
}

.topnavibox{
	margin:0px -15px;
	padding:15px;
	font-size:14px;
	text-align:right;
	color:#5B5B5B;
	background-image:url(../images/white.png);
}


.infobacking{
	background-color:#8FD2DA ;
	margin:0px;
	padding:1em 0 0 0;
}
.infobacking img{
	margin-bottom:1em;
}

#map1 {
	pointer-events:none;
}
#map_box {
		position:relative;
}
#map_box #map_caution {	
		position:absolute;
		bottom:2%;
		left:10%;
		padding:3px;
		margin:0;
		background:#FFFFFF;
		max-width:85%;
		font-size:14px;
		line-height:16px;
}

.profiletable{
	width:100%;
	margin-bottom:2em;
}
.profiletable td {
	border-bottom: 1px solid  #68B9C3;
	border-top: 1px solid  #68B9C3;
	padding: 10px;
}




.noticebox{
	padding:15px;
	background-color:#FF9900;
	font-size:18px;
	color:#FFFFFF;
	text-align:center;
}




.table001{
	border: 1px solid #74C4CF;
	border-collapse: collapse;
}
.table001 th {
	border: 1px solid #74C4CF;
	background-color:#D5F4F8;
	font-weight:normal;
	padding:0.5em;
}
.table001 td {
	border: 1px solid #74C4CF;
	padding:0.5em;
}

.list_none li{
	list-style-type:none;
}

.list_num li{
	list-style-type:decimal;
	font-size:20px;
	margin-bottom:0.5em;
}
.list_num li p{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	display:inline;
}

.infultitle{
	text-align:center;
	font-size:20px;
}

.infultitle .title1, .infultitle .title2{
	font-weight:bold;
	font-size:1.25em;
}

.infultitle .title1{
	color:#76BDC5;
}
.infultitle .title2{
	color:#CE6466;
}


/*------------------------------------- 高血圧ページ -------------------------------------*/
#hypt h3{
	
}
#hypt h3:before{
	font-family: FontAwesome;
	content: "\f0f1\00a0";
}
.marker{
	display: inline-block;
	text-align: center;
	background: linear-gradient(transparent 60%, #ffff66 60%);
	font-size: 20px;
}


.colarea{
	padding :1em;
	background-color: #E9F6F8;
	margin-bottom: 1em;
}
.colarea .title{
	text-align: center;
	font-size: 20px;
	margin-bottom: 1em;
	color: #63AAB3;font-weight: bold;
}



.carotidechoh3{
	font-size: 30px;
	font-weight: bold;
}




.catch{
	padding:0 0.5em;
	text-align: center;
	font-weight: bold;
	font-size:15pt;
	line-height:1.5em;
}


.info_box{
	border: 2px solid #fbb03b;
	background-color: #fcf4e6;
	padding: 40px 0 30px;
	margin-bottom:50px;
	text-align: center;
}

.info_box p.ttl{
	font-size: 1.8em;
	font-weight: bold;
}
.info_box p.txt{
	margin-top: 20px;
	font-size: 1.2em;
}
@media screen and (max-width: 767px) {
	.info_box{
		padding: 10px;
		margin: 0 5px 20px 5px;
	
}
	
	.info_box p.ttl{
	font-size: 1.2em;
	font-weight: bold;
}
.info_box p.txt{
	margin-top: 20px;
	font-size: 1.0em;
}
}







/*------------------------------------- XS -------------------------------------*/
@media screen and (max-width: 767px) {

	/*インボディ*/
	.ib_table th{
		width: 100%;
		padding: 2% 0;
		display: block;
		border: none;
	}
	.ib_table td{
		width: 96%;
		border: none;
		display: block;
		padding: 2%;
	}
.table001 th, .table001 td {
	font-size:12px;
}

	.catch{
	text-align:left;
}
	
}