@charset "utf-8";

body {color:#333; font-size:87.5%; line-height:1.7; font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}

img {margin:0; padding:0; border:0; vertical-align:bottom; max-width:100%; height:auto;}

a img {border:0;}

a{ color:#333; text-decoration:none; outline:none; border:none;}
a:hover{ text-decoration:underline;}

/* リスト系 */
li {list-style-type:none;}

/* 共通 */

p{ margin-bottom:1.2em;}

#breadclumbs{ font-size:0.86em; margin-bottom:0.9em;}

#breadclumbs li{ display:inline-block; vertical-align:middle;}

#breadclumbs li a{ text-decoration:none;}
#breadclumbs li a:hover{ color:#333; text-decoration: underline;}

#breadclumbs li img{ width:15px; height:12px;  vertical-align:middle;}

.pc_none{ display:none;}
.tb_none{ display:none;}
.tb_display{ display:block;}

/*---------------- TOP ------------------*/

#Main-top{background:url(../images/pc/main_bg.gif) repeat-x left top; padding:20px 0 0;}

#Main-top #Main{ width:100%;}

#key{width:100%;background: url(../images/tb/key_bg_tb.png) no-repeat center top;line-height:0; background-size:cover; -webkit-background-size:cover;}

.key-inr{ width:100%;position:relative;}

#key-front{ background:url(../images/tb/key_front_tb.png) no-repeat center center; background-size:cover; -webkit-background-size:cover; width:100%; height:auto; margin:0; padding-top:37.3%; position:absolute; z-index:99; top:0; left:0;right:0;} /*「私らしく生きる」 */

.key-box{width:96.3542%; margin:0 auto;overflow:hidden;}

#supervision{width:96.3542%;margin:0 auto 15px; display:block;}

#supervision dl{display:table;}

#supervision dl dt{ width:10%;padding:0.2em 0.5em;border:1px solid #c6cacf;background:#fff;display:table-cell; vertical-align:middle; text-align:center;}

#supervision dl dd{ width:90%;color:#3a3a3a; display:table-cell;padding:0.3em 0 0 1em; display:table-cell; vertical-align:middle;}

#supervision dl dd span{padding:0 0 3px 0; display:block;}

ul#nav-btn-top{ width:96.3542%;margin:0 auto 20px; text-align:center; padding:0 30px 0 0; box-sizing:border-box;}

ul#nav-btn-top li{float:left;display:block;width:33.33333%; margin:0 15px 0 0; line-height:0;}

ul#nav-btn-top li a{ display:block;width:100%; height:auto; padding-top:30.0529184549%;line-height:0; text-indent:100%; white-space:nowrap; overflow:hidden;}

ul#nav-btn-top li a:hover{ opacity:0.8;}

ul#nav-btn-top li.btn-inf{margin:0 -30px 0 0;}

ul#nav-btn-top li.btn-hos a{ background:url(../images/tb/btn-top-hospital-tb.gif) no-repeat left top; background-size:contain;}

ul#nav-btn-top li.btn-che a{ background:url(../images/tb/btn-top-selfcheck-tb.gif) no-repeat left top; background-size:contain;}

ul#nav-btn-top li.btn-inf a{ background:url(../images/tb/btn-top-usefulinfo-tb.gif) no-repeat left top; background-size:contain;}



ul#nav-btn-top2{ width:96.3542%;margin:0 auto 20px; text-align:center; padding:0; box-sizing:border-box;}

ul#nav-btn-top2 li{float:left;display:block;width:49%; margin:0 2% 0 0; line-height:0;}

ul#nav-btn-top2 li a{ display:block;width:100%; height:auto; padding-top: 21.73913053% ; line-height:0; text-indent:100%; white-space:nowrap; overflow:hidden;}

ul#nav-btn-top2 li a:hover{ opacity:0.8;}

ul#nav-btn-top2 li.btn-che{margin:0 -1% 0 0;}
ul#nav-btn-top2 li.btn-que{margin:0 -1% 0 0;}

ul#nav-btn-top2 li.btn-hos a{ background:url(../images/tb/btn-top-hospital-tb2.gif) no-repeat left top; background-size:contain;}

ul#nav-btn-top2 li.btn-che a{ background:url(../images/tb/btn-top-selfcheck-tb2.gif) no-repeat left top; background-size:contain;}

ul#nav-btn-top2 li.btn-inf a{ background:url(../images/tb/btn-top-usefulinfo-tb2.gif) no-repeat left top; background-size:contain;}

ul#nav-btn-top2 li.btn-que a{ background:url(../images/tb/btn-top-question-tb2.gif) no-repeat left top; background-size:contain;}


#nav-column-box { margin:0;}

.nav-column-row{ display:table; width:100%; margin-bottom:24px; border-spacing:15px 0; border-collapse:separate;}

.nav-column{ width:50%; border-radius:7px; box-shadow:0 3px 3px 0 #b8b8b8; margin:0 0 0 13px; /*float:left; */padding-bottom:10px; display:table-cell;}

.nav-column-ttl-box{ background: url(../images/tb/columnttl-bg_tb_02.gif) no-repeat left top; background-size:cover; -webkit-background-size:cover; padding: 4.72% 0;text-align:center; line-height:0; border-radius:7px 7px 0 0;}

.nav-column-ttl{ width:100%;font-size:114.29%; font-weight:bold; line-height:1.5; color:#fff; margin:0;}

.nav-column-img{ text-align:center; width:100%; height:auto; margin:0 0 14px; padding-top:33.3333%;}

.nav-column-img01{ background:url(../images/tb/columnttl01_tb.jpg) no-repeat left top; background-size:contain; -webkit-background-size: contain;}
.nav-column-img02{ background:url(../images/tb/columnttl02_tb.jpg) no-repeat left top; background-size:contain; -webkit-background-size: contain;}
.nav-column-img03{ background:url(../images/tb/columnttl03_tb.jpg) no-repeat left top; background-size:contain; -webkit-background-size: contain;}
.nav-column-img04{ background:url(../images/tb/columnttl04_tb.jpg) no-repeat left top; background-size:contain; -webkit-background-size: contain;}
.nav-column-img05{ background:url(../images/tb/columnttl05_tb.jpg) no-repeat left top; background-size:contain; -webkit-background-size: contain;}

.nav-column-txt{ padding:0 10px;}

.nav-column-item{ padding:0 10px;}

.nav-column-item li{ border-bottom:1px dotted #3a3a3a;}

.nav-column-item li a{ display:block; background: url(../images/common/ic_arrow_tb.png) no-repeat 4px 1.0em; background-size:10px 8px; padding:8px 0 8px 1.7em; text-decoration:none;}

.nav-column-item li a:hover{ text-decoration:none;}

.nav-column-item li:first-child{ border-top:1px dotted #3a3a3a;}

#news{width:96.3542%; border-radius:7px; box-sizing:border-box; padding:16px 10px;box-shadow: 0px 0px 5px -1px #666; margin:0 auto 22px;}

.news-ttl{ background: url(../images/pc/ic_topNews.gif) no-repeat left 0.3em; font-size:114.29%; padding:0 0 13px 2.25em; border-bottom:1px dotted #3a3a3a;}

.news_in{ overflow-y: scroll; height: 170px;
          -webkit-overflow-scrolling: touch; }

#news dl{border-bottom:1px dotted #3a3a3a; padding:0 12px 0 0;}

#news dl dt{ width:13%;float:left;padding:8px 0; text-align:center; margin:0 12px 0 0;}

#news dl dd{ width:87%; float:right; padding:8px 0; margin:0 -12px 0 0;line-height:1.7;}


/*------------------- wrapper -------------------*/
#wrapper{ background: url(../images/pc/wrapper_bg.gif) repeat-x left top;}


/*------------------- Header -------------------*/
#Header{width:96.3542%; margin:0 auto; padding-top:10px;margin-bottom:20px;}

#Header #logo{ float:left; width:53.4%;}

#Header #logo img{width:100%;max-width:395px; heigh:auto; /*margin-bottom:10px;*/}

#Header ul#txt-size{ float:right;border:1px solid #bdc8cd; box-shadow:inset 0 0 0 1px #fff; border-radius:7px;
background: url(../images/pc/txt-size_bg.gif) repeat-x left top #fff;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e5e5e5));
background-image: -o-linear-gradient(bottom, #ffffff 0%, #e5e5e5 100%);
background-image: -moz-linear-gradient(bottom, #ffffff 0%, #e5e5e5 100%);
background-image: -webkit-linear-gradient(bottom, #e6e6e6 0%, #ffffff 100%);
background-image: -ms-linear-gradient(bottom, #ffffff 0%, #e5e5e5 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

#Header ul#txt-size li{ float:left; border-right:1px solid #d0cfcf;border-left:1px solid #fff; padding:4px 12px 2px; font-size:1.1429em; cursor:pointer;}

#Header ul#txt-size li.cap{ font-size:0.9em; padding:6px 12px;border-left:none; cursor:default;}

#Header ul#txt-size > li:last-child{ border-right:none;}

#Header ul#txt-size li.on{ background:#82a8db; color:#fff; cursor:default;}

#Header ul#txt-size li#j-font-size-large.on{ border-radius:0 5px 5px 0;}

/*------------------- Main -------------------*/
#Main{width:96.3542%; margin:0 auto;}

/* contLeft */
#contLeft{ width:66.2%; float:left;margin-right:2.79%;}

#nav{ width:31.01%; float:right;}

.h-ttl{padding:20.895522388% 0 0 1.7em;margin-bottom:1.7em; position:relative;}

.h-ttl span{ position:absolute; top:30%; left:3%; line-height:1.5; vertical-align:middle; color:#ae693f; font-size:2.1em; font-weight:normal; }

.h-ttl-05{ background: url(../images/pc/tit-05-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

.ttl-l{ line-height:1.5; font-size:1.125em;color:#5f3513; font-weight:bold; border:1px solid #d8d8d8;border-radius:7px;padding:8px 9px;margin-bottom:1.4em;
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(1, #e6e6e6));
background-image: -o-linear-gradient(bottom, #ffffff 0%, #e6e6e6 100%);
background-image: -moz-linear-gradient(bottom, #ffffff 0%, #e6e6e6 100%);
background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #e6e6e6 100%);
background-image: -ms-linear-gradient(bottom, #ffffff 0%, #e6e6e6 100%);
background-image: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);}
.ttl-l span{ position:relative; padding-left:20px; display:block;}
.ttl-l span:before{ content:' '; display:block; width:8px; height:100%; background:#f78120; border-radius:7px; top:0; left:0; position:absolute;}

.ttl-s{ line-height:1.5; font-size:1.28em; font-weight:bold; color:#f78120; padding:0 0 0.8em 0.78em; margin-bottom:1.2em; border-bottom:1px dotted #f78120;}

ul.list li{ line-height:1.5; background:url(../images/pc/ic_cir.gif) no-repeat left 0.3em; padding-left:1.4em; margin-bottom:1em;}

ul.cir_gray01 li{ line-height:1.5; background:url(../images/pc/ic_cir_gray01.gif) no-repeat left top; padding-left:1.4em; margin-bottom:1em;}

.column-inr{margin:0 10px 2em;}

.column-inr.last{ margin-bottom:70px;}

.pager{ padding:1em 5.7em 0 0; margin-bottom:45px; border-top:1px solid #dbdbdb;}

.pager li.back a{ display:block; width:50%; float:left; background: url(../images/common/ic_back_2x.gif) no-repeat left center; background-size:30px; padding:0.3em 0 0.3em 2.85em; text-decoration: none; }

.pager li.next a{ display:block; width:50%; float:right; text-align:right; background: url(../images/common/ic_next_2x.gif) no-repeat right center; background-size:30px;padding:0.3em 2.85em 0.3em 0; margin-right:-5.7em; text-decoration: none; }

/*------------------- nav -------------------*/

#nav > ul{margin-bottom:1.4em;}

#nav li.nav-tit{line-height:1.3;display:block; background: url(../images/pc/nav_bg.gif) no-repeat left top; padding:0.625em 0 0.625em 0; margin-bottom:1px; background-size:cover; font-size:1.14em; color:#fff; font-weight:bold;}

#nav li.nav-tit:hover{ cursor:pointer;}

#nav li.nav-tit.first{ border-radius:7px 7px 0 0;}

#nav li.nav-tit.last{border-radius: 0 0 7px 7px; box-shadow: 0px 5px 5px #c0c0c0; }

li.nav-tit span{ position:relative; display:block; padding:0.4em 0.5em 0.2em 2em;}
li.nav-tit span:after{ position:absolute; display:block; content:''; width:8px; top:0em; left:0.75em; height:100%; background:#fff; border-radius:5px;}

/* ドロップダウンメニュー */
#nav > ul > li.nav-menu{ display:none;}

#nav > ul > li.nav-menu.on{ display:block;}

#nav > ul > li > ul{padding:10px 10px 12px; margin:0 0 11px; box-shadow: 0px 0px 8px -1px #c0c0c0;}

#nav > ul > li > ul li a{ display:block;padding:10px 10px 10px 2em; background: url(../images/common/ic_arrow_tb.png) no-repeat left center #fff; background-size:10px 8px;  background-size:10px 8px; border-bottom:1px dotted #3a3a3a;text-decoration: none; color:#333; }

#nav > ul > li > ul li a.on{background: url(../images/common/ic_arrow_tb.png) no-repeat left center #ffecdd; background-size:10px 8px; }

#nav > ul > li > ul li a:hover{background: url(../images/common/ic_arrow_tb.png) no-repeat left center #ffecdd; background-size:10px 8px;  text-decoration:none; color:#333;}

#nav li.nav-tit.last.open{border-radius:0; box-shadow:none;}

#nav > ul > li > ul.inpreparation li a{ background:none;padding:10px;}

.nav-btn-01_02{ display:none;} /*DBS実施病院検索 SP*/

ul.nav-btn_02 li a{ display: block; width:100%; height:auto; padding-top:30.0529%; background-size:contain; text-indent:100%; white-space:nowrap; overflow:hidden;margin-bottom:20px; line-height:0;}

ul.nav-btn_02 li a:hover{ opacity:0.8;}

li.nav-btn-03{ margin:0;}

li.nav-btn-02_hospital a{ background:url(../images/tb/btn-hospital-tb.gif) no-repeat left top;} /*DBS実施病院検索 PC,TB*/

li.nav-btn-02 a{ background:url(../images/tb/btn-selfcheck-tb.gif) no-repeat left top;}/*DBSおすすめ度セルフチェック*/

li.nav-btn-03 a{ background:url(../images/tb/btn-usefulinfo-tb.gif) no-repeat left top;}/*お役立ち情報*/

/*------------------- Footer -------------------*/
#Footer{ background: url(../images/pc/footer_bg.gif) repeat-x left top #f5f4f2; padding-top:16px; overflow:hidden;}

.cont{width:96.3542%; margin:0 auto 0;}

.footMenu{ font-size:0.79em; text-align:right;width:75%; float:right; padding-bottom:3.4em;}

.footMenu li,.footMenu li a{display:inline-block; color:#333; text-decoration: none; }

.copy{ text-align: center; clear: both; color: #888;  }


/*------------------- 患者さんのDBS体験談 -------------------*/
.experience{ margin:0 0 30px; padding-right:10px;}

.ttl-experience{padding:9px 0; font-size:1.14285714285em; color:#5f3513; font-weight:bold; line-height:1.7; border-bottom:1px dotted #f78120; margin:0 -10px 1em 0; float:right; width:70.83%;}

.ttl-experience span{ position:relative; display:block;padding:0 0 0 27px;}

.ttl-experience span:after{ position:absolute; content:''; display:block; width:8px; height:100%; background:#f78120; border-radius:5px; top:0; left:0;}

.experiences-img,.img-experience{width:28.9%; float:left; text-align:center; margin:0 10px 0 0;}

.experiences-img img,.img-experience img{ width:130px; height:auto;border-radius:7px;}

.list-experience{ float:right;width:70.83%;margin:0 -10px 0 0;}

.experience02-img02{float:left; width:35%;}

.experience02-img02 img{width:90%; max-width:200px;}

.experience02-txt{float:left;width:65%;}


.experience02-list{ border: 1px dotted #CCC; padding: 15px 15px 0px; margin-bottom:1.5em !important; border-radius: 4px;   }
.experience02-list dl{ margin-bottom: 1.5em; }
.experience02-list dt{ margin-bottom: 0.5em; display: list-item; list-style-type: circle; margin-left: 20px;    }
.experience02-list dd{ display: list-item; list-style-type:disc; margin-left: 35px;    }

.experience05-img02{float:left; width:35%; text-align:center; }
.experience05-img03{width: 60%; float: right; text-align:center; }

.experience06-img02{float:left; width:48%; text-align:center; }
.experience06-img03{width: 48%; float: right; text-align:center; }

.experience07-img02{float:right; width:35%; text-align:center; font-size: 80%; }
.experience07-img02 img{ border-radius: 6px; margin-bottom: 1.0em; line-height: 1.2; }
.experience07-txt02{float:left;width:61%; }
.experience07-img03{width: 30%; float: left; text-align:center;font-size: 80%;  }
.experience07-img03 img{ border-radius: 6px; margin-bottom: 1.0em; line-height: 1.2; }
.experience07-txt03{float: right; width:66%;}
.experience07-img05{width: 30%; float: right; text-align:center; font-size: 80%;  }
.experience07-img05 img{ border-radius: 6px; margin-bottom: 1.0em; line-height: 1.2; }
.experience07-txt05{float: left; width:66%;}

.experience09-img02{float:right; width:48%; margin-left: 4%; margin-bottom: 0; text-align:center; font-size: 80%;  }
.experience09-img02 img{ border-radius: 6px; margin-bottom: 0.5em; line-height: 1.2; }
.experience09-txt02{float:left;width:48%; }
.experience09-img03{float:left; width:31%; margin-right: 3%; margin-bottom: 0 !important; text-align:center; font-size: 80%;  }
.experience09-img03 img{ border-radius: 6px; }

.experience10-img01{float:left; width:35%; text-align:center; }
.experience10-img02{width: 60%; text-align:center; }


/* 患者さんのDBS体験談TOPページ */
.experiences-list{ margin-bottom:2em; position:relative; padding-bottom:2em; border-bottom:1px solid #d8d8d8;}

.experiences-img{float:left;}

.experiences-txt{float:left; width:70.83%;margin:0 -10px 0 0;}

.experiences-name{ position:absolute; color:#ae693f; font-size:114.29%; left:0;padding-left:31.1%; /*left:31.1%;*/}

.experiences-inr{ font-weight:bold;color:#5f3513; font-size:114.29%; margin:2em 0 1.05em;}


.experiences-list02{ margin-bottom:2em; position:relative;}

.experiences-tbl{ display:table;}

.experiences-txt02{width:70%;display:table-cell; padding-left:20px; vertical-align:middle;}

.experiences-img02{width:30%;text-align:center;display:table-cell;}

.experiences-img02 img{ width:100%; max-width:130px; max-height:auto;border-radius:7px;}

.experiences-inr02{ font-weight:bold;color:#5f3513; font-size:114.29%; margin:0 0 1.05em;}

.more{ display:inline-block; background:url(../images/common/ic_arrow_tb.png) no-repeat left center; background-size:10px 8px;  padding-left:1.5em;}


/*------------------- 主治医のコメント -------------------*/
.comment-dr-box{ border-radius:7px; border:2px solid #ff9553;}

.comment-dr-ttl{ font-size:128.57%; font-weight:bold;color:#fff;padding:6px 20px 5px 2.8em; margin:0 0 20px;background:#ff9553; /*background: url(../images/pc/ic_drcomment.gif) no-repeat 0.8em 0.5em #ff9553;*/ position:relative;}
.comment-dr-ttl:before{ content:' '; display:block; position:absolute; width:24px; height:48px; background: url(../images/sp/ic_drcomment_sp.png) no-repeat left top; background-size:100%;bottom:8px; left:16px;}

.comment-dr-inr{padding:0 20px 20px; word-break:break-all;}

.comment-dr-name{ text-align:right;}

.comment-dr-box_02{ border-radius:7px; border:1px solid #ff9553; margin-bottom:1em;}

.comment-dr-ttl_02{ font-size:128.57%; font-weight:bold;padding:1em 0 0.6em 1.3em; margin:0;}

.comment-dr-inr_02{padding:0 20px 20px; word-break:break-all;}

/*------------------- DBSとはどのような治療？ -------------------*/

.h-ttl-01{ background: url(../images/pc/tit-01-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

.summary-tbl{ display:table; vertical-align:central; margin-bottom:1.2em;}

.list-chiryou{display:table-cell; width:64%; padding-right:2em; vertical-align:middle;}

.chiryou-img-01{ display:table-cell; vertical-align:middle; width:36%; text-align:right;}

.chiryou-img-01 img{width:100%;}

.flow-ttl{ display:block; margin-bottom:6px; font-weight:bold; color:#5f3513;}

.chiryou-box{ clear:both; padding-bottom:1.9em; background:url(../images/pc/ic_ar.gif) no-repeat 85% bottom; padding-right:20px;}

.chiryou-box05{padding-bottom:3.8em;}

.chiryou-box p.chiryou-flow-txt{ float:left; width:63%; margin-right:20px;}

.chiryou-box p.chiryou-flow-img{ float:right; width:37%; margin-right:-20px; text-align:center;}

.chiryou-box p.chiryou-flow-img img{width:100%; max-width:160px; max-height:auto;}

.chiryou-box p.chiryou-flow-img img.pc_none{ display:inline-block;width:100%; max-width:160px; max-height:auto;}

.chiryou-box p.chiryou-flow-img img.sp_none{ display:none;}

.chiryou-box.last{ padding-bottom:0; background:none;}

.author{ font-size:85.71%;}

.author span{padding-right:1em;font-weight:bold; display:block;}


.flow-ttl02{ display:block; margin:0 10px 6px; font-weight:bold; color:#5f3513;}

.chiryou-box02{ clear:both; margin-bottom:60px;background:none;display:table; border-collapse:collapse; position:relative;}

.chiryou-box02:before{ content:url("../images/pc/ic_ar.gif");/*background:url(../images/pc/ic_ar.gif) no-repeat left top; background-size: contain; width:27px; height:14px;*/ display:block; bottom:-50px; right:12%; position:absolute;}

.chiryou-box02.last:before{ content:normal;}

.chiryou-box02 p.chiryou-flow-txt{float:none;width:63%;margin:0; padding-right:20px; display:table-cell; vertical-align:top;}

.chiryou-box02 p.chiryou-flow-img{width:37%;float:none;display:table-cell; vertical-align:middle; text-align:right;}

.chiryou-box02 p.chiryou-flow-img img.pc_none{ display:inline-block;width:100%; max-width:160px; max-height:auto;}
.chiryou-box02 p.chiryou-flow-img img.sp_none{ display:none;}


/*------------------- DBS手術に伴う合併症と副作用 -------------------*/

.tbl_cost{ width: 100%; border-top: 1px solid #000; border-left: 1px solid #000; margin-bottom: 1.5em; box-sizing:border-box; }
.tbl_cost th, .tbl_cost td{border-bottom: 1px solid #000; border-right: 1px solid #000; width: 25%; }
.tbl_cost th{ background:#F1F1F1; font-weight: normal;   }
.tbl_cost td{ text-align:center; }
.risk_graybox{ border: 1px solid #aaa; border-radius: 10px; padding: 15px;}

/*---------------- video ------------------*/

.h-ttl-07{ background: url(../images/pc/tit-07-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}
.ie8 .h-ttl-07{ background: url(../images/pc/tit-07-bg-ie8.jpg) no-repeat left top;}

.mov-column-box{padding-left:16px; margin-bottom:2em;}

.mov-column{ width:50%; margin-left:16px; display:block; float:left; text-decoration:none;}

.column-inr .mov-column:nth-child(odd){ margin-left:-16px;}
/*.column-inr .mov-column:nth-child(4),.column-inr .mov-column:nth-child(7){ margin-left:-32px;}*/

/*.column-inr p.ttl-s + a.mov-column{ margin-left:-32px;}*/

.mov-column:hover{ text-decoration:none;}

.mov-column p.img{width:100%;height:auto;/* padding-bottom:56.3106796117%; */margin:0 0 0.8em;border:1px solid #385d8a; box-sizing:border-box; text-align:center;}

.mov-column dl{ width:100%;}

.mov-column .ttl{ font-size:114.29%; font-weight:bold;/* padding:10px 0;*/}

a.mov_nav{ display: inline-block; float: right; padding: 1em 50px 1em 25px; background: url(../images/common/ic_next.png) no-repeat 96% 50% #ffecdd; border-radius: 4px; border: 1px solid #f78120; text-decoration: none; text-align:center;   }
a.mov_nav:hover{ background: url(../images/common/ic_next.png) no-repeat 96% 50% #feb77d; border-radius: 4px; border: 1px solid #f78120; text-decoration: none; color:#FFF;  }


/* videoのナビゲーション */
#nav .nav-menu > ul > li.mov-list a{ border-bottom:none; margin-bottom:0.3em;}

#nav .nav-menu > ul > li > a.mov span{ background:url(../images/pc/ic-line-h.gif) no-repeat left center; padding-left:1em; display:block;}

#nav .nav-menu > ul > li > a.mov{ background:url(../images/pc/ic-line-v.gif) repeat-y 0.8em center; border-bottom:none; padding-left:0.8em;}

#nav .nav-menu > ul > li > a.mov:hover{ background-color: #ffecdd;}

#nav .nav-menu > ul > li.mov > a.on{ background-color: #ffecdd;}

.h-ttl-03{ background: url(../images/pc/tit-03-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

.h-ttl-03b{ background: url(../images/pc/tit-03b-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

#wrapper-video #Header .head_tbl #logo img.pc_none{width:100%;}


#wrapper-video{background: url(../images/pc/wrapper_bg.gif) repeat-x left top;/*border:1px solid  #096; box-sizing:border-box;*/}

#video-pop{width:62.5%; margin:0 auto; text-align:center;/* height:100%; border:3px solid #900;*/}

#video-pop video{width:100%;height:360px; }

#wrapper-video #Footer{ position: absolute; bottom:0;left:0; width:100%	;}

#wrapper-video #Header{width:62.5%;}

#wrapper-video #Header .head_tbl #logo{width:100%;}

#wrapper-video #Header .head_tbl h1 img{margin-bottom:0;}

.ttl-mov{ text-align:left; width:100%; box-sizing:border-box; margin:0 auto 1.4em;}

video.inline_content{width:80vw!important;height:70vw!important;}

#boxer.inline .boxer-content, #boxer.iframe .boxer-content{height:100%!important;}
.mov-cap{/*font-size:78.57%;*/ font-weight:normal;margin:0; line-height:1.5;}
.video_note{font-size:78.57%; color:#8c8d8e; text-align: right; margin-bottom: 2em;  }

/*---------------- search ------------------*/
.h-ttl-05{ background: url(../images/pc/tit-05-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

.hos-list{ margin-bottom:1em;}
.hos-list dl{ border-bottom:1px dotted #d8d8d8; padding:10px 0;}
.hos-list dl dt{ float:left; width:6em; font-weight:bold;}
.hos-list dl dd{ padding:0 0 0 6em;}

.ttl-search span{ background:url(../images/common/ic_search.png) no-repeat left center; padding:0 0 0 2em; background-size:25px 25px;}

.ttl-search span:before{ content:normal;}

p.caution{ font-size:107.14%; font-weight:bold; color:#f78120;}

dl.consent-box{margin:0 0 2em;}

dl.consent-box dt{ padding-left:0.5em;float:left; font-weight:bold; font-size:107.14%; color:#f78120;}

dl.consent-box dd{padding:0 0 0.5em 2.5em;font-size:107.14%; border-bottom:1px dotted #ccc; margin-bottom:0.5em;}

.consent{ display:block; font-size:107.14%; width:130px; background:#f78120; padding:1em 2em; margin:0 auto; text-align:center; color:#fff; text-decoration:none;}

.consent:link,.consent:visited{color:#fff;}

.consent:hover,.consent:active{color:#fff; text-decoration:none;filter: alpha(opacity=80); opacity:0.8;}



.pagetop{ text-align:right; clear:both;margin-right:10px;}

.pagetop a{ text-decoration:none; background:url(../images/common/ic_top_2x.png) no-repeat left center; background-size:14px; padding-left:1.5em;}

#search_map02{ position:relative;width: 100%; height:100%; padding-top:70.7462686567%; background:url(../images/common/pic_areamap_sp.jpg) no-repeat left top; background-size:contain; margin-bottom:1em;}

.map_loc{ position:absolute; width:21%; right:50px; top:100px; border:1px solid #ccc;}

#search_map02 .tohoku{ position:absolute;right:2%; top:28%;}

#search_map02 .kanto{ position:absolute;right:2%; top:64%;}

#search_map02 .hokuriku{ position:absolute;left:45%; top:4%;}

#search_map02 .tokai{ position:absolute;right:25%; top:73%;}

#search_map02 .kinki{ position:absolute;left:22%; top:7%;}

#search_map02 .chugoku{ position:absolute;left:2%; top:39%;}

#search_map02 .shikoku{ position:absolute;left:30%; top:73%;}

#search_map02 .kyushu{ position:absolute;left:2%; top:69%;}

.map_loc dl{ width:100%;}

.map_loc dl dt{ padding:0.1vw; background:#F60; color:#fff; text-align:center;}

.map_loc dl dt a{ background:#F60; color:#fff; font-size:1.171875vw;}

.map_loc dl dd{ background:#FFF; font-size:1.025390625vw;}

.map_loc dl dd ul{padding:0.2vw; overflow:hidden;}

.map_loc dl dd ul li{ float:left;width:50%; text-align:center;}

.map_loc dl dt span{ display:none;}

#search_map_sp{ display:none;}

.ttl-search-area{color:#ae693f; font-size:128%; font-weight:bold; border-bottom:4px double #ae693f; padding:0 0 0.3em 1em; margin-bottom:1.2em;background:url(../images/common/ic_cir_brown.gif) no-repeat left 0.5em; background-size:12px;}

.search-list-note{font-size:81%; line-height:1.5;}


.ttl-s-search{ line-height:1.3; font-size:128%; font-weight:bold; background:#AE693F; color:#fff; padding:0.3em 0 0.3em 0.78em; margin-bottom:0.5em; border-radius:7px;}

.hos-list02{ margin-bottom:1em;}

.hos-list02 .search-dl{margin:0;border-bottom:none;padding:5px 0 5px;}

.hos-list02 .search-dl dt{ background:#AE693F; color:#fff; float:left; font-weight:bold; width:5em; text-align:center; border-radius:7px;}

.hos-list02 .search-dl dd{margin:0 0 0 5.5em; padding:0 0 0 0.5em;border-bottom:1px dotted #d8d8d8;}

.ttl-search-area02{color:#5f3513!important;background:url(../images/common/ic_cir_brown02.gif) no-repeat left 0.5em; background-size:12px 12px; border-bottom: 4px double #5f3513;}

/* 病院検索修正160727 */
.search-box{ margin:0 0 2em;}

.search-tbl tbody tr,.search-tbl thead{ border-left:1px solid #999;}

.search-tbl{ width:100%; border-collapse:collapse; margin:0 0 1em; border-top:1px solid #999;}

.search-tbl thead th{ font-size:85.71%; background:#F1F1F1;  vertical-align:middle;padding:0.3em 1em;text-align:left; font-weight:normal;border-right:1px solid #999; border-bottom:1px solid #999;}

.search-tbl tbody tr td.hos-name{ text-align:left;padding:0.3em 1em; font-weight:bold; vertical-align:middle; border-bottom:1px solid #d9d9d9; border-right:1px solid #999;}

.search-tbl tbody tr td{ vertical-align:middle; text-align:left; padding:0.3em 1em; border-right:1px solid #999; border-bottom:1px solid #999;}

.search-tbl tbody tr td.url{ text-align:center;padding:0.3em 1em;}

.search-tbl tbody tr td a img{ vertical-align:middle;}


/*---------------- treatment ------------------*/
.h-ttl-02{ background: url(../images/pc/tit-02-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}



/*---------------- usefulinfo ------------------*/

.calendar-box{ width:100%; overflow-x:scroll; margin:0 0 2em; }

.calendar-box::-webkit-scrollbar{height: 5px;}/* スクロールバーを出す */
.calendar-box::-webkit-scrollbar-track {border-radius: 5px;background: #eee;}
.calendar-box::-webkit-scrollbar-thumb { border-radius: 5px; background: #666;}


.list-usefulinfo_box{padding:9px 0; font-size:114.285714285%; color:#5f3513; font-weight:bold; line-height:1.6; /*background:#ffecdd; */margin-bottom:2em; border: 1px solid #f78120; border-radius: 6px;  }

.list-usefulinfo li{ margin-bottom: 0.5em; line-height: 1.6!important; border-top: 1px dotted #f78120; padding: 0.8em 1em 0em; }

/*.cate{ background:#5f3513; color:#FFF; border: none !important; margin: 0 0 0.3em 0!important; }
*/
.ttl-usefulinfo{padding:9px 0; font-size:114.285714285%; color:#5f3513; font-weight:bold; line-height:1.7; border-bottom:1px dotted #f78120; margin-bottom:1em; }

.ttl-usefulinfo span{position:relative; display:block;padding:0 0 0 27px;}
.ttl-usefulinfo span{background:url(../images/pc/ttl-experience_line.gif) no-repeat left top\9; }

.ttl-usefulinfo span::after{ position:absolute; content:''; display:block; width:8px; height:100%; background:#f78120; border-radius:5px; top:0; left:5px;}

.lecture{  background: none; font-weight: normal; text-align: right;  }
span.lecture::after{ background: none; }
.lecture a{ color:#5f3513; }

.usefulinfo_graybox{ border: 1px solid #CCC; background:#F1F1F1; padding: 15px; margin-bottom: 2em;  }

p.report{ display:table-row; }
.rep_name{ display:table-cell; width: 3.2em; padding: 0.2em 0;  }
.rep_name2{ display:table-cell; width: 4.5em; padding: 0.2em 0;  }
.rep_name3{ display:table-cell; width: 6.5em; padding: 0.2em 0;  }
.rep_txt{ display:table-cell; padding: 0.2em 0;  }

.h-ttl-06{ background: url(../images/pc/tit-06-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

.cate{  font-size:78.57%;  color:#FFF; background:#5f3513; border: none !important; display:inline-block; padding:0 0.5em; text-align:center; margin-bottom:0.8em;}/*border:1px solid #1f436f; */
.uinfo_new{ font-size:100%; color:#E35205;  display:inline-block; padding:0; margin-bottom:0; }

.column-box{padding-left:16px; margin-bottom:2em; overflow:hidden;}

.column-three{ width:50%; margin-bottom:2.5em; margin-left:16px; display:block;float:left;text-decoration:none;}

.column-inr .column-three:nth-child(odd){margin-left:-16px;}

.column-three:hover{ text-decoration:none;}

.column-three p.img{width:100%;height:auto;margin:0 0 0.8em;border:1px solid #385d8a; box-sizing:border-box; text-align:center;}

.column-three dl{ width:100%;}

.column-three .ttl{ font-size:114.29%; font-weight:bold; color:#1f436f;}

.column-three:hover .ttl{color:#f78120;}
.column-three:hover .img{opacity:0.8;}
.column-three:hover .cate{ border:1px solid #f78120;}

.dlbtn{ display:block; padding:0.3em 0.5em; background:#1f436f; color:#fff; text-align:center; font-weight:normal; font-size:85.71%; margin:0.8em 0 0;}

.readmore{display:block; padding:0.3em 0; background:#1f436f; color:#fff; text-align:center; font-weight:normal; font-size:85.71%; margin:0.8em 0 0; /*position:absolute;width:100%; bottom:-1.5em;*/}

.column-three-box{width:auto;}

.column-three:hover .dlbtn,.column-three:hover .readmore{ background:#f78120;}

.column-two-box{ display:table; width:100%; border-collapse:collapse; margin-bottom:2em;}
.column-two-box  p.img img{ width: 100%;  }
.column-two{ display:table-cell;width:50%; float:none;}
.column-two:nth-child(odd){ padding-right:8px;}
.column-two:nth-child(even){ padding-left:8px;}


/*calendar*/

.calendar-tbl{ width:670px; border-collapse:collapse; margin:0 0 1em; border-top:1px solid #999;   }

.calendar-tbl tbody tr,.calendar-tbl thead{ border-left:1px solid #999;}

.calendar-tbl thead th{ font-size:85.71%; background:#F1F1F1; vertical-align:middle;padding:0.3em 1em;text-align:left; font-weight:normal;border-right:1px solid #999; border-bottom:1px solid #999;}

.calendar-tbl tbody tr td{font-size:90%;  vertical-align:middle; text-align:left; padding:0.3em 0.5em; border-right:1px solid #999; border-bottom:1px solid #999;}

.calendar-tbl tbody tr td a img{ vertical-align:middle; display: inline-block; float: none; clear:both;  }


.calendar-tbl2{ width:670px; border-collapse:collapse; margin:0 0 2em; border-top:1px solid #999;}

.calendar-tbl2 tr,.calendar-tbl2 th{ border-left:1px solid #999;}

.calendar-tbl2 th{ font-size:85.71%; background:#ccc; vertical-align:middle;padding:0.3em 1em;text-align:left; font-weight:normal;border-right:1px solid #999; border-bottom:1px solid #999; }

.calendar-tbl2 tr td{ vertical-align:middle; text-align:left; padding:0.3em 0.5em; border-right:1px solid #999; border-bottom:1px solid #999; font-size: 98%; }
.calendar-tbl2 tr td.area{ background:#eee;  font-size:85.71%;  }
.calendar-tbl2 tr td.no_plan{ padding: 1em 1em 1em 0.5em !important; }
.calendar-tbl2 tr td a img{ vertical-align:middle;}



.area_list{ margin-bottom: 2em; width: 100%;  }
.area_list li{ display:inline-block; width: 49%; padding: 0 !important; margin: 0 !important; box-sizing: border-box;   }
.area_list li a{ display:block; width: 100%; box-sizing: border-box; color:#FFF; text-decoration: none; background: url(../images/common/ic_arrow_w.png) no-repeat 0.5em center #f78120; background-size:8px; padding:0.3em 0.2em 0.3em 1.3em; margin-bottom:0.3em; clear:both; }
.area_list li a:hover{ display:block; width: 100%; color:#FFF; text-decoration: none;  }



/* セミナーで取り上げていない質問事項 */

.rep_faq{ display: table; margin-bottom: 1em; }
.cate_num{ display:table-cell; width: 3.2em; padding: 0.2em 0; background:#f78120; color:#FFF; display:inline-block; margin: 0 0.5em 0 0 ; padding:0 0.5em !important; text-align:center; line-height:1.7;}
.rep_que{ display:table-cell; padding: 0.2em 0; color:#E35205; }

/* report04 */

.report04_doctor_box{ margin: 0 auto 1em; width: 420px; }
.report04_doctor:first-child{ margin-right: 40px; }

.report04_doctor{ float: left; width: 190px; }
.report04_doctor th, .report04_doctor td{ margin: 0; padding: 0; text-align:center;  }
.report04_doctor th{ padding-bottom: 0.5em; }
.report04_doctor th img{ border-radius: 4px; }
.report04_doctor td{ line-height: 1.3;  }


/* report05 */

.report05_doctor_box{ margin: 0 auto 1em; width: 420px; }
.report05_doctor:first-child{ margin-right: 40px; }

.report05_doctor{ float: left; width: 190px; }
.report05_doctor th, .report05_doctor td{ margin: 0; padding: 0; text-align:center;  }
.report05_doctor th{ padding-bottom: 0.5em; }
.report05_doctor th img{ border-radius: 4px; }
.report05_doctor td{ line-height: 1.3;  }


/* report06 */

.report06_doctor_box{ margin: 0 auto 1em; width: 100%; }
.report06_doctor{ float: left;  width: 30%; margin-right: 3%; }
.report06_doctor th, .report06_doctor td{ margin: 0; padding: 0; text-align:center;  }
.report06_doctor th{ padding-bottom: 0.5em; }
.report06_doctor th img{ border-radius: 4px; width: 100%; }
.report06_doctor td{ line-height: 1.3; font-size: 12px;  }



/* webseminar  */
.consent_icon{ display:inline-block; background:#f78120 url("../images/common/ic_arrow_w.png") no-repeat 98% 50%; background-size: 0.5em auto; padding:0.5em 2.5em 0.5em 2em; margin:0 auto; text-align:center; color:#fff; text-decoration:none; line-height: 1.3;}
.consent_icon:link,.consent_icon:visited{color:#fff;}
.consent_icon:hover,.consent_icon:active{color:#fff; text-decoration:none;filter: alpha(opacity=80); opacity:0.8;}

.btn_signup{ display:inline-block; padding:0.3em 1em 0.3em 1em; background:#f78120; text-align:center; color:#fff; text-decoration:none; box-shadow: 0 2px 4px rgba(0,0,0,0.3);
  transition: .3s; }
.btn_signup:link,.btn_signup:visited{color:#fff;}
.btn_signup:hover,.btn_signup:active{color:#fff; text-decoration:none;filter: alpha(opacity=80); opacity:0.8;}

/*---------------- selfcheck ------------------*/
.h-ttl-08{ background: url(../images/pc/tit-08-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

.start{ display:block; font-size:107.14%; width:150px; background:#f78120 url(../images/pc/ic_arrow_wh01.png) no-repeat 80% 48%; padding:1em 2em; margin:0 auto 20px; text-align:center; color:#fff; text-decoration:none;}

.start:link,.start:visited{color:#fff;}

.start:hover,.start:active{color:#fff; text-decoration:none;filter: alpha(opacity=80); opacity:0.8;}

.self_box{border: 1px solid #f78120; padding: 15px 25px; margin-bottom: 15px; border-radius: 4px; }

/*---------------- terms-of-use ------------------*/
.terms-list{margin-left:2em;}

.terms-list li{ list-style:disc;}

.ttl-terms{ font-size:112.5%; font-weight:bold; margin:0 0 0.5em;}

.column-inr.terms{ border-bottom:1px dotted #898989;margin-bottom:1.2em;}

/*---------------- question ------------------*/

.h-ttl-09{ background: url(../images/pc/tit-09-bg.jpg) no-repeat left top; background-size:contain; border-radius:7px;}

.que_box{ border: 1px solid #f78120; padding: 15px; }


/*---------------- 関連ページへのリンク ------------------*/

.relation{border: 1px solid #005B87; display:table; float: right; border-radius: 4px; margin: 1em 0 2em; }
.relation span{display: table-cell; vertical-align: middle; background:#005B87; color:#fff; padding: 7px 0.8em; }
.relation a{display: table-cell; vertical-align: middle;  padding: 7px 1em; text-decoration: none;  }

/*---------------- totop ------------------*/
.totop{ display:none;bottom:90px; right:20px; position:fixed; margin:0;}
.floating-btn-device{ bottom:90px; right:90px;}

/*---------------- sitemap ------------------*/
.ttl-sitemap{line-height:1.3; font-size:128%; font-weight:bold; color:#f78120; padding:0 0 0.6em 0.78em; margin-bottom:0.8em;  border-bottom:1px solid #f78120;}

.sitemap-list{margin:0 0 2em 0.78em;}

.sitemap-list li{ background:url(../images/common/ic_arrow_tb.png) no-repeat left center; background-size:10px 8px; padding:0.5em 0 0.3em 1.5em; border-bottom:1px dotted #a3a3a3;}

.sitemap-list li a{text-decoration:none;}

.ttl-sitemap a{}

.sitemap-bnr{line-height:1.3; color:#f78120; padding:0 0 0.6em 0.78em; margin-bottom:1em;  border-bottom:1px solid #f78120;}

.sitemap-bnr a{text-decoration:none; font-weight:normal; background:url(../images/common/ic_sitemap_tb.gif) no-repeat left center; background-size:21px 21px;  padding:0.5em 0 0.3em 2.4em; font-size:114.2857%;}


.notes-item{ text-indent:-2.5em;padding-left:2.5em; font-size:87%;}

/*---------------- fus ------------------*/
.fus_pic{ display: block;  width: 312px; margin: 0 auto 1em; }

/*---------------- furue ------------------*/

.cause_tbl{width: 630px }
.cause_tbl th, .cause_tbl td{ padding: 0.5em 0.3em; vertical-align: middle;  }

.cause_tbl td{ width: 37%; border-bottom: 1px solid #ddd;  }
.ess{ background:#c85a86; border-radius: 4px; display:inline-block; width: 100%; padding: 0.3em; box-sizing: border-box; color:#FFF;  }
.par{ background:#f78120; border-radius: 4px; display:inline-block; width: 100%; padding: 0.3em; box-sizing: border-box; color:#FFF;  }
.cause_tbl td.cau_ttl{ width: 26%; }
.cause_tbl td.cau_ttl span{ background:#eee; border-radius: 4px; display:inline-block;  width: 100%; padding: 0.3em; box-sizing: border-box; text-align:center; }
.cause_tbl td.br{ border-right: 1px solid #ddd; }

.scroll {
width: 100%;
overflow-y: hidden;
overflow-x: auto;
-ms-overflow-style: -ms-autohiding-scrollbar;
-webkit-overflow-scrolling: touch;
}



.treat_tbl{ background:#FFF; width: 630px }
.treat_tbl th, .treat_tbl td{ padding: 0.5em 0.3em; vertical-align: middle; text-align:center;  }

.treat_tbl td{ width: 25%; border-bottom: 1px solid #ddd;  }
.treat_tbl td.tre_ttl{ width: 26%; }
.treat_tbl td.tre_ttl span{ background:#eee; border-radius: 4px; display:inline-block;  width: 100%; padding: 0.3em; box-sizing: border-box; text-align:center; }
.treat_tbl td.br{ border-right: 1px solid #ddd; }


.fus_tbl{width: 630px }
.fus_tbl th, .fus_tbl td{ padding: 0.5em 0.3em; vertical-align: middle;  }
.fus_tbl td{ width: 37%; border-bottom: 1px solid #ddd; text-align: center; }
.fus_tbl td.fus_ttl{ width: 26%; }
.fus_tbl td.fus_ttl span{ background:#bedded; border-radius: 4px; display:inline-block;  width: 100%; padding: 0.3em; box-sizing: border-box; text-align:center; }
.fus_tbl td.br{ border-right: 1px solid #ddd; }




ul.check li{position: relative; line-height:1.5; margin-bottom:1em;}
ul.check li::after {
  display: block;
  content: '';
  position: absolute;
  top: .5em;
  left: -1.2em;
  width: 10px;
  height: 3px;
  border-left: 2px solid #c85a86;
  border-bottom: 2px solid #c85a86;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/* 患者向け機器操作説明 フローティングボタン（PC用レイアウト・位置） */
.floating-btn-device {
  flex-direction: column;
  bottom: 180px;
  right: 20px;
  width: fit-content;
  padding: 10px;
  border-radius: 12px;
}
.floating-btn-device-icon {
  width: 32px;
  height: 32px;
  margin-bottom: 8px;
}
.floating-btn-device-text {
  flex-direction: column;
  font-size: 18px;
  letter-spacing: 0.15em;
}

.floating-btn-device.pc_none {
  display: none !important;
}

/* 患者向け機器操作説明 サイドナビボタン */
li.nav-btn-04 {
  margin-top: 10px;
}
li.nav-btn-04 a {
  text-indent: 0 !important;
  white-space: normal !important;
  overflow: visible !important;
  line-height: 1.4 !important;
  height: 70px !important;
  width: auto !important;
  padding-top: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  /* gap: 20px; */
  background: #e9550c !important;
  color: #fff !important;
  text-decoration: none !important;
  border-radius: 10px;
  padding: 12px 40px !important;
  font-weight: bold;
  letter-spacing: 0.05em;
  box-sizing: border-box;
}

@media (max-width: 950px) {
  li.nav-btn-04 a {
    padding: 12px 4vw !important;
  }
}

@media (max-width: 850px) {
  li.nav-btn-04 a {
    padding: 12px 3vw !important;
  }
}

li.nav-btn-04 a:hover {
  opacity: 0.85;
  color: #fff !important;
  text-decoration: none !important;
}
.nav-btn-04-icon {
  width: 6vw;
  height: auto;
  flex-shrink: 0;
  object-fit: contain;
}
.nav-btn-04-text {
  font-size: 2vw;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: 0.15em;
}

.totop--bottom {
  bottom: 60px ;
}