@charset 'UTF-8';


#containerWrapper { background-image: linear-gradient(to bottom, #eef4fe, transparent 8%), url('../subject/images/bg01.png'); background-repeat: no-repeat, repeat; background-position: 0 0, 0 0; }
#breadcrumb { position: relative; z-index: 1; }

#featureNav { margin-top: -60px; padding-top: 8px; padding-bottom: 8px; background-color: #ffb3c6; box-shadow: 0 2px 5px 0 rgb(107 107 107 / 30%); }
#featureNav > ul { margin: 0 auto; width: 1088px; }
#featureNav > ul > li { position: relative; z-index: 2; }
#featureNav > ul > li > span { display: block; margin: 0 0 0 auto; width: 370px; background-color: #fff; border-radius: 8px; }
#featureNav a.mod_btn { font-size: 16px; text-align: center; padding: 8px; width: 100%; }
#featureNav a.mod_btn:hover, #featureNav a.mod_btn:focus { text-decoration: none; }
#featureNavList { padding: 12px 0; width: 370px; left: auto; right: 0; }
#featureNavList li { display: inline-block; width: 180px; }
#featureNavList li a { color: #0000ee; }
#featureNavList li a:hover { text-decoration: underline; }
#featureNavList li a:hover, #featureNavList li a:focus { background: transparent; }

#keyVisual { clear: both; margin-top: 15px; padding: 15px 30px 30px; background-color: #fa8da9; background-image: radial-gradient(at 25% 25%, #fff 10%, transparent 5%), radial-gradient(at 75% 75%, #fff 10%, transparent 5%); background-position: center center; background-size: 5px 5px; border-radius: 10px; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 16%); }
#keyVisual h2 { color: #245395; font-weight: bold; font-size: 38px; text-align: center; text-shadow: #fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px,#fff 0 0 2px; }
#keyVisual .arrowbox { position: relative; display: flex; padding: 15px 15px 15px 35px; background-color: #ffe8ee; border-radius: 10px; }
#keyVisual .arrowbox:before { line-height: 0; content: ''; position: absolute; bottom: -30px; left: 50%; display: inline-block; margin-left: -50px; border-top: 30px solid #ffe8ee; border-right: 50px solid transparent; border-left: 50px solid transparent; border-right-color: rgba(255, 255, 255, 0); border-left-color: rgba(255, 255, 255, 0); }
#keyVisual .image { margin-left: 35px; }
#keyVisual .text { padding: 5px 0; }

#srch_morebtn { text-align: center; margin-top: 30px; }
#srch_morebtn .bg { display: inline-block; background-color: #fff; border-radius: 8px; }
#srch_morebtn a { font-size: 18px; padding: 11px 55px; }
#srch_morebtn a span { margin-right: 3px; }





/* 製薬 */
#md_tabs { margin: 60px 0 0 20px;}
#md_tabs li { border: 1px solid #449EED; border-bottom: 0; display: inline-block; background: #82D0FF; font-weight: bold; font-size: 17px; }
#md_tabs li a { padding: 0 20px; border: 1px solid #fff; border-bottom: 0; display: block; height: 40px; line-height: 40px; text-shadow: 1px 1px #fff; }
#md_tabs li a.selected { margin-bottom: -1px; height: 42px; background-color: #fff; }
.md { margin-top: -1px; padding: 0 25px 15px; border: 1px solid #449EED; }
.md h2 { color: #30A6DF; margin: 20px 0 5px; clear: both; font-weight: bold; font-size: 23px; }
.md h3 { margin-bottom: 10px; font-weight: bold; font-size: 21px; }
#md-info p { padding: 15px 20px; background: #E6F0FC; }
#md-about h3 { color: #67CDFD; font-weight: normal; text-shadow: 0 1px #00ACFC; }
#md-about p { padding-bottom: 15px; }
.md span.marker { background: #FFFFCC; font-weight: bold; }
#md-images { margin: 20px auto 0; width: 761px; }
#md-faq ul { padding: 15px 0 15px 30px; list-style: url(../feature/images/6px_right_arrow.png); font-size: 17px; }
#md-faq li { padding-left: 5px; font-weight: bold; }
#md-faq h3 { color: #5BADC7; margin: 25px 0 12px; border-bottom: 1px dotted #9ECDE7; font-weight: bold; font-size: 21px; }