@charset "UTF-8";
/* LAST UPDATE 22.01.21*/
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
html,body{width: 100%;}
html{font-size: 62.5%; }
body{ font-size: 1.6rem; font-family: メイリオ, Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", 游ゴシック, YuGothic, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; margin: 0;}
h2{margin: 0 0 22px; padding: 13px 0 8px 60px; font-weight: normal; font-size: 2.2rem; position: relative; border-top: 3px solid #088dd0; border-bottom: 1px solid #088dd0;}
h2:before{content: url(../images/iconH2.png); position: absolute; top: 4px; left: 9px;}
h2.h2Patients{margin: 0 0 22px; padding: 13px 0 8px 60px; font-weight: normal; font-size: 2.2rem; position: relative; border-top: 3px solid #ec7b35; border-bottom: 1px solid #ec7b35;}
h2.h2Patients:before{content: url(../images/iconH2Patients.png); position: absolute; top: 4px; left: 9px;}
h2 span.h2_date{ width: 100%; margin: 10px 0 0 0; display: block; text-align: right; font-size: 1.4rem; }
@media screen and (min-width:768px), print {
	h2 span.h2_date{ width: auto; margin: 0; display: inline-block; position: absolute; top: 18px; right: 0; }
}

h3{margin: 0 0 20px; padding-bottom: 4px; font-size: 1.7rem; font-weight: normal; border-bottom: 2px solid #6bc3ea; clear: both;}
h3.h3Survey{margin: 0 0 20px; font-weight: bold; font-size: 1.8rem; letter-spacing: 1px;}
h3.h3patients{margin: 0 0 20px; padding-bottom: 4px; font-size: 1.7rem; font-weight: normal; border-bottom: 2px solid #eb7a36; clear: both;}

h4{ margin: 0 0 5px; padding: 0; font-weight: bold; color: #088dd0; font-size: 1.6rem; display: inline-block; letter-spacing: 1px;}
p{margin: 0; font-size: 1.4rem;}
ul{ list-style: none;}
a, a:hover{color: #3498ca;}

.note1 { margin: 0 0 0 1em; padding: 0;}
.note1 li{ margin: 0 0 .8em; font-size: 1.4rem}
.note1 li:last-of-type{ margin: 0;}
.ind1 { margin: 0; padding: 0 }
.ind1 li{padding: 0 0 0 1em; text-indent: -1em;  font-size: 1.4rem}
.ind1-8 { margin: 0; padding: 0 }
.ind1-8 li{padding: 0 0 0 1.8em; text-indent: -1.8em;  font-size: 1.4rem}
.ind2 { margin: 0; padding: 0 }
.ind2 li{padding: 0 0 0 2em; text-indent: -2em;  font-size: 1.4rem}
.bg_blue{ padding: 1.5em 1.5em 1.5em; border: 1px solid #3498ca; line-height: 1.6}
.red{color: #FF0004;}
.blue{color: #088dd0;}
.taC{text-align: center;}
.fwB{font-weight: 700;}
.fz12{font-size: 1.2rem !important;}

header{ width: 100%; margin-bottom: 41px; border-top: 3px solid #3498ca;}
header#headerPatients{ margin-bottom: 50px; border-top: 3px solid #ec7b35;}
.hP_style02{margin-bottom: 100px !important;}
header > div{ position: relative;}
header h1{ display: flex; align-items: center; flex-direction: column; margin: 0; padding: 40px 0 18px; text-align: center; border-bottom: 1px solid #d5d5d5; }
header h1 img:nth-of-type(2) { margin-top: 10px; }
header > div > p:last-of-type{position: absolute; right: 0; top: -5px; color: #fff; font-weight: bold; background: #3498ca; padding: 13px 13px 10px; border-radius: 6px; font-size: 1.3rem; letter-spacing: 1px;}
header#headerPatients > div > p:last-of-type{position: absolute; right: 0; top: -5px; color: #fff; font-weight: bold; background: #ec7b35; padding: 13px 13px 10px; border-radius: 6px; font-size: 1.3rem; letter-spacing: 0px;}
header > div > p > a{ position: absolute; right: 20px; bottom: -19px; font-size: 1.2rem; color: #000; font-weight: bold;}
header > div > p > a:hover{color: #000;}
header#headerPatients > div > p > a{ position: absolute; right: 20px; bottom: -30px; font-size: 1.2rem; color: #000; font-weight: bold;}
.hP_style02 > div > p > a{  bottom: -80px !important;}
header > div > p > a:before{content: url(../images/arrow07.png); padding-right: 5px;}
header#headerTop h1{ display: flex; padding: 20px 0; border: none;}
header#headerTop > div > div:first-of-type > img{ width: 100%; height: auto;}
header#headerTop > div > div:last-of-type > img{ display: none;}
header#headerPatients > div > p > a:before{content: url(../images/arrow11.png); padding-right: 5px;}
.bnr-area{width: 100%; margin: 0 auto 20px; padding: 0 5%; text-align: center;}
.bnr-area a{ width: 80%; height: auto;}
.bnr-area a img{ width: 100%; margin: 0 auto; max-width: 360px ;}
#patientsTop{margin:40px 0 25px; color:#ec7b35; font-weight: bold; position: relative; text-align: center;}
#patientsTop img{ display: none;}
#patientsTop p{ width: 90%; margin: 0 auto; padding: 40px 0 35px; font-size: 1.8rem; text-align: center; background: #fffdf6; border: 1px solid #ec7b35;}
#lead{ width: 90%; margin: 30px auto 40px; line-height: 1.5;}
nav ul{margin:0 0 40px; padding: 0;}
nav ul:after{content: ""; clear: both; display: block;}
nav ul li a{ text-align: center; width: 50%; margin: 0; padding:12px 7px; color: #000; float: left; text-decoration: none; font-size: 1.2rem; font-weight: bold; border-bottom: 1px solid #d5d5d5; border-right: 1px solid #d5d5d5;}
nav ul li a:after{ padding-left: 5px; content: url(../images/arrow05.png);}
nav ul li:last-child a{margin: 0;}
#slideTop{ display: none !important; }
#midashi div:first-of-type{ display: none;}
#midashi div:last-of-type {text-align: center;}
#midashi div:last-of-type img{ width: 100%; height: auto; max-width: 380px; margin: 20px 0 30px; }
#content{ width: 90%; margin: 0 auto 50px;}
#bread, #breadPatients{ margin: 0 5% 15px; padding: 0 0 0 20px; position: relative; word-break: break-all; }
#bread:before{ content: url(../images/iconHome.png); position: absolute; left: 0; top:-2px;}
#breadPatients:before{ content: url(../images/iconHomePatients.png); position: absolute; left: 0; top:-2px;}
#bread li, #breadPatients li { float: left; font-size: 1.2rem; margin-bottom: 6px; letter-spacing: -1px; word-break: break-all; }
#breadPatients li a{color: #ec7b35}
#bread li a:after, #breadPatients li a:after {padding: 0 10px; content: url(../images/arrow04.png); }
#bread:after, #breadPatients:after{content: ""; clear: both; display: block;}
#link{width: 90%; margin: 0 auto 10px; background: #def5ff; border: 2px solid #3498ca; border-radius: 7px;}
#link:after{content: ""; clear: both; display: block;}
#link ul{ width: 100%; margin: 0; padding: 0;}
#link ul li a{width: 100%; padding: 8px; float: left; color: #00276f; font-size: 1.3rem; font-weight: bold; text-decoration: none; position: relative; border-bottom: 1px solid #3498ca;}
#link ul li:last-child a{border: none;}
#link ul li a:after{ content: url(../images/arrow08.png); position: absolute; top: 8px; right:10px;}
footer{ margin: 0 !important; padding: 40px 0 0; text-align: center;}
footer:after{content: ""; clear: both; display: block;}
footer > div:after{content: ""; clear: both; display: block;}
footer > div > ol{width: 90%; margin: 0 auto 40px; padding: 0;}
footer > div > ol:after{content: ""; clear: both; display: block;}
footer > div > ol > li{list-style: none}
footer > div > ol > li > a{ width: 100%; margin: 0 0 2px; padding: 20px 0 20px 30px; text-decoration: none; background: #3498ca; color: #fff; line-height: 1; display: block; position: relative; font-size: 1.2rem; font-weight: bold; text-align: left; }
footer > div > ol > li > a:hover{color: #fff;}
footer#footerPatients > div > ol > li > a{ width: 100%; margin: 0 0 2px; padding: 20px 0 20px 30px; text-decoration: none; background: #ec7b35; color: #fff; line-height: 1; display: block; position: relative; font-size: 1.2rem; font-weight: bold; text-align: left;}
footer > div > ol > li > a:before{content: url(../images/arrow01.png); position: absolute; top:18px; left: 10px;}
footer > div > p#pageTop > a:before{ content:""; padding-right:0;}
footer > div > p#pageTop{position: fixed; right:  20px; bottom: 20px;}
footer > div > p#pageTop a{ width: 60px; height: 60px; margin: 0; padding: 19px; float: right; border: none; border-radius: 40px; background: #cfcfcf; color: #fff; font-size: 1.2rem; opacity: 0.9;}
footer > div > p#pageTop a:after{content: url(../images/arrow03.png); color: #fff; z-index: 100;  position: absolute; top: 21px; left:18px;}
footer > address{ display: flex; justify-content: center; align-items: center; padding: 7.5px; background: #3498ca; font-style: normal; color: #fff; font-weight: bold; }
footer > address p { font-size: 1.2rem; letter-spacing: 2px; line-height: 1.2; text-align: left; }
footer#footerPatients > address{ background: #ec7b35;}
footer > address:after{content: ""; clear: both; display: block;}
#sentaku{margin: 0 auto 50px; padding: 40px 10px 20px; border: 4px solid #3498ca; border-radius: 10px;}
#sentaku:after{content: ""; clear: both; display: block;}
#sentaku p:first-child{ margin-bottom: 35px; font-weight: bold; color: #3498ca; font-size: 2.0rem; text-align: center;}
#sentaku dl{margin: 0 0 20px;  background: #f0f0f0; }
#sentaku dl, #sentaku dldt, #sentaku dl dd{width: 100%; float: left;}
#sentaku dl dt{padding: 10px 0 8px; color: #fff; font-weight: bold; text-align: center; line-height: 1; font-size: 1.6rem;}
#sentaku dl dd{margin: 0; padding:10px 2%; background: #f0f0f0;}
#sentaku dl dd ul{margin: 0; padding:0;}
#sentaku dl:first-of-type dt{background: #3498ca; }
#sentaku dl:last-of-type dt{background: #8d8d8d; }
#sentaku dl dd ul li a{ margin: 0 4px 5px; padding: 12px 12px 8px 20px; text-decoration: none; float: left; color: #fff; font-weight: bold; font-size: 1.4rem; border-radius: 5px; position: relative;}
#sentaku dl dd ul li a:before{ content:url(../images/arrow02.png); font-size: 1.4rem; position: absolute; top: 10px; left: 8px;}
#sentaku dl:first-of-type dd ul li a{background: #3498ca; }
#sentaku dl:last-of-type dd ul li a{ background: #ed7a26;}
#contentsTop{ width: 100%; background: #f0f0f0; padding: 50px 0 60px;}
#news, #news2, #news3, #newsPatients{width: 90%; margin: 0 auto 20px;}
#news:after, #news2:after, #news3:after, #newsPatients:after{content: ""; clear: both; display: block;}
#news p, #news3 p{padding: 13px 15px 8px 45px; background: #3498ca; color: #fff; font-weight: normal; line-height: 1; position: relative; font-size: 1.6rem !important;}
#news p:before, #news3 p:before{content: url(../images/iconInfo01.png); padding: 2px 10px 0 0; position: absolute; top: 8px; left: 15px; }
#news2 p{padding: 13px 15px 8px 45px; background: #1aa40c; color: #fff; font-weight: nomal; line-height: 1; position: relative; font-size: 1.6rem !important; }
#news2 p:before{content: url(../images/iconInfo02.png); padding: 3px 10px 0 0; position: absolute; top: 5px; left: 15px;}
#newsPatients p{padding: 13px 15px 8px 45px; background: #eb7a36; color: #fff; font-weight: normal; line-height: 1; position: relative; font-size: 1.6rem !important;}
#newsPatients p:before{content: url(../images/iconInfo01.png); padding: 2px 10px 0 0; position: absolute; top: 8px; left: 15px;}
#news dl, #news2 dl, #news3 dl, #newsPatients dl{margin: 0; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca; background: #fff;}
#news dl:last-child, #news2 dl:last-child, #news3 dl:last-child, #newsPatients dl:last-child{ border-bottom: 1px solid #cacaca;}
#news dl:nth-child(odd), #news2 dl:nth-child(odd), #news3 dl:nth-child(odd){ background: #ebf2f5;}
#newsPatients dl:nth-child(odd){ background: #ffeee3;}
#news dl dt, #news dl dd, #news2 dl dt, #news2 dl dd, #news3 dl dt, #news3 dl dd, #newsPatients dl dt, #newsPatients dl dd{margin: 0; font-size: 1.4rem;}
#news dl dt, #news2 dl dt, #news3 dl dt, #newsPatients dl dt{padding: 15px 15px 5px; font-weight: bold;}
#news dl dd, #news2 dl dd, #news3 dl dd, #newsPatients dl dd{margin: 0; padding: 0 15px 15px;  font-size: 1.4rem;}
#news dl dt.dtRituxan:after, #news2 dl dt.dtRituxan:after{ margin-left: 10px; padding: 1px 12px; content: "リツキサン";color: #fff; background: #394684; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px;}
#news dl dt.dtPerazolin:after, #news2 dl dt.dtPerazolin:after{ margin-left: 10px; padding: 1px 12px; content: "ペラゾリン";color: #fff; background: #117114; font-size: 1.2rem; font-weight: bold; letter-spacing: 1px;}
#news dl dt.dtRituxanPerazolin, #news2 dl dt.dtRituxanPerazolin{ position: relative;}
#news dl dt.dtRituxanPerazolin:after, #news2 dl dt.dtRituxanPerazolin:after{ margin-left: 10px; padding: 4px 5px 3px; content: "リツキサン・ペラゾリン";color: #fff; background: #793d88; font-size: 1.2rem; font-weight: bold; position: absolute; left:77px; top:11px;}
#news dl dt.dtSeminar:after, #news2 dl dt.dtSeminar:after, #newsPatients dl dt.dtSeminar:after{ margin-left: 10px; padding: 2px 17px 1px; content: "学会情報";color: #fff; background: #f59d3e; font-size: 1.2rem; font-weight: bold; letter-spacing: 2px;}
#news dl dd ul, #news2 dl dd ul, #news3 dl dd ul, #newsPatients dl dd ul{margin: 0; padding: 0;}
#news dl dd ul li, #news2 dl dd ul li, #news3 dl dd ul li, #newsPatients dl dd ul li{list-style: none; margin-bottom: 5px; position: relative;}
#news dl dd ul li:last-child, #news2 dl dd ul li:last-child, #news3 dl dd ul li:last-child, #newsPatients dl dd ul li:last-child{margin-bottom:0 !important;}
#news dl dd ul li.new, #news2 dl dd ul li.new, #news3 dl dd ul li.new, #newsPatients dl dd ul li.new{ margin: 0 0 5px 3.5em; text-indent: -3.5em;}
#news dl dd ul li.new:before, #news2 dl dd ul li.new:before, #news3 dl dd ul li.new:before, #newsPatients dl dd ul li.new:before{padding-right: 10px; content: "NEW"; font-weight: bold; color: #cc0000;}
#news dl dd ul li a.pdf:after, #news2 dl dd ul li a.pdf:after, #news3 dl dd ul li a.pdf::after{content: "";  position: absolute; right: -1.5em; background-image: url(../images/iconPdf.png); width: 20px; height: 17px; background-repeat: no-repeat;}
#newsPatients dl dd ul li a.pdf:after{ width: 20px; height: 17px; margin-top:3px; margin-left: 5px; content:""; background: url(../images/iconPdf.png); position: absolute; bottom:-4px;}
#news dl dd ul li a, #news2 dl dd ul li a, #news3 dl dd ul li a, #newsPatients dl dd ul li a{ color: #000;}
#news dl dd ul li a.pdf, #news3 dl dd ul li a.pdf{ position: relative; /*padding-right: 26px !important;*/}
/*#newsPatients dl dd ul li a.pdf{padding-right: 26px !important;}*/
#Attention{ width: 90%; margin: 0 auto; padding: 18px; border: 1px solid #cacaca; background: #fff;}
#Attention:after{content: ""; clear: both; display: block;}
#Attention p{font-size: 1.4rem; margin-bottom: 10px;}
#Attention ul{margin: 0; padding: 0;}
#Attention ul li{margin-bottom: 10px; font-size: 1.2rem; text-indent: -12px; margin-left: 12px; line-height: 1.2;}
#Attention ul li:last-of-type{margin-bottom: 0;}
#contact{ width: 100%; margin: 60px 0 0; padding: 60px 0 30px; background: #ebf2f5;}
#contact:after{content: ""; clear: both; display: block;}
#contact > div > div{ width: 90%; margin: 0 auto 40px; padding: 0; }
#contact > div > div > p{padding: 0 0 3px; border-bottom: 3px solid #3498ca; }
#contact > div > div > div > p{margin: 0 0 5px; font-weight: bold; font-size: 1.4rem; letter-spacing: 1px; text-align: center; }
#contact > div > div > div > p:first-of-type{ font-size: 2.9rem; position: relative; margin:0; padding: 0; font-weight: bold; letter-spacing: 0; }
#contact > div > div > div > p:first-of-type:before{ content: url(../images/tel.png); }
#contact > div > div > p{ margin: 0 0 5px; font-weight: bold; font-size: 1.5rem; }
#contact > div > div > div > p:nth-last-of-type(1){font-size: 1.2rem; font-weight: normal; text-align: center;}
#contactPatients{ width: 100%; margin: 60px 0 0; padding: 30px 0; background: #ffeee3;}
#contactPatients:after{content: ""; clear: both; display: block;}
#contactPatients > div{ width: 90%; margin: 0 auto; padding: 20px; background: #fff; border: 2px solid #ec7b35; border-radius: 10px;}
#contactPatients > div > p{ margin: 0 0 15px; font-weight: bold; font-size: 1.8rem; text-align: center;}
#contactPatients > div > div > p:first-child{ margin-bottom: 3px; font-weight: bold; font-size: 1.5rem;}
#contactPatients > div > div > p:nth-last-of-type(2){margin-bottom: 5px; font-weight: bold; font-size: 2.5rem; position: relative; padding-left: 20px;}
#contactPatients > div > div > p:nth-last-of-type(2):before{ content: url(../images/tel.png); position: absolute; top:2px; left:0;}
.book{width:100%;}
.book > div{width:100%; margin-bottom: 5px; padding: 5px; border: 1px solid #c0c0c0; float: left;}
.book:after{content: ""; clear: both; display: block;}
.bookimg{width: 24%; margin: 0 3% 0 0; float: left;}
.bookimg img{width: 100%; height: auto; max-width: 80px; margin-right: 10px; border: 1px solid #dbdbdb; display:block;}
.book > div > div:last-of-type{ width: 73%; float: left; }
.book > div > div p:first-child{margin: 15px 0; padding-left: 18px; text-align: left; font-weight: bold; position: relative; font-size: 1.3rem; float:left; line-height: 1.4;}
.book > div > div p:first-child:before{content: "■"; font-size: 2.2rem; position: absolute; top: -5px; left: -5px; color: #088dd0;}
.book > div > div p:first-child a{color: #000;}
.bookbtn02{ width: 100%; float: left;}
.bookbtn02 > div > a{ width: 49%; margin: 0 2% 0 0;}
.bookbtn02 > div:last-of-type > a{ margin: 0; }
.bookbtn02 > div > a img{ width: 100%; height: auto; max-width: 120px;}
.bookbtn02 > div > a{ float: left; display: block;}
.orangeBook{ margin-bottom: 60px !important;}
/*.bookLayoutBtn{position: relative; top: -36px; left: 125px;}*/
.orangeBook > div p:first-child:before{color: #eb7a36 !important;}
.displayPc{display: none;}
.displaySp{display: block;}
.mb0{margin-bottom: 0 !important;}
.mb1{margin-bottom: 1em !important;}
.mb2{margin-bottom: 2em !important;}
.mb3{margin-bottom: 3em !important;}
.mb4{margin-bottom: 4em !important;}
.mb10{margin-bottom: 10px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mt0{margin-top: 0 !important;}
.mt1{margin-top: 1em !important;}
.mt10{margin-top: 10px !important;}
.pb0{padding-bottom:0 !important;}
.clear{clear: both;}
.btn1, .btn2{text-align: center;}
.btn1 a{margin: 0 auto; padding:16px 45px 15px; background:#3498ca; color: #fff; text-decoration: none; line-height: 1; display: inline-block; border-radius: 3px;}
.btn2 a{margin: 0 auto; padding:16px 45px 15px; background:#ec7b35; color: #fff; text-decoration: none; line-height: 1; display: inline-block; border-radius: 3px;}
.btn1 a:before, .btn2 a:before{content: url(../images/arrow06.png); padding-right: 10px;}
.btn1 a:before, .btn2 a:before, .btn3 a:before{content: url(../images/arrow06.png); padding-right: 10px;}
.btn3 a{margin: 0 auto; padding:16px 15px 15px 30px; background:#3498ca; color: #fff; text-decoration: none; line-height: 1; display: inline-block; text-indent:-16px; border-radius: 3px;}
ul.fileUl1{margin: 0; padding: 0;}
ul.fileUl2, ul.fileUl3, ul.fileUl4{margin: 0 0 30px; padding: 0;}
ul.fileUl1:after, ul.fileUl2:after, ul.fileUl3:after, ul.fileUl4:after{content: ""; clear: both; display: block;}
ul.fileUl1 li, ul.fileUl2 li, ul.fileUl3 li, ul.fileUl4 li{margin-bottom: 10px; font-size: 1.4rem; text-indent:-15px; margin-left: 15px; line-height: 1.4; }
ul.fileUl1 li:before, ul.fileUl2 li:before{padding-right: 4px; content: "▶"; font-size: 1.2rem; color: #18a3e8;}
ul.fileUl3 li:before, ul.fileUl4 li:before{padding-right: 4px; content: "▶"; font-size: 1.2rem; color: #eb7a36;}
ul.fileUl1 li a, ul.fileUl2 li a, ul.fileUl3 li a, ul.fileUl4 li a{color: #000; padding-right: 5px; }
ul.fileUl1 li a.pdf, ul.fileUl2 li a.pdf,ul.fileUl3 li a.pdf, ul.fileUl4 li a.pdf, .book > div > div p:first-child a.pdf{position: relative; display: inline;}
ul.fileUl1 li a.pdf:after, ul.fileUl2 li a.pdf:after,ul.fileUl3 li a.pdf:after, ul.fileUl4 li a.pdf:after, .book > div > div p:first-child a.pdf:after{ margin-top:3px; margin-left: 0; content: url(../images/iconPdf.png); }
dl.dlSeminar{margin: 0 0 30px;}
dl.dlSeminar dt, dl.dlSeminar dd{width: 100%; font-size: 1.4rem;}
dl.dlSeminar dt{margin-bottom: 5px; font-weight: bold;}
dl.dlSeminar dd.new:before {padding-right: 8px; content: "NEW"; font-weight: bold; color: #cc0000;}
dl.dlSeminar dd{margin: 0; padding-bottom: 20px;}
dl.dlSeminar dd a{color: #000;}
dl.dlSeminar dd a.pdf{position: relative; display: inline;}
dl.dlSeminar dd a.pdf:after{ margin-top:3px; margin-left:3px; content: url(../images/iconPdf.png); position: absolute; bottom:-4px;}
.photo{width: 100%; padding: 30px 0; background: #c3ebff; clear: both;}
.photo dl{ width: 90%; margin: 0 auto; background: #fff; border-right: 3px solid #005b89; }
.photo dl dt{padding: 15px 15px 13px; background: #088dd0; color: #fff; }
.photo dl dt p{font-size: 2.2rem;}
.photo dl dt p:first-of-type{margin-bottom: 10px;}
.photo dl dt p a{padding:10px 45px 7px 20px; font-size: 1.5rem; border: 2px solid #fff; color: #fff; text-decoration: none; border-radius: 20px; position: relative; display: inline-block;}
.photo dl dt p a:before{content: url(../images/arrow06.png); padding-right: 8px;}
.photo dl dt p a:after{content: url(../images/iconPdf.png); position: absolute; right: 19px; top: 8px;}
.photo dl dd{margin: 0; padding: 20px 40px; border-bottom: 3px solid #005b89;}
.photo dl dd p img{ width: 100%; height: auto;}
#news dl, #news2 dl, #news3 dl, #newsPatients dl{margin: 0;}
#bnlist dl{ width:100%; background: #fff; margin: 0;}
#bnlist dl dt, #bnlist dl dd{margin: 0; font-size: 1.4rem;}
#bnlist dl dt{margin: 0; padding:15px 5px 3px; font-weight: bold;}
#bnlist dl dd{margin: 0; padding: 0 5px 15px;}
#bnlist dl dd ul{margin: 0; padding: 0;}
#bnlist dl dd ul li a{ color: #000;}
#bnlist dl dd ul li a.pdf{position: relative;}
#bnlist dl dd ul li a.pdf:after{ margin-top:3px; margin-left: 5px; content: url(../images/iconPdf.png); position: absolute; bottom:-4px;}
#bnlist dl:nth-child(odd){ background: #ebf2f5;}
#notfound{ width: 90%; margin: 0 auto; padding: 60px 0 120px; letter-spacing: 2px;}
#notfound p:first-child{ width: 100%; margin-bottom: 20px; font-size: 2.4rem; font-weight: bold; border-bottom: 1px solid#000; display: inline-block; line-height: 1.2;}
#notfound p{font-size: 1.6rem; line-height: 1.6;}
#notfound p a{ margin-top: 10px; padding: 19px 20px 17px 35px; text-decoration: none; line-height: 1.2; font-size: 1.4rem; background:#3498ca; display: inline-block; color: #fff; position: relative;  letter-spacing: 0 !important;}
#notfound p a:before { content: url(../images/arrow01.png); position: absolute; top: 19px; left: 10px;}
.youtube { width: 100%; margin: 0 0 .5em; padding-top: 56.25%; position: relative;}
.youtube iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; right: 0;}


@media screen and (min-width:768px), print {
	html{min-width:900px;}
	a:hover{opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
	input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{opacity: 0.5; filter: alpha(opacity=50); -moz-opacity: 0.5; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
	input{outline: none}
	header#headerPatients{margin-bottom: 20px !important;}
	header{ border-bottom: 1px solid #d5d5d5;}	
	.hP_style02{margin-bottom: 41px !important;}
	header > div{width: 900px !important; margin: 0 auto 20px; padding: 0;}
	header > div > h1{ flex-direction: row; margin: 0; padding: 25px 0 0 !important; text-align: left; border: none;}
	header h1 img:nth-of-type(2) { margin: 0 0 0 22px; padding: 0; }
	header > div > p:last-of-type{right: 0; top: -5px; font-size: 1.3rem;}
	header > div > p > a{position: absolute; right: 180px; top: 10px; bottom: auto; font-size: 1.2rem; text-align: left;}
	header#headerPatients > div > p > a{position: absolute; right: 210px; top: 10px; bottom: auto; font-size: 1.2rem; text-align: left;}
	header#headerTop{margin-bottom: 45px; border-bottom:none;}
	header#headerTop > div:last-of-type{width: 100%; margin-bottom:0; }
	header#headerTop > div > div:first-of-type  > img{ display: none;}
	header#headerTop > div > div:last-of-type > img{ display: block;}
	.bnr-area{width: 360px; padding: 0;}
	.bnr-area a{ width: 360px; height: auto;}
	.bnr-area a img{ width: 360px; margin: 0; max-width:none ;}
	div#wrapTop {width: 100% !important; min-width: 900px; overflow: hidden;}
	div#wrapTop > div{  position: relative; left: 50%; margin-left: -1500px;}
	#patientsTop { width: 900px; margin: 0 auto 25px; position: relative;}
	#patientsTop img{ display: block;}
	#patientsTop p{width: auto; padding: 0; position: absolute; top:90px; left:300px; background: none; border: none; font-size: 2.2rem;}
	#lead{ width: auto; margin: 0 auto 40px;  text-align: center;} 
	#lead p{display: inline-block; text-align: left;}
	nav{width: 900px; margin:25px auto 0;}
	nav ul{margin:0 0 0 90px;}
	nav ul li a{ width: auto; margin: 0 70px 0 0; padding: 0; float: left; font-size: 1.4rem; border-bottom:none; border-right:none;}
	div#slideTop{ display: block !important; margin-bottom: 30px;}
	#midashi div:first-of-type{width: 902px; margin: 0 auto 20px; display: block; border: 1px solid #ddd;}
	#midashi div:last-of-type{ display: none;}
	#bread, #breadPatients{width: 800px; margin: 0 auto 15px;}
	#content{width: 800px; margin: 0 auto;}
	footer{padding: 0;}
	footer:after {content: ""; clear: both; display: block;}
	footer > div{ width: 800px; margin: 0 auto; padding: 0 20px 0 0;}
	footer > div > ol{ width: auto;float: left; margin: 40px 0;}
	footer > div > ol:after {content: ""; clear: both; display: block;}
	footer > div > ol > li{float: left;}
	footer > div > ol > li > a{ margin: 0; padding: 0 20px; float: left; text-decoration: none; background: none; color: #000; line-height: 1; display: block; position: relative;  font-size: 1.4rem; font-weight: normal;}
	footer > div > ol > li > a:hover{color: #000;}
	footer > div > ol > li > a:before{content:"▶"; color: #3498ca; font-size: 1.2rem; position: absolute; top: 0; left: 0;}
	footer#footerPatients > div > ol > li > a{ margin: 0; padding: 0 20px; float: left; text-decoration: none; background: none; color: #000; line-height: 1; display: block; position: relative;  font-size: 1.4rem; font-weight: normal;}
	footer#footerPatients > div > ol > li > a:before{content:"▶"; color: #ec7b35; font-size: 1.2rem; position: absolute; top: 0; left: 0;}
	footer > div > p{float: right;}
	footer > div > p img{ margin:0;}
	.displayPc{display: block;}
	.displaySp{display: none;}	
	#sentaku{ width: 800px; padding: 40px 20px;}	
	#sentaku:after{content: ""; clear: both; display: block;}
	#sentaku dl{ float: left; margin: 0;}	
	#sentaku dl:first-of-type{width: 425px !important; margin-right: 20px;}
	#sentaku dl:last-of-type{width: 303px !important;}
	#sentaku dl dd{ padding: 30px 35px 20px;}
	#news, #news2, #news3, #newsPatients{width: 800px;}
	#news dl dt, #news dl dd, #news2 dl dt, #news2 dl dd, #news3 dl dt, #news3 dl dd, #newsPatients dl dt, #newsPatients dl dd{ font-size: 1.4rem;}
	#news dl dt, #news2 dl dt{width: 195px; margin: 0; padding: 15px; float: left;}
	#newsPatients dl dt{width: 100px; margin: 0; padding: 15px; float: left;}
	#news3 dl dt{width: 100px; margin: 0; padding: 15px; float: left;}	
	#news dl dd, #news2 dl dd{ margin: 0; padding: 15px 15px 15px 195px;}
	#newsPatients dl dd{ margin: 0; padding: 15px 15px 15px 100px;}
	#news dl dt.dtRituxanPerazolin:after, #news2 dl dt.dtRituxanPerazolin:after, #newsPatients dl dt.dtRituxanPerazolin:after{width:88px; padding: 3px 7px 2px !important; letter-spacing: 0 !important; top:7px;}
	#news3 dl dd{ margin: 0; padding: 15px 0 15px 100px; }
	#Attention{ width: 800px; margin: 0 auto; border: 1px solid #cacaca;}
	#contact {padding: 40px 0 30px;}
	#contact > div{width: 400px; margin: 0 auto;}
	#contact > div > div{ width: 380px; margin: 0 auto 20px; padding: 0; float: left;}
	#contact > div > div:last-of-type{ padding: 0; margin: 0}
	#contact > div > div > p{ width: 380px; margin: 0 0 5px; padding: 0 0 5px; text-align: center !important; font-size: 1.6rem;}
	#contact > div > div > div{ width: 340px; margin: 0 auto; }
	#contactPatients > div{ width: 530px; height: 110px; margin: 0 auto; padding: 20px 0 20px 20px;}
	#contactPatients > div > p{ width: 130px; margin: 0; padding: 25px 0; float: left; text-align: left;}
	#contactPatients > div > div{ width: 360px; float: left;}
	.book{margin: 0 0 20px 0;}
	.book > div{width: 395px; height:130px; margin:0 5px 5px 0; padding: 7px;}
	.book > div > div p:first-child{margin: 20px 0;}
	ul.fileUl1, ul.fileUl4{width: 380px; float: left; margin: 0 20px 30px 0;}
	ul.fileUl1 li{width:100%;  float: left;}
	ul.fileUl3 li{width: 48% !important; float: left; }
	ul.fileUl1 li, ul.fileUl2 li, ul.fileUl3 li, ul.fileUl4 li{text-indent:-15px; margin-left: 15px; line-height: 1.4; }
	dl.dlSeminar dt{ width: 80px; float: left;}
	dl.dlSeminar dt.w162{ width: 162px; float: left;}
	dl.dlSeminar dt.w162 + dd {padding: 0 0 0 162px;}
	
	#link{width: 800px !important; margin: 0 auto 20px; padding: 0; border-radius: 40px; position: relative;}
	#link ul{ line-height: 45px; height: 45px;}
	ul#ulRituxan{ width: 600px; margin:  0 auto; display: block;}	
	ul#ulRituxan02{ width: 780px; margin:  0 auto; display: block;}
	ul#ulPerazolin{ width: 470px; margin:  0 auto; display: block;}
	#link ul li a{ width: auto; margin: 0 27px; padding: 0; border: none; font-size: 1.4rem; float: left;}
	#link ul li a:after{top:0; right:-20px;}
	.photo dl{width: 800px; margin: 0 auto; background: #088dd0; border-bottom: 3px solid #005b89; }
	.photo dl dt{width: 200px; float: left; background: none;}
	.photo dl dd{margin: 0 0 0 200px; padding: 20px 40px; background: #fff; border-bottom: none;}
	#bnlist{ width: 800px; margin: 0 auto;}
	#bnlist dl:first-of-type{border-top: 1px solid #cacaca;}
	#bnlist dl:last-of-type{border-bottom: 1px solid #cacaca;}
	#bnlist dl { width: 800px; margin: 0; border-left: 1px solid #cacaca; border-right: 1px solid #cacaca;}
	#bnlist dl dt{ width: 100px; padding: 15px; float: left;}
	#bnlist dl dd{ margin-left: 0; padding: 15px 0 15px 100px;}
	#notfound{ width: 800px; padding: 40px 0 120px}
	#notfound p:first-child{ width: auto; }
    .youtube { width: 560px; height: 315px; padding-top:0;} 
    .youtube iframe{ width: 560px; height: 315px;}
}
header#headerPatients .bnr_header a{ width: 190px; height: 45px; position: absolute; right: 20px; bottom: -55px; display: block;} /*後で消す*/
@media screen and (min-width:768px), print {
	header#headerPatients .bnr_header a{ width: auto; top: 40px; right: 0;}/*後で消す*/
}

#footer_bnr:after{content: ""; clear: both; display: block;}
#footer_bnr {margin: 30px 0 0; padding: 0;}
#footer_bnr ul{margin:0; padding: 0;}
#footer_bnr ul li{ margin: 0 0 10px; text-align: center;}
@media screen and (min-width:768px), print {
	#footer_bnr{width: 900px; margin: 0 auto;}
	#footer_bnr ul li{ margin: 0 10px 10px 0 ; float: left;}
}


#top_survey_bnr{ width: 90%;margin: 30px auto 20px; text-align: center;}
#top_survey_bnr img { width: 100%; height: auto;}
#top_survey_bnr a{display: block;}
@media screen and (min-width:768px), print {
	#top_survey_bnr{width: 800px; margin: 0 auto 20px;}
}

#patients_content:after { content: ""; clear: both; display: block;}
#patients_content{ width: 90%; margin: 0 auto; padding: 10% 5% 13%; line-height: 1.6; background:#ffeee3}
@media screen and (min-width:768px), print {
	#patients_content{ width: 900px; margin: 0 auto 60px; padding: 50px 40px; line-height: 2; }
}

.patients_check{margin: 0 0 0 8%;  padding: 0;}
.patients_check:after { content: ""; clear: both; display: block;}
.patients_check li a{ width: 44%; margin: 0 2.5% 0 0; padding: 1em 0; display: block; text-decoration: none; color: #000; border: 1px solid #AFAFAF ; line-height: 1; background: #EDEDED; float: left; text-align: center;}
@media screen and (min-width:768px), print {
	.patients_check{ width: 500px; margin: 0 auto;  padding: 0;}
	.patients_check li a{ width: 230px; margin: 0; padding: 1.5em 0; }
	.patients_check li:last-of-type a{ margin: 0 0 0 40px;}
}

.patients_progress{ margin: 0 10% 1.8em; padding: 0; position: relative;}
.patients_progress:before { width: 93%; height: 5px; content: ""; display: block; background: #838383; position: absolute; top: 40%; left: .5em; z-index: -1 }
.patients_progress:after { content: ""; clear: both; display: block;}
.patients_progress li{ width:1.5em; height:1.5em; line-height: 1.5em; font-size: 4.8vw; margin: 0 20% 0 0;  float: left; background: #ffeee3; border: 2px solid #ec7b35; font-weight: 700; text-align: center; border-radius: 80px; }
.patients_progress li:last-of-type {margin: 0;}
.patients_progress li.current{ background: #ec7b35; color: #fff; }
@media screen and (min-width:768px), print {
	.patients_progress{ width: 520px; margin: 80px auto 50px; padding: 0; position: relative;}
	.patients_progress:before { width: 95%; top: 17px; }
	.patients_progress li{ width:40px; height: 40px; line-height: 40px; margin: 0 120px 0 0; font-size: 1.8rem; }
	.patients_progress li:last-of-type {margin: 0 !important;}
}

.calc_h2{ margin: 0 0 22px; padding: 1em 1em .7em; font-size: 1.6rem; font-weight: 700; border-top:none; border-bottom: none; position: static; background: #3498ca; color: #fff;}
.calc_h2:before { content:none; position: static; top:auto; left:auto;}
.calc_h2 > .bg_red{ padding: .3em .5em .3em; display:inline-block; background: #FF0004; color: #fff; line-height: 1; font-size: 1.5rem; font-weight: 700;}
.calc_h3{ font-size: 1.4rem; font-weight: 700;  }
.calc_count {width: 100%; margin: 0 0 40px;}
.calc_count input {display: none;}
.calc_count input + label { margin: 0 0 .5em; padding: 1.5em 1.2em 1.2em 3em; border: 3px solid #dadada; display: block; font-size: 1.2rem; border-radius: 8px; line-height: 1.2; font-weight: 700; position: relative;}
.calc_count input + label:before { width: 1.2em; height: 1.2em; content: ""; display: block; border: 2px solid #dadada; border-radius: 10px; position: absolute; top: 1.4em; left: 1em;}
.calc_count input:checked + label:before{ border: 2px solid #3498ca; background: #3498ca;}
.calc_count input:checked + label { background: #d1f0ff; border: 3px solid #3498ca; }
@media screen and (min-width:768px), print {
	.calc_count {width: 450px;}
}

.calc_formula {width: 100%; margin: 0 0 10px;}
.calc_formula input {display: none;}
.calc_formula input + label { margin: 0 0 .5em; padding: 1.5em 1.2em 1.2em 3em; border: 3px solid #dadada; display: block; font-size: 1.2rem; border-radius: 8px; line-height: 1; font-weight: 700; position: relative;}
.calc_formula input + label:before { width: 1.2em; height: 1.2em; content: ""; display: block; border: 2px solid #dadada; border-radius: 10px; position: absolute; top: 1.4em; left: 1em;}
.calc_formula input:checked + label:before{ border: 2px solid #3498ca; background: #3498ca;}
.calc_formula input:checked + label { background: #d1f0ff; border: 3px solid #3498ca; }
@media screen and (min-width:768px), print {
	.calc_formula {width: 260px;}
}

.calc_btn{ width: 80%; margin: 0 0 40px;}
.calc_btn:after { content: ""; clear: both; display: block;}
.calc_btn td{width: 50%; padding: 0 2%;}
.calc_btn td input[type="button"], .calc_btn td input[type="reset"]{ width: 100%; margin: 0 auto; padding: 1.2em 1em 1em; display: block; font-size: 3.5vw; border: none; border-radius: 60px; cursor: pointer}
.calc_btn td input[type="button"]{ background: #3498ca; color: #fff;}
.calc_btn td input[type="reset"]{ background: #fff; border: 2px solid #3498ca; }
@media screen and (min-width:768px), print {
	.calc_btn{ width: 350px; margin: 0 0 40px;}
	.calc_btn td input[type="button"], .calc_btn td input[type="reset"]{ padding: .8em 1em .6em; font-size: 1.4rem;}
	.calc_btn td input[type="button"]:hover, .calc_btn td input[type="reset"]:hover{}
}

.calc_btn02 a{ width: 100%; margin: 0 auto; padding: 1.2em 1.5em 1em; display: inline-block; font-size: 3.0vw; border-radius: 60px; text-decoration: none; color: #000; border:2px solid #3498ca; background: #d1f0ff; }
@media screen and (min-width:768px), print {
	.calc_btn02 a{ width: auto; padding: .8em 2em .6em; font-size: 1.4rem;}
}

.calc_table01{width: 100%; margin: 0; border-collapse:collapse;}
.calc_table01:after { content: ""; clear: both; display: block;}
.calc_table01 th { width: 30% !important; padding: 0 0 1em 0; text-align: left; white-space: nowrap; font-size: 2.7vw;}
.calc_table01 td { width: 70% !important; padding: 0 3% 1em 2%; }
.calc_table01 td input[type="text"]{ width: 100%; height: 3em; margin: 0 auto; border: 2px solid #bbb; text-align: center; font-size: 1.8rem;}
.calc_table01 td input#calc_num{ display: none;}
.calc_table01 td.td_slider{ padding: 10px 3% 1em 2%; outline: none }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #3498ca !important; border-radius: 20px; border: none !important;}
.ui-slider-horizontal { height: 1.2em !important;}
.ui-widget-content { border: 2px solid #bbb !important; background: #fff !important;}
.ui-slider .ui-slider-handle { width: 1.5em !important; height: 1.5em !important; cursor: pointer !important; outline: none !important}

#calc_slider { width: 100% !important; margin: 0 0 .5em; padding: 0; cursor: pointer !important;}
#calc_slider + ul { width: 100%; margin: 0; padding: 0;}
#calc_slider + ul:after { content: ""; clear: both; display: block;}
#calc_slider + ul li{ width: 30%; float: left; text-align: center; }
#calc_slider + ul li:first-of-type{ width: 20%; text-align: left;}
#calc_slider + ul li:last-of-type{ width: 20%; text-align: right;}

.calc_formula01_open, .calc_formula02_open { display: none; }
.calc_note01, .calc_note02 { display: none; }
.calc_table03_01, .calc_table03_02 { display: none; }
.calc_table01 .open { display: table-row !important;}
.calc_note01.open, .calc_note02.open{ display: block !important; }
.calc_table03_01.open, .calc_table03_02.open { display: block !important;}
.calc_table05_01, .calc_table05_02 { display: none; }
.calc_table05_01.open, .calc_table05_02.open { display: block !important;}
@media screen and (min-width:768px), print {
	.calc_table01{width: 550px;}	
	.calc_table01 th, .calc_table01 td{ font-size: 1.2rem; }
	.calc_table01 th { width: auto !important;  padding: 0 20px 20px 0;}
	.calc_table01 td { width: auto; padding: 0 0 20px; }
	.calc_table01 td input[type="text"]{ width: 150px; height: 3em; margin: 0 auto;}
	.calc_table01 td a{outline: none}
	.calc_table01 td a:hover{opacity: 1; }
	.calc_table01 td.td_slider{width: 300px; padding: 10px 0; }
	#calc_slider + ul li{ width: 34%;}
	#calc_slider + ul li:first-of-type{ width: 16%; text-align: left;}
	#calc_slider + ul li:last-of-type{ width: 16%; text-align: right;}
}

#calc_slider{width: 100%;}
@media screen and (min-width:768px), print {
	#calc_slider{width: 300px;}
}

.calc_table02{width: 100%; border-collapse:collapse;}
.calc_table02:after { content: ""; clear: both; display: block;}
.calc_table02 th, .calc_table02 td{width: 33%; height: 3em; padding: .5em 0; border: 1px solid #3498ca; text-align: center;}
.calc_table02 th{font-size: 2.5vw; background:#d1f0ff;}
.calc_table02 td{ font-size: 4.5vw; }
@media screen and (min-width:768px), print {
	.calc_table02{width: 600px;}
	.calc_table02 th, .calc_table02 td{width: 150px; height: 3em; font-size: 1.2rem; text-align: center; }
	.calc_table02 td{ font-size: 1.8rem; }
}

.calc_table03{ width: 100%; margin: 0 0 40px; border-collapse:collapse;}
.calc_table03:after { content: ""; clear: both; display: block;}
.calc_table03 th {font-size: 2.2vw;}
.calc_table03 td {font-size: 1.2vw;}
.calc_table03 th{ width: 13.5%; text-align: left;}
.calc_table03 td{ width: 9%; padding: 1.2em 0; border: 1px solid #000; text-align: center; line-height: 1; white-space: nowrap;}
.calc_table03 td.unit{ width:4% !important; border:none; }
.calc_table03 td.img{ border:none; text-align: left;}
.calc_table03 td.img img{ width: 100%; height: auto;}
@media screen and (min-width:768px), print {
	.calc_table03{ width: 610px;}
	.calc_table03 th, .calc_table03 td{font-size: 1.2rem;}
	.calc_table03 th{ width: 75px;}
	.calc_table03 td{ width: 58px; }
	.calc_table03 td.unit{ width: 70px;}
	.calc_table03 td.img img{ width: auto;}	
}

.calc_table03_scroll{ width: 100%; margin: 0 0 40px; overflow: auto; white-space: nowrap; }
.calc_table03_01{ width: 610px; margin: 0; border-collapse:collapse; }
.calc_table03_01:after { content: ""; clear: both; display: block;}
.calc_table03_01 th {font-size: 2.2vw;}
.calc_table03_01 td {font-size: 4.5vw;}
.calc_table03_01 th{ width: 10.5%; text-align: center; }
.calc_table03_01 td{ width: 8%; padding: 1.2em 0; border: 1px solid #000; text-align: center; line-height: 1; white-space: nowrap;}
.calc_table03_01 td:last-of-type{width: 5%; padding:none !important; border: none !important; }
.calc_table03_01 td.img{ padding: 1em 0 0;  border:none; text-align: left;}
.calc_table03_01 td.img img{ width: 100%; height: auto;}
@media screen and (min-width:768px), print {
	.calc_table03_scroll{ margin: 0;}
	.calc_table03_01{ width: 610px; margin: 0 0 40px;}
	.calc_table03_01 th{ width: 78px; font-size: 1.2rem;}
	.calc_table03_01 td{ width: 58px; font-size: 1.8rem;}
	.calc_table03_01 td:last-of-type{ width: 35px; }
	.calc_table03_01 td.img img{ width: auto;}	
}

.calc_table03_02{ width: 100%; max-width: 400px; margin: 0 0 40px; border-collapse:collapse;}
.calc_table03_02:after { content: ""; clear: both; display: block;}
.calc_table03_02 th{ width: 75px; text-align: left; font-size: 2.5vw;}
.calc_table03_02 td{ width: 58px; padding: 1.2em 0; font-size: 3.5vw; border: 1px solid #000; text-align: center; line-height: 1; white-space: nowrap;}
.calc_table03_02 td:last-of-type{ width:auto; border:none; }
.calc_table03_02 td.img{ padding: 1em 0 0; border:none; text-align: left;}
.calc_table03_02 td.img img{ width: 100%; max-width: 351px; height: auto;}
@media screen and (min-width:768px), print {
	.calc_table03_02{ width: 380px;  max-width: inherit; margin: 0 0 40px; }
	.calc_table03_02 th, .calc_table03_02 td{font-size: 1.2rem;}
	.calc_table03_02 th{ width: 70px;}
	.calc_table03_02 td{ width: 52px; }
	.calc_table03_02 td:last-of-type{ width: 34px; }
	.calc_table03_02 td.img img{ width: auto;}	
}

.calc_table04{ width: 100%; margin: 0 0 40px; max-width: 250px; border-collapse:collapse;}
.calc_table04:after { content: ""; clear: both; display: block;}
.calc_table04 th{ width: 4%; text-align: left; font-size: 3.5vw;}
.calc_table04 td{ width: 6%; padding: 1.2em 0; border: 1px solid #000; text-align: center; line-height: 1; white-space: nowrap; font-size: 4.5vw;}
.calc_table04 td:last-of-type{ width: 10%;}
.calc_table04 td.img{ padding: 1em 0 0; border:none; text-align: left;}
.calc_table04 td.img img{ width: 100%; max-width: 250px; height: auto;}
@media screen and (min-width:768px), print {
	.calc_table04{ width:250px;}
	.calc_table04 th{ width: 80px; font-size: 1.2rem;}
	.calc_table04 td{ width: 58px; font-size: 1.8rem;}
	.calc_table04 td:last-of-type{ width: 110px;}

}

.calc_table05_01{ width: 100%; max-width: 414px; margin: 0 0 40px; border-collapse:collapse;}
.calc_table05_01:after { content: ""; clear: both; display: block;}
.calc_table05_01 th {font-size: 2.2vw;}
.calc_table05_01 td {font-size: 4.5vw;}
.calc_table05_01 th{ width: 5.5%; text-align: center; }
.calc_table05_01 td{ width: 9%; padding: 1.2em 0; border: 1px solid #000; text-align: center; line-height: 1; white-space: nowrap;}
.calc_table05_01 td.img{ padding: 1em 0 0; border:none; text-align: left;}
.calc_table05_01 td.img img{ width: 100%; height: auto; max-width: 414px;}
@media screen and (min-width:768px), print {
	.calc_table05_01{ width: 414px;}
	.calc_table05_01 th{ width: 75px; font-size: 1.2rem;}
	.calc_table05_01 td{ width: 110px; font-size: 1.8rem;}
	.calc_table05_01 td.img img{ width: auto; }	
}

.calc_table05_02{ width: 100%; max-width: 303px; margin: 0 0 40px; border-collapse:collapse;}
.calc_table05_02:after { content: ""; clear: both; display: block;}
.calc_table05_02 th{ width: 79px; text-align: left; font-size: 2.5vw;}
.calc_table05_02 td{ width: 113px; padding: 1.2em 0; border: 1px solid #000; text-align: center; line-height: 1; white-space: nowrap; font-size: 4.5vw;}
.calc_table05_02 td.img{ padding: 1em 0 0; border:none; text-align: left;}
.calc_table05_02 td.img img{ width: 100%; max-width: 303px; height: auto;}
@media screen and (min-width:768px), print {
	.calc_table05_02{ width: 303px;  max-width: inherit; }
	.calc_table05_02 th{ width: 76px; font-size: 1.2rem;}
	.calc_table05_02 td{ width: 113px; font-size: 1.8rem;}
	.calc_table05_02 td.img img{ width: auto;}	
}

.method_table{ width: 100%; margin: 0 0 30px; border-collapse: collapse;}
.method_table th, .method_table td{ border: 1px solid #000; }
.method_table th{ padding: 1em 0 .8em; background: #3498ca; color: #fff; font-size: 3.5vw; line-height: 1;}
.method_table td{ padding: .5em; font-size: 2.5vw; line-height: 1.4; }
.method_table td:nth-child(n+3){ width: 20%;}
@media screen and (min-width:768px), print {
	.method_table th { font-size: 1.7rem; }
	.method_table td{ font-size: 1.4rem; }
	.method_table td:nth-child(n+3){ width: 120px;}
}

.method_table02{ width: 100%; border-collapse: collapse;}
.method_table02 th, .method_table02 td{ border: 1px solid #000; font-size: 1.4rem; }
.method_table02 th { padding: .8em .6em .6em; white-space: nowrap;}
.method_table02 td { padding: 1em ; line-height: 1.4; vertical-align: top;}
.method_table02 td .ind1 li { margin: 0 0 .5em; }
.method_table02 td .ind1 li:last-of-type { margin: 0; }
.method_table02 tr:nth-of-type(2) td:first-of-type { width: 30%; }
@media screen and (min-width:768px), print {
	.method_table02 tr:nth-of-type(2) td:first-of-type { width: 45%; }
}
	
.calc_method img{ width: 100%; height: auto;}
@media screen and (min-width:768px), print {
	.calc_method img{ width: auto; height: auto;}
}

.calc_layout {margin: 0; padding: 0; }
.calc_layout li p {display: flex; justify-content: flex-start; align-items: flex-start;}
.calc_layout span:nth-child(2){ min-width: 70px; text-align: right;}
.calc_layout span:nth-child(3){ min-width: 33px;}
.calc_layout span:last-child{ text-indent: -1em; margin-left: 1em; padding-left: -1em;}

@media (max-width: 767px) {
  .calc_layout span:nth-child(2){ min-width: 5em; text-align: right;}
  .calc_layout span:nth-child(3){ min-width: 2em;}
  .calc_layout span:last-child{ text-indent: -1em; margin-left: 1em; padding-left: -1em;}
}

#alert{width: 90%; margin: 50px auto 60px; padding: 30px 15px; border: 1px solid #bbb;}
#alert h1{margin: 0 0 15px; font-size:1.8rem; letter-spacing: -1px; color: #ec7b35; text-align: center;}
@media screen and (min-width:648px), print { 	
	#alert h1{margin: 0 0 25px;}
	#alert{width: 600px; margin: 50px auto 60px; padding: 30px 25px 80px;}
	#alert + footer > div{margin-bottom: 15px;}	
}
.rit_btn { position: relative; width: 282px; height: 74px;}
.rit_btn a { display: flex; align-items: center; width: 100%; height: 100%;}
.rit_btn-anzen a { background-image: url(../images/btnSurvey_blank.jpg); }
.rit_btn-calc a { background-image: url(../images/btnCalc_blank.jpg);}
.rit_btn div { position: absolute; left: 1em; color: #000; font-weight: 500; }
.btn_text { font-size: 1.9rem; line-height: 1.2; color: #333;}
.rit_btn-anzen a div p.btn_text { letter-spacing: .04em;}
.btn_here { display: inline-block; padding: .35em .8em .2em; background: #088dd0; border-radius: 10px; color: #fff;
font-size: 1.2rem;}