@charset "utf-8";
/*-----------------------------------------------------
							　　　　　目次

■SP 共通パーツ
・font-size フォントサイズ
・layout　レイアウト
・header ヘッダー
・globalNavi グローバルナビ（バーガーメニュー）
・siteStructure パンくず
・mainImg　メインイメージ
・contentsWrap コンテンツラップ
・subNavi サブナビ
・main メインコンテンツ
・localNavi ローカルナビ
・footer フッター


■SP 汎用スタイル
・見出し
・ボタン
・背景
・枠
・tel番タップ
・その他
　レスポンシブテーブル


■SP ページごと個別スタイル


-----------------------------------------------------*/


/*  ================================================================================================

    SP 共通パーツ

    ============================================================================================  */

/* font-size フォントサイズ
------------------------------------------------------------------ */
html {
	 font-size: 62.5%;
}
body {
	font-size: 15px;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	line-height: 1.6;
	-webkit-text-size-adjust: 100%; /* iPhone safari ランドスケープ時　文字サイズ対応 */
}
body#top {
	letter-spacing: 0.07em;
}
img {
	max-width: 100%;
}

/* layout　レイアウト
------------------------------------------------------------------ */
#wrapper {
	margin-top: 50px;/* ヘッダーの高さ分 */
}


/* siteStructure　パンくず
------------------------------------------------------------------ */
.siteStructureWrap {
	margin: 30px 0 45px;
}



/* mainImg　メインイメージ
------------------------------------------------------------------ */
#mainImg {
	background: url("/healthy/lib/img/top/img_main_sp.jpg") 0 0 no-repeat;
	background-size: contain;
	width: 100%;
	height: 0;
	padding-top: 56%;
	position: relative;
}
#mainTtl {
	width: 82%;
	position: absolute;
	top: 31%;
	left: 0;
	right: 0;
	margin: auto;
}



/* main メインコンテンツ
------------------------------------------------------------------ */
article{
	margin: 48px 0;
}



/*  ================================================================================================

    SP 汎用スタイル

    ============================================================================================  */

/* 見出し
-----------------------------------------------------*/
.titleA {
	font-size: 2.3rem;
	font-weight: bold;
	color: #023f73;
	text-align: center;
	margin-bottom: 25px;
	line-height: 1.4;
}
.titleB {/* トップ */
	font-size: 2.4rem;
	font-weight: bold;
	color: #023f73;
	text-align: center;
	margin-bottom: 16px;
	line-height: 1.25;
}
.titleC {
	font-size: 1.5rem;
	line-height: 1.7;
}
.titleD {
	font-size: 1.6rem;
	/* text-align: center; */
	margin-bottom: 43px;
	line-height: 1.8;
}
.titleF {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 25px;
	line-height: 1.7;
}
.titleG {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 18px;
	line-height: 1.4;
}
.titleH {
	font-size: 1.6rem;
	margin-bottom: 15px;
	line-height: 1.4;
}
.titleI {/* トップ */
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 6px;
	color: #203d6a;
	text-align: left;
}
.titleJ {/* トップ */
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 6px;
	color: #203d6a;
	line-height: 1.5;
	text-align: left;
}
.titleK {
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.5;
	text-align: center;
	margin-bottom: 50px;
	position: relative;
}
.titleK:after {
	content: '';
	display: inline-block;
	width: 75px;
	height: 5px;
	background: #3680e7;
	border-radius: 3px;
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
}
.titleL {
	font-size: 2.1rem;
	color: #3680e7;
	line-height: 1.5;
	/* text-align: center; */
	margin-bottom: 6px;
}
.titleM {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
	line-height: 1.5;
	padding-left: 3.73vw;
	position: relative;
}
.titleM:before {
	content: '';
	display: inline-block;
	width: 4px;
	height: 20px;
	background: #3680e7;
	border-radius: 3px;
	position: absolute;
	top: 3px;
	left: 0;
}
.titleN {
	color: #21ab5a;
	font-size: 1.6rem;
	font-weight: bold;
	margin-bottom: 6px;
	line-height: 1.5;
}

.ttlGR:after,
.ttlGR:before {
	background: #6ec688;
}
.ttlOR:after,
.ttlOR:before {
	background: #ee5d2a;
}
.ttlYE:after,
.ttlYE:before {
	background: #f7bf4e;
}

.txtWH {
	color: #ffffff!important;
}
.ls50 {
	letter-spacing: 0.05em;
}


/* ボタン
-----------------------------------------------------*/
/* 幅（SPは同じ） */
.btnFixedA,
.btnFixedB,
.btnFull {
	display: inline-block;
	font-weight: bold;
	text-align: center;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
}
.btnFixedA {
	padding: 3.47vw 5.34vw 3.47vw;
	border-radius: 5px;
	margin: 20px;
	width: 90%;
}
.btnFixedB {
	padding: 1.33vw 6.5vw 0.8vw;
	border-radius: 15px;
	width: 180px;
	position: relative;
	transition:.3s;
}
.btnFull {
	padding: 3.47vw 2.4vw 3.47vw;
	border-radius: 5px;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1.6;
}

/* 外部リンクアイコン　ボタン用 */
.linkBlank,
.linkBlankWH.current {
	background: #fff url("/healthy/lib/img/common/ico_blank_BL.png") center right 10px no-repeat;
	background-size: 5.34vw 4vw;
}
.linkBlankWH {
	background: #3680e7 url("/healthy/lib/img/common/ico_blank.png") center right 10px no-repeat;
	background-size: 5.34vw 4vw;
}
.btnShadow {
	box-shadow: 0 0 20px rgba(54, 49, 54, 0.3);
}

.btnD.current {
	color: #3680e7!important;
	border-top: 2px solid #3680e7;
	border-bottom: 2px solid #3680e7;
	background: #fff;
}
.btnE.current {
	color: #6ec688!important;
	border-top: 2px solid #6ec688;
	border-bottom: 2px solid #6ec688;
	background: #fff;
}
.btnF.current {
	color: #ee5d2a!important;
	border-top: 2px solid #ee5d2a;
	border-bottom: 2px solid #ee5d2a;
	background: #fff;
}


.categoryLink .btnArea a {
	flex-direction: column;
}
.categoryLink .btnArea a span {
	width:100%;
	font-size: 14px;
}

/* 矢印の形状 ---------------------------*/
/* 真ん中配置　下↓ */
.arrowD {
	background: #fff url("/healthy/lib/img/common/ico_arrowD.png") bottom 10px center no-repeat;
	background-size: 20px 20px;
	padding: 10px 20px 34px;
	border: 2px solid #023f73;
  color: #082f50!important;
}


/* 2列 */
.btnArea2{
	width: 90%;
	margin: 0 auto;
	letter-spacing: 0;
}
.btnArea2 a{
	margin-bottom: 0;
}


/* ボタン＋矢印スライド */
a.slideArrow {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
a.slideArrow:before,
a.slideArrow:after {
	position: absolute;
	top: 18px;
	bottom: 0;
	right: 17px;
	margin: 0 0 0 0;
	content: "";
	vertical-align: middle;
	transition: .3s;
	animation: 5s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
}
a.slideArrow:before {
	width: 8vw;
	height: 1px;
	background: #2e97f0;
}
a.slideArrow:after {
  right: 16px;
	top: 14px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 0 8px;
	border-color: transparent transparent transparent #2e97f0;
}


/* リンク矢印（ホバー時スライド）[黒] */
.slideArrowA a {
	position: relative;
}
.slideArrowA a {
	display: inline-block;
	vertical-align: middle;
	text-decoration: none;
}
.slideArrowA a span {
	padding:0 10.7vw 0 0;
	letter-spacing: 0.07em;
}
.slideArrowA a:before,
.slideArrowA a:after {
	position: absolute;
	top: 16px;
	bottom: 0;
	right: 0;
	margin: 0 0 0 0;
	content: "";
	vertical-align: middle;
	transition:.2s;
	animation: 3s cubic-bezier(0.215, 0.61, 0.355, 1) infinite alternate;
}
.slideArrowA a:before {
	width: 8vw;
	height: 1px;
	background: #333;
}
.slideArrowA a:after {
	right: -1px;
	top:12px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 5px 0 0 8px;
	border-color: transparent transparent transparent #333;
}





/*  背景
-----------------------------------------------------*/
.bgA {
	background: #b5cede;
}


/*  枠
-----------------------------------------------------*/
.boxWrapA {
	border: 1px solid #c9c9c9;
	border-radius: 5px;
	padding: 7.4vw 5vw 5.27vw;
	height: 100%;
}
.bdrOR {
	background: linear-gradient(to bottom, #ee5d2a, #ee5d2a 5px, transparent 6px, transparent 100%);
}
.bdrGR {
	background: linear-gradient(to bottom, #6ec688, #6ec688 5px, transparent 6px, transparent 100%);
}
.bdrBL {
	background: linear-gradient(to bottom, #3680e7, #3680e7 5px, transparent 6px, transparent 100%);
}
.boxWrapB {
	background-color: #ebf0f3;
	border-radius: 10px;
	padding: 5.2vw 5.07vw;
}
.boxWrapC {
	background-color: #2e97f0;
	border-radius: 5px;
	padding: 5.33vw 4.54vw;
}
.boxWrapD {
	background-color: #fcf5f2;
	padding: 5.33vw 4vw 68.67vw;
}
.boxWrapE {
	background-color: #fafae2;
	border-radius: 10px;
	padding: 5.2vw 5.07vw;
}

.bdrBK {
	border: 1px solid #000;
}
.bdrBtmGY {
	border-bottom: 2px solid #88999f;
	padding-bottom: 40px;
  margin-bottom: 20px;
}


/* タイトル付き画像横並び
-----------------------------------------------------*/
.imgBlock {
	margin: 1em 0;
}


/* general
-----------------------------------------------------*/
.paragraph{
	line-height: 1.7;
	text-align: left;
	margin-bottom: 25px;
}
.innerB {
	padding-left: 8vw;
	padding-right: 8vw;
}
.listCircle {
	line-height: 1.7;
}



/*  ================================================================================================

    SP ページごと個別スタイル

    ============================================================================================  */

/*  top
-----------------------------------------------------*/
/* ページ内リンク */
#anchorLink {
	position: absolute;
	left: 0;
	right: 0;
	top: -50px;
	margin: auto;
}
#anchorLink [class*="col-xs-"] {
	padding-right:2vw;
	padding-bottom:4vw;
	padding-left:2vw;
}
#linkBtn01 {
	background: url("/healthy/lib/img/common/ico_arrowD.png") bottom 10px center no-repeat,
	url("/healthy/lib/img/top/bg_link01.jpg") top 8px center no-repeat;
	background-size: 18px 18px, 65px 65px;
}
#linkBtn02 {
	background: url("/healthy/lib/img/common/ico_arrowD.png") bottom 10px center no-repeat,
	url("/healthy/lib/img/top/bg_link03.jpg") top 8px center no-repeat;
	background-size: 18px 18px, 65px 65px;
}
#linkBtn03 {
	background: url("/healthy/lib/img/common/ico_arrowD.png") bottom 10px center no-repeat,
	url("/healthy/lib/img/top/bg_link03.jpg") top 8px center no-repeat;
	background-size: 18px 18px, 65px 65px;
}
#linkBtn04 {
	background: url("/healthy/lib/img/common/ico_arrowD.png") bottom 10px center no-repeat,
	url("/healthy/lib/img/top/bg_link04.jpg") top 8px center no-repeat;
	background-size: 18px 18px, 65px 65px;
}
#linkBtn05 {
	background: url("/healthy/lib/img/common/ico_arrowD.png") bottom 10px center no-repeat,
	url("/healthy/lib/img/top/bg_link03.jpg") top 8px center no-repeat;
	background-size: 18px 18px, 65px 65px;
}
#linkBtn01,
#linkBtn02,
#linkBtn03,
#linkBtn04,
#linkBtn05 {
	background-color: #fff;
	height: 90px;
}
#linkBtn01 img,
#linkBtn02 img,
#linkBtn03 img,
#linkBtn04 img,
#linkBtn05 img {
	margin-top: -19px;
	width: auto;
}

/* 見出しアイコン */
.ico01:before {
	content: '';
  display: inline-block;
  width: 20px;
  height: 40px;
  background: url("/healthy/lib/img/top/ico_link01.png") no-repeat;
  background-size: contain;
	vertical-align: bottom;
	margin-right: 12px;
	margin-left: -31px;
}
.ico02:before {
	content: '';
  display: inline-block;
  width: 30px;
  height: 27px;
  background: url("/healthy/lib/img/top/ico_link02.png") no-repeat;
  background-size: contain;
	vertical-align: bottom;
	margin-right: 10px;
	margin-left: -38px;
}
.ico04:before {
	content: '';
  display: inline-block;
  width: 31px;
  height: 31px;
  background: url("/healthy/lib/img/top/ico_link04.png") no-repeat;
  background-size: contain;
	vertical-align: bottom;
	margin-right: 7px;
	margin-left: -40px;
}
.ico05:before {
	content: '';
  display: inline-block;
  width: 31px;
  height: 31px;
  background: url("/healthy/lib/img/top/ico_link05.png") no-repeat;
  background-size: contain;
	vertical-align: bottom;
	margin-right: 7px;
	margin-left: -40px;
}


/* 病気を知る */
#link01 {
	/* margin-top: 199px; */
	margin-top: 70px;
}
#bg01 {
	background:  url("/healthy/lib/img/top/bg01_sp.jpg") 0 0 no-repeat;
	background-size: cover;
	padding-bottom: 31px;
	margin-bottom: 52px;
}
.ttlWrap {
	background-color: #fff;
	border-radius: 0 0 5px 5px;
	padding: 0 5.4vw 3.2vw;
	margin-bottom: 14px;
	text-align: center;
}
#link01 .titleB {
	margin-top: -5px;
}
.linkBtnArrow,
.linkBtnBlank {
	padding: 3.2vw 6.4vw 3.2vw 2.4vw;
	border-radius: 5px;
	min-height: 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 5px;
}
.linkBtnArrow {
	background: url("/healthy/lib/img/common/ico_arrow.png") center right 1.33vw no-repeat,
	linear-gradient(to left, #103c72, #103c72 6.67vw, #fff 6.93vw, #fff 100%);
	background-size: 3.73vw 3.2vw, 100% 100%;
}
.linkBtnBlank {
	background: url("/healthy/lib/img/common/ico_blank.png") center right 1.33vw no-repeat,
	linear-gradient(to left, #103c72, #103c72 6.67vw, #fff 6.93vw, #fff 100%);
	background-size: 3.73vw 2.93vw, 100% 100%;
}
.linkImg {
	width: calc(164 / 750 * 100vw);
	margin-right: calc(14 / 750 * 100vw);
}

/* 健康情報サイト */
#link02_01,
#link02_02,
#link02_03 {
	padding: 61.6vw 5.33vw 4.27vw;
	height: auto;
}
#link02_01 {
	background: url("/healthy/lib/img/top/img_link02_01.jpg") 0 0 no-repeat;
	background-size: contain;
	margin: 9px 0 5px;
}
#link02_02 {
	background: url("/healthy/lib/img/top/img_link02_02.jpg") 0 0 no-repeat;
	background-size: contain;
	margin-bottom: 5px;
}
#link02_03 {
	background: url("/healthy/lib/img/top/img_link02_03.jpg") 0 0 no-repeat;
	background-size: contain;
	margin-bottom: 35px;
}
#link02 .titleI {
	margin-bottom: 10px;
}
.titleI span {
	font-size:11px;
	display: block;
	margin-top: -6px;
	margin-left: 3px;
}

/* 患者向医薬品ガイド / くすりのしおり */
#link03 {
	margin-bottom: 31px;
	text-align: center;
}
#link03 .titleB {
	font-size: 1.7rem;
	letter-spacing: 0;
	margin-bottom: 8px;
}
#link03 .slideArrow {
	margin-top: 10px;
}

/* 市民公開講座・セミナーイベント情報 */
.infoList {
	margin: 22px 0 14px;
}
.infoList li {
	border-top: 1px solid #c0c0c0;
	padding: 2.67vw 2.13vw 2.4vw;
	letter-spacing: 0.07em;
}
.infoList li:last-of-type {
	border-bottom: 1px solid #c0c0c0;
}
.date {
	color: #626262;
	font-size: 1.2rem;
	margin-bottom: 3px;
}

/* 日本新薬の医薬品に関する情報 */
.drugInformation .titleB{
	margin-bottom: 25px;
}

.drugInformation .readText{
	text-align: center;
	margin-bottom: 5px;
}

/* 日本新薬の臨床試験に関する情報 */
.clinicalDevelopmentInfo .titleB{
	margin-bottom: 25px;
}
.clinicalDevelopmentInfo .readText{
	text-align: center;
	margin-bottom: 5px;
}

/* カテゴリートップ共通
-----------------------------------------------------*/
.categoryLink {
	padding: 10vw 0 4.67vw;
}
.categoryLink .btnFull {
	height: 70px;
}


/* /dmd/, /mds/, /hinyouki/ 第二階層共通
-----------------------------------------------------*/
.linkWrapA .fitWidthB,
.linkWrapB .fitWidthB {
	margin: 0;
}
.linkWrapA li,
.linkWrapB li {
	border-bottom: 1px solid #fff;
}
.linkWrapA a,
.linkWrapB a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 4.94vw 2vw 4.4vw 5.33vw;
	font-weight: bold;
	min-height: 60px;
}


/* /dmd/
-----------------------------------------------------*/
.tableScrollSp {
	overflow-x: scroll;
}
.tableScrollSp table {
	width: 453px;
}
.table-thbgOR {
	font-size: 1.5rem;
	table-layout: fixed;
}
.table-thbgOR th {
	background-color: #fed3c2;
}
.table-thbgOR td, .table-thbgOR th {
	padding: 18px 5px;
	vertical-align: middle;
}
#support.table-thbgOR td, #support.table-thbgOR th {
	padding: 18px 0;
}
#support.table-thbgOR th:nth-of-type(1) {
	width: 15%;
}
#support.table-thbgOR th:nth-of-type(2) {
	width: 41%;
}
#support.table-thbgOR th:nth-of-type(3) {
	width: 44%;
}
.colorA {
	color: #f97ba0;
}
.colorB {
	color: #2996d4;
}
.boxWrapD .imgRtextFl {
	position: relative;
}
.boxWrapD .imgBlock {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding: 0 4vw;
}
.carefulWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.carefulBox,
.carefulLastBox {
	background-color: #fafae2;
	border-radius: 10px;
	padding: 5.2vw;
	margin-bottom: 15px;
}
.carefulWrap .carefulBox:first-child{
	order: 1;
}
.carefulWrap .carefulBox:nth-child(2){
	order: 2;
}
.carefulWrap .carefulBox:nth-child(3){
	order: 3;
}
.carefulWrap .carefulBox:nth-child(4){
	order: 3;
}
.carefulWrap .carefulBox:nth-child(5){
	order: 6;
}
.carefulWrap .carefulBox:nth-child(6){
	order: 5;
}


/* /mds/
-----------------------------------------------------*/
.mdsDl dt {
	border: 1px solid #73a0c3;
	color: #73a0c3;
	padding: 5px 0;
	margin: 18px auto 10px auto;
	display: block;
	font-size: 1.2em;
	text-align: center;
}
.mdsDl dd {
	margin-bottom: 10px;
	line-height: 1.3;
}
.mdsDl dd:before {
	content: "●";
	color: #73a0c3;
}


/* /hinyouki/
-----------------------------------------------------*/
.qaWrap {
	background: #ebf0f3;
	padding: 6.67vw 4vw;
}
.question,
.answer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.question {
	border-bottom: 2px solid #3680e7;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.answer {
	line-height: 1.7;
}
.question span:first-of-type,
.answer span:first-of-type {
	font-size: 2.0rem;
	font-weight: bold;
	margin-right: 2.67vw;
	line-height: 1.3;
}
.question span:last-of-type {
	color: #3680e7;
	font-size: 1.6rem;
	font-weight: bold;
}

.supervisionWrapA,
.supervisionWrapB,
.supervisionWrapC {
	position: relative;
	border: 1px solid #88999f;
	overflow: hidden;
}
.supervisionWrapA {
	padding: 10.4vw 5.33vw 6.67vw 4vw;
}
.supervisionWrapB {
	padding: 13.1vw 5.33vw 6.67vw 4vw;
}
.supervisionWrapC {
	padding: 6.67vw 5.33vw 6.67vw 4vw;
}
.supervision {
	font-size: 4.23vw;
	font-weight: bold;
	letter-spacing: 0.07em;
	color: #ffffff;
	text-align: center;
	padding: 1.6vw 2.6vw;
	background: #88999f;
	position: absolute;
	top: 0;
	left: 0;
	display: table;
}
.supervision span {
	display: table-cell;
	vertical-align: middle;
}
.svphoto{
	width: 27.5%;
	float: right;
	margin: 0 0 2% 2%;
}
.svinfo{
	width: 70.5%;
	float: left;
}
.supervisionWrapA .svdivision {
	margin: 10px 0;
}
.supervisionWrapB .svdivision {
	margin-bottom: 10px;
}
.svname {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 10px;
}
.svname span {
	font-size: 1.5rem;
	font-weight: bold;
	display: block;
}
.svdetail {
	line-height: 1.7;
	clear: both;
}


/* allergy.php
-----------------------------------------------------*/
.pdfWrap li {
	margin-bottom: 5.33vw;
}
.pdfDL {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	border: 2px solid #f7bf4e;
	font-size: 1.5rem;
	padding: 11px 65px 11px 20px;
	width: 100%;
	height: 100%;
	min-height: 70px;
	background: url("/healthy/lib/img/common/ico_pdf2.png") center right 15px no-repeat;
}


/* guide.php, shiori.php
-----------------------------------------------------*/
#anchorLinkWrap a:first-of-type {
	margin-bottom: 20px;
}
#anchorLinkWrap.shioriAnchor .arrowD {
	background: #fff url(/healthy/lib/img/common/ico_arrowD.png) right 20px center no-repeat;
	background-size: 20px 20px;
	padding: 10px 20px;
}
#guideLinkWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
#guideLink,
#shioriLink {
	width: calc((100% - 5.33vw) / 2);
	min-height: 75px;
	display: table;
}
#guideLink {
	margin-right: 5.33vw;
}
#guideLink a,
#shioriLink a {
	display: table-cell;
	vertical-align: middle;
	color: #203d6a;
	font-size: 1.5rem;
	font-weight: bold;
	padding: 3.1vw;
	border: 1px solid #023f73;
	text-align: center;
}
#guideLink a.selected,
#shioriLink a.selected {
	border: 2px solid #b5cede;
	background: #b5cede;
	pointer-events: none!important;
}
.table-thbg th,
.table-thbg td {
	font-size: 1.4rem;
	vertical-align: middle;
}
.table-thbg th {
	padding: 2.13vw 2.67vw 1.87vw;
}
.table-thbg td {
	padding: 4vw 2.67vw 3.73vw;
}
.table-thbg td img {
	width: 26%;
}
#guidTable th:first-of-type {
	width: 66%;
}
#guidTable th:last-of-type {
	width: 34%;
}
#shioriTable th {
	width: 20%;
}
#shioriTable th:first-of-type {
	width: 40%;
}
#initialList,
#initialList .box1 form,
#initialList .box2,
#initialList .box3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: 100%;
}
#initialList {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
#initialList .box1 {
	order:1;
	margin-bottom: 20px;
}
#initialList .box2 {
	order:2;
	margin-bottom: 20px;
}
#initialList .box3 {
	order:3;
	margin-bottom: 20px;
}
#initialList .box4 {
	order:4;
}
#initialList a {
	display: inline-block;
	padding: 15px;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1;
	color: #082f50;
	border: 1px solid #082f50;
	border-radius: 5px;
	text-align: center;
}
#initialList a:hover,
#initialList a.active {
	background-color: #b5cede;
	border: 1px solid #b5cede;
}
#initialList a.noList {
	color: #ffffff;
	border: 1px solid #d2d2d2;
	background: #d2d2d2;
	pointer-events: none!important;
}
#initialList a.allLine {
	width: 100%;
	padding: 14px 54px;
}
#initialList .box1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border: 1px solid #082f50;
}
.inputSearch input {
	font-size: 2rem;
	width: calc(100% - 50px);
	padding: 10px 15px;
	margin-right: 0;
	border-right: 1px solid #082f50;
	cursor: text;
	background-color: transparent;
}
.inputSearch button {
	display: inline-block;
	width: 50px;
	cursor: pointer;
}
.aboutWrap {
	background: #ebf0f3;
	padding: 5.33vw 3.73vw 5.33vw;
}

.attentionWrap{
	padding: 10px 20px;
}

/* shiori.php 確認モーダル
-----------------------------------------------------*/
.modal {
	display:none;
}
.modal .modalInner{
	position:fixed;
	left:50%;
	top:50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color:#FFF;
	width: 92vw;
	height: 72vh;
	padding: 5vw;
	text-align:center;
	z-index:9999;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
.modal .modalTtlArea {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: solid 1px #9f9f9f;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.modal .modalTtlArea figure {
	width: 35%;
	margin: 0 auto 10px;
}
.modal .modalInner .qArea{
	background-color: #d9e6ee;
	padding: 20px;
}
.modal .modalInner .qTxt {
	font-size: 1.6rem;
	text-align: center;
	line-height: 1.7;
	margin-bottom: 20px;
}
.modal .modalInner .answerWrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.modal .modalInner .answerWrap #yes,
.modal .modalInner .answerWrap #no {
	font-weight: bold;
	text-align: center;
	width: 48%;
	padding: 15px;
	border: 2px solid #000;
	background: #fff;
	cursor: pointer;
}
.modal .overlay{
	position:fixed;
	width:100vw;
	height:100vh;
	background-color:rgba(0,0,0,0.8);
	left:0;
	top:0;
	z-index:9998;
}


/* /seminar/
-----------------------------------------------------*/
.seminarYear {
	border-radius: 5px;
	border: 1px solid #023f73;
	font-size: 1.5rem;
	font-weight: bold;
	color: #082f50;
	width: 100%;
	padding: 3.8vw 20.5vw 3.7vw 31.2vw;
	background: url("/healthy/lib/img/common/ico_pulldown.png") center right 3.73vw no-repeat,
	linear-gradient(to left, #e5ebf1, #e5ebf1 12.8vw, #082f50 12.8vw, #082f50 13.1vw, transparent 13.1vw, transparent 100%);
}
.tabContentWrap {
	position: relative;
	margin-bottom: 40px;
}
.tabContentWrap:last-of-type {
	margin-bottom: 0;
}
.tabContent {
  max-height: 318px;
  overflow: hidden;
  position: relative;
	transition: .5s;
	padding: 6.8vw 2.67vw 32.2vw;
}
.tabContent:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 70%;
	bottom: 0;
	background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
	pointer-events: none;
	transition: 1s;
}
.tabContentWrap input {
  visibility: hidden;
}
.tabContentWrap label {
  position: absolute;
	bottom: 40px;
	left: 0;
	right: 0;
	margin: auto;
  z-index:10;
  cursor: pointer;
	text-transform: uppercase;
	width: 64vw;
}
.tabContentWrap label:before {
  content: "詳しく見る";
}
.tabContentWrap input:checked + label:before {
  content: "閉じる"
}
input[type=checkbox]:checked ~ .tabContent {
	max-height: 3000px;
 }
input[type=checkbox]:checked ~ .tabContent:before {
 opacity: 0
}
.tabContentList {
	letter-spacing: 0.07em;
}
.tabContentList li {
	margin-bottom: 28px;
}
.seminarImg {
	margin: 1em auto;
	width: 30%;
}


/* sns */
.snsArea{
	background: #fff;
	display: flex;
	justify-content: center;
	padding: 30px 0 10px;
}
.snsArea li{
	width: 13%;
	margin: 0 5%;
}