@charset "UTF-8";


/* 共通 */


#title h1 { padding: 20px 10px 15px; }

#title .ttlImg {
	display: block;
	width: 50%;
	max-width: 532px;
	margin: 0 10px 0 auto;
}



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

#idx #content .inner { padding: 0 20px; }

h2 {
	position: relative;
	color: #3789CB;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.6;
	margin: 0 0 20px;
	padding: 0 0 12px;
}

h2::after {
	position: absolute;
	content: '';
	left: 0;
	bottom: 0;
	width: 100%;
	height: 7px;
	background: -webkit-repeating-linear-gradient(-45deg, #f5b3b3, #f5b3b3 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #f5b3b3, #f5b3b3 2px, #fff 2px, #fff 4px);
}




/* かんゾ〜ちゃんの出張情報
------------------------------------------------------------- */

#idx .cont { margin: 0 0 40px; }

#idx .cont ul.article {
	max-width: 600px;
	margin: 0 auto 40px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #666;
}

#idx .cont .date {
	line-height: 2;
}

#idx .cont h3 {
	color: #e17b7b;
	font-size: 2rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0 0 5px;
}

#idx .cont .sub {
	font-size: 1.8rem;
	margin: 0 0 15px;
}

#idx .cont .summary {
	line-height: 1.8;
	margin: 0 0 10px;
}

#idx .cont a.detail {
	display: block;
	width: 150px;
	color: #000;
	text-align: center;
	line-height: 1;
	letter-spacing: 5px;
	margin: 0 0 20px;
	padding: 8px 0 10px 15px;
	background: #a1cbed;
	border-radius: 20px;
	transition: 0.5s;
}
#idx .cont a.detail .arrow {
	display: inline-block;
	letter-spacing: -0.3px;
	transform: scaleX(0.6) scaleY(1.2);
}
#idx .cont a.detail:hover {
	background: #f5b3b3;
	transition: 0.5s;
}

#colorbox .cboxPhoto {
	display: block;
	width: 800px !important;
	height: auto !important;
}




/* 活動実績（論文等）
------------------------------------------------------------- */

#idx #info { margin: 0 0 60px; }

#idx #info ul {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #666;
}

#idx #info ul li {
	line-height: 1.6;
}

#idx #info a {
	background-image: linear-gradient( #b04040, #b04040 );
	background-size: 0 1px;
	background-position: left bottom;
	background-repeat: no-repeat;
	transition: all 0.5s;
}
#idx #info a:hover {
	color: #b04040;
	background-size: 100% 1px;
	transition: .5s;
}



.use768 {
	display: inline;
}





/* -------------------------------------------------------------
　論文（記事）
------------------------------------------------------------- */

#article #title {
	padding: 30px 0 20px;
}
#article #title h1 {
	padding: 15px 10px;
}
#article #title .ttlImg {
	width: 40%;
	max-width: 220px;
	margin: -35px 10px 0 auto;
}

#article .drName {
	line-height: 1.5;
	margin: 0 0 30px;
}

#article .mainText {
	line-height: 1.8;
	margin: 0 0 30px;
}

#article .mainText img {
	display: block;
	width: 100%;
	max-width: 600px;
	margin: 2em auto 0;
}

#article a.btList {
	display: block;
	width: 300px;
	color: #000;
	text-align: center;
	line-height: 1;
	letter-spacing: 5px;
	margin: 0 auto 30px;
	padding: 8px 15px 10px 0;
	background: #a1cbed;
	border-radius: 20px;
	transition: 0.5s;
}
#article a.btList .arrow {
	display: inline-block;
	letter-spacing: -0.3px;
	transform: scaleX(0.6) scaleY(1.2);
}
#article a.btList:hover {
	background: #f5b3b3;
	transition: 0.5s;
}




/*media Queries Tblet
----------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width:769px) {

/* 共通 */

#title h1 p { top: 24px; }

#title .ttlImg {
	position: absolute;
	top: -40px;
	left: 47%;
	width: 380px;
}



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

#idx #content {
	max-width: 1040px;
	margin: 0 auto;
}

h2 {
	font-size: 2.6rem;
	margin: 0 0 50px;
}




/* かんゾ〜ちゃんの出張情報
------------------------------------------------------------- */

#idx .cont { margin: 0 0 80px; }

#idx .cont ul.article {
	display: flex;
	flex-direction: row-reverse;
	max-width: unset;
	margin: 0 0 40px;
	padding: 0 0 40px;
}

#idx .cont ul.article li:nth-child(1) {
	width: 70%;
	padding: 0 0 0 4%;
}

#idx .cont ul.article li:nth-child(2) {
	width: 30%;
}

#idx .cont .date {
	font-size: 1.8rem;
}

#idx .cont h3 {
	font-size: 2.4rem;
}

#idx .cont .sub {
	font-size: 2rem;
}

#idx .cont .summary {
	font-size: 1.8rem;
	margin: 0 0 15px;
}

#idx .cont a.detail {
	width: 160px;
	font-size: 1.8rem;
	letter-spacing: 5px;
	margin: 0;
	padding: 8px 0 10px 15px;
}

#colorbox .cboxPhoto {
	display: block;
	width: 1200px !important;
}




/* 活動実績（論文等）
------------------------------------------------------------- */

#idx #info { margin: 0 0 60px; }

#idx #info ul { display: flex; }
#idx #info ul li:nth-child(1) { width: 8em; }
#idx #info ul li a {
	font-size: 1.8rem;
}




.use768 {
	display: none;
}





/* -------------------------------------------------------------
　論文（記事）
------------------------------------------------------------- */

#article #title {
	height: 240px;
	padding: 50px 0 20px;
}

#article #title .ttlImg {
	top: -30px;
	left: 50%;
	width: 380px;
	max-width: unset;
	margin: 10px 10px 0 auto;
}


#article #content .inner {
	max-width: 1080px;
	padding: 0 40px;
}

#article h2 {
	margin: 0 0 20px;
}

#article .drName {
	font-size: 1.8rem;
	margin: 0 0 50px;
}

#article .mainText {
	font-size: 1.8rem;
	line-height: 2;
	margin: 0 0 50px;
}

#article .mainText img {
	max-width: 800px;
	margin: 3em auto 0;
}

#article a.btList {
	width: 360px;
	font-size: 1.8rem;
	margin: 0 auto 100px;
	padding: 12px 20px 14px 0;
	border-radius: 30px;
}









}/* media Queries 769 */





/*media Queries PC
----------------------------------------------------*/
@media only screen and (min-width:1025px) {

#title .ttlImg { width: 50%; }





}/* media Queries 1025 */