@charset "utf-8";

/* 各ページ適用CSS
------------------------------------------------------------------------------------*/
.disp_pc{
	display:none;
}

#bread{
	display:none;
}



/*　共通
--------------------------------------------------------------*/

.index #contents main .ttl03{
	color:#EF89B5;
	font-weight:bold;
	font-size:1.5rem;
	text-align:center;
	margin: 0 0 1.5%;
}
.index #contents main .ttl03 span{
	display:block;
	margin: 1% 0 0;
}
.index #contents main .ttl03 img{
	text-align:center;
	display:inline-block;
	width:13%;
}

#contents main p{
	/*font-size:1.1rem;*/
	text-align:left;
	line-height:1.6;
	letter-spacing:0.05em;
}




/*　トップページ
--------------------------------------------------------------*/
.index #contents main p{
	font-size:1.1rem;
	text-align:left;
	line-height:1.6;
	letter-spacing:0.05em;
}


.index #contents main{
	margin: 4% 0 5%;
}
.index #contents main .block01{
	width:87%;
	margin:0 auto 10%;
}

.index #contents main .block01 p.txt{
	text-indent:1em;
}

.index #contents main p.btn{
	text-align:center;
}

.index #contents main .block02 ul li{
	margin:0 auto;
	text-align:center;
    width: 60%;
    padding: 0 0 25px;

}

.index #contents main .block02 ul li img{
	width:100%;
}



/*　スライダー
--------------------------------------------------------------*/
.total_index .index .bx-wrapper{
	position:relative;
}
.total_index .slider_blk #slider_main .bx-prev{
	position:absolute;
	left: 0%;
	top: 40%;
	background:url(../img/img-index/arrowL.png) no-repeat center center;
	background-size: 140%;
	color:transparent;
}
.total_index .slider_blk #slider_main .bx-next{
	position:absolute;
	right: 0%;
	top: 40%;
	background: url(../img/img-index/arrowR.png) no-repeat center center;
	background-size: 140%;
	color:transparent;
}
.total_index .slider_blk{
	position:relative;
}
.total_index .slider_blk #slider_main{
	display:block;
	padding:0 0 0%;
	width:100%;
}
.total_index .slider_blk #slider_main ul{
}
.total_index .slider_blk #slider_main li img{
	width:100%;
}
.total_index .slider_blk #slider_main .bx-wrapper .bx-pager {
	position: static;
	width: auto;
	padding: 4% 0 0;
	margin: 0% 0 0% 0%;
	text-align: center;
}
.total_index .slider_blk #slider_main .bx-wrapper .bx-pager.bx-default-pager a{
	background:#d1d1d1;
	width:12px;
	height:12px;
	margin:0 8px;
}
.total_index .slider_blk #slider_main .bx-wrapper .bx-pager.bx-default-pager a.active{
	background:#0086CD;
}
.total_index .slider_blk #slider_main .bx-controls{
/*	position:relative;*/
}
.total_index .slider_blk #slider_main .bx-controls-direction{
	width:100%;
}



.kasou #contents main{
	margin: -0.1% auto 10%;
}


/*見出し下層h2*/

.kasou #contents main h2 {
	background: #F9F9F9;
	border-bottom: none;
	border-top: 3px solid #F29DC3;
	color: #333;
	font-weight: bold;
	letter-spacing: .05em;
	line-height: 55px;
	margin: 0 0 25px;
	padding: 0 0 0 24px;
}
.kasou #contents main h2 span{
	border:none;
	padding:0;
}

.kasou #contents main .ttl02{
	color:#E84F94;
	font-weight:bold;
	font-size:1.4rem;
	/*text-align:center;*/
	margin: 0 0 5%;
}
.kasou #contents main .ttl02 span{
	display:block;
	/*margin: 2% 0 0;*/
}
.kasou #contents main .ttl02 img{
	text-align:center;
	display:inline-block;
	width:10%;
}


/*見出し下層h3 [1]*/

.kasou #contents main h3.ttl03{
	border-bottom:3px solid #DDDDDD;
	padding: 0;
	margin: 0 3% 25px 3%;
	line-height: 1.5;
	font-size: 1.2rem;
	background:none;

}
.kasou #contents main h3.ttl03 span {
    margin: 0;
    display: inline-block;
	padding: 0px 18px 7px 10px;
    margin-bottom: -3px;
	font-weight: bold;
}
.kasou #contents main h3.ttl03 span{
	color:#0065B1;
	border-bottom:3px solid #0065B1;
}

.kasou #contents main h3{
	/*width:100%;*/
	margin:0 10px 15px 10px;
}

.kasou #contents main h3.ttl03 span{
	color:#000000;
	border-bottom:3px solid #73DCFF;
}



/*見出し下層h4 [1]*/

.kasou #contents main h4.ttl04{
	border-bottom:1px solid #DDDDDD;
	padding: 0;
	margin: 0 4% 15px 4%;
	line-height: 1.5;
	font-size: 1.2rem;
	background:none;

}
.kasou #contents main h4.ttl04 span {
    margin: 0;
    display: inline-block;
	padding: 0px 18px 7px 10px;
    margin-bottom: -3px;
	font-weight: bold;
}
.kasou #contents main h4.ttl04 span{
	color:#DC1D72;
}

.kasou #contents main h4{
	width:90%;
	margin:0 auto 15px
}

.kasou #contents main h4.ttl03 span{
	color:#000000;
	border-bottom:3px solid #73DCFF;
}



/*---------------------------------------------------
	糖尿病患者セルフケア支援ツール
----------------------------------------------------*/
.application #contents main{
	font-size: 1.1rem;
}

.application #contents main h5{
	font-size: 1.1rem;
}

.application .block01 .blk01{
	width: 86%;
    margin: 0 auto 8%;
    font-size: 1.1rem;
}

.application .block01 .blk01 .txt{
	text-indent:1em;
}


.application .block03 section{
	width: 90%;
    margin: 0 auto 8%;
    font-size: 1.1rem;
}

.application .faq main .txt00{
	margin:0 10px 20px 10px;
}

.application .faq main .acMenu{
	padding: 120px 0 0px 0;
	margin:-80px 0 0 0 ;
}

.application .faq .pat_faq_b{
	/*margin:0 10px;*/
}

.application .faq .pat_faq_b .quetion span{
	font-weight:normal;
}

.application .faq .pat_faq_b .a_area p{
	margin:0 0 20px 0;
	/*padding:6px 35px 0 35px;*/
}




.application .faq .pat_faq_b{
	border-bottom: 1px dotted #ccc;
}

.application .faq .pat_faq_b:last-child{
	border-bottom: none;
}

.application .faq .pat_faq_b .quetion{
	background:url(../img/img-application/faq_icon_q.gif) no-repeat left 18px;
	background-size:7.0%;
	line-height:1.5;
	padding:19px 0 19px 35px;
	font-weight:normal;
	text-decoration: none;
	margin:0 !important;
	cursor:default !important;
}

.application .faq .pat_faq_b .answer{
	background:url(../img/img-application/faq_icon_a.gif) no-repeat left 4px;
	background-size:7.2%;
	line-height:1.5;
	padding:5px 0 19px 35px;
	/*font-weight:bold;*/
	margin:0 0 0 10px;
	/*text-decoration: underline;*/
	cursor:default !important;
}

@media screen and (min-width: 415px) {
.application .faq .pat_faq_b .quetion{
	background:url(../img/img-application/faq_icon_q.gif) no-repeat left 18px;
	background-size:5.0%;
	line-height:1.5;
	padding:19px 0 19px 35px;
	font-weight:normal;
	text-decoration: none;
	margin:0 !important;
	cursor:default !important;
}	
	
.application .faq .pat_faq_b .answer{
	background:url(../img/img-application/faq_icon_a.gif) no-repeat left 4px;
	background-size:5.2%;
	line-height:1.5;
	padding:5px 0 19px 35px;
	/*font-weight:bold;*/
	margin:0 0 0 10px;
	/*text-decoration: underline;*/
	cursor:default !important;
}
}


.application .faq .pat_faq_b .a_area{
	display:block;
}

.application .block01 .blk01 a{
	color:#006CD8;
	
}

.application .block01 .blk01 p.small{
	font-size:1.0rem;
	text-indent:0;
	
}

.application .block01 .blk01 p.txt2{
	padding: 0 0 0 15px;
}
.application .block01 .blk01 .txt3{
	padding: 0 0 0 25px;
}

.application .block01 .blk01 p.indent{
	padding: 0 0 0 8%;
	text-indent:-0.7em;
}

.application .block01 p.btn,.application .block03 p.btn{
	text-align:center !important;
	padding:20px 0 0 ;
	
}

.application .block01 ul{
	margin:0 auto;
	padding: 25px 0;
}

.application .block01 ul li{
	padding:0 0 8% ;
	
}

.application .block01 dl dt{
	font-weight:bold;
	font-size:1.1rem;
	line-height:1.3;
	text-align:center;
	
}

.application .block01 dl dd{
	text-align:center;
	padding: 10px 0 0;
	
}

.application .block{
	margin-bottom:20%;
}

.application .block:last-child{
	margin-bottom:15%;
}

.application .block01 .blk01{
	margin-bottom:10% !important;
}

.application .block01 .blk01 .img{
	width:60%;
	margin:0 auto;
}

.application #link01,.application #link02,.application #link03{
	padding:3% 0 0 !important;
}

.application #contents main .ttl02{
	margin: 0 0 0;
}

/*---------------------------------------------------
	研究グループ
----------------------------------------------------*/
.member #contents {
	font-size: 1.1rem;

}
.member #contents table {
	width:90%;
	margin:auto auto 10% auto;
}
.member #contents table tr td.name{
	width: 24%;
	font-weight:bold;
}
.member #contents table tr td.data{
	width: 73%;
}


.member #contents p.index01{
/*	width:715px;
	margin-left:4em;
	text-indent:-1.0em;*/
}

.member #contents .block{
	background: #f4f4f4;
	padding: 25px 0 10px;
	width: 90%;
	margin: 0 auto 20px;
}

.member #contents .block .left{
	width:50%;
	float:none;
	margin: 0 auto 12px auto;
}
.member #contents .block .left img{
		/*width:100%;*/
		width: 40%;
}

.member #contents .block .right{
		width:100%;
	float:none;

}

.member #contents .txt00{
	font-size:14px;
	margin:0 auto 20px;
	width:90%;
}
.member #contents .txt01{
	margin:0  8% 5%;
	margin-left:2em;
	text-indent:-1.0em;
}
.member #contents .txt01 span{
	margin: 0 1% 0 0 ;	
}

.member #contents .icon_wp{
	width:100%;
	margin:0 0 5% 0px;
}

.member #contents .icon{
	margin:0 auto;
	width:73px;
}
.member #contents .img01 {
 /*width:92%;*/
 text-align: center;
}

.member #contents .last {
	margin-bottom: 10%;
}
.member  #contents .block04 {
    width: 90%;
	margin:auto;
}

.member  #contents .block04 p {
	margin-bottom: 10%;
}

.member  #contents .block04 p:last-child {
	margin-bottom: 0;
}

.member #contents .block04 span.small {
	word-wrap: break-word;
}

.member #contents .block span.break-word {
	word-wrap: break-word;
}


.member #contents .block01 {
	padding:0 0 5%;
}


/* 202408追記 */
#contents main .first_txt{
	font-size: 1.2rem;
	color: #E84F94;
	margin: 0 6% 6%;
	font-weight: bold;
}

#contents main .block1 .block01 {
	font-size: 1.1rem;
	margin: 0 auto 30px;
	color: #333;
	width: 89%;
	line-height: 160%;
}

#contents main .block {
	margin-bottom: 50px;
}

#contents .block .block01 .left.gallery {
	margin: 0 0 30px;
    text-align: center;
}