@charset "utf-8";

@media screen and (max-width : 640px) {
/* pattern common
================================================== */
#tmp_main{
	background-color: #ffffff;
	color: #000000;
}
ul.news_list .link{
	font-size: 100%;
}
ul.news_list li{
	font-size: 100%;
}

/* Mainvs
================================================== */
.sec_banner{
	margin: 11px 0 10px;
	padding-top: 0;
	background-image: none;
	height: auto;
}
.sec_banner .banner_ttl,
.sec_banner .banner_links li{
	position: static;
}
.sec_banner .banner_ttl{
	position: static;
	margin-bottom: 10px;
	padding-top: 39.06%;
	background: transparent url(/site/shared/templates/gannet_top/images/sp_view.png) no-repeat;
	background-size: 100% 100%;
	height: 0;
	color: inherit;
}
.sec_banner .banner_links{
	padding-left: 2px;
	padding-right: 2px;
}
.sec_banner .banner_links li{
	width: 100%;
	height: auto;
}
.sec_banner .banner_links li:not(:last-of-type){
	margin-bottom: 10px;
}
.sec_banner .banner_links a{
	display: block;
	padding-top: calc((34/300) * 100%);
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	width: calc((286/300) * 100%);
	height: 0;
	color: inherit;
}
.sec_banner .banner_links a:after{
	content: none;
}
.sec_banner .main_01 a{
	background-image: url(/site/shared/templates/gannet_top/images/sp_view_001.png);
}
.sec_banner .main_02 a{
	background-image: url(/site/shared/templates/gannet_top/images/sp_view_002.png);
}
.sec_banner .main_03 a{
	background-image: url(/site/shared/templates/gannet_top/images/sp_view_003.png);
    width: calc((236/300) * 100%);
}


/* Menu col4
================================================== */
.sec_schinfo{
	padding: 9px 8px 10px;
	font-size: 123.1%;
}
.sec_schinfo .schinfo_heading{
	flex-direction: column;
	gap: 0;
	margin-bottom: 11px;
}
.sec_schinfo .schinfo_ttl{
	padding-left: 0;
	padding-bottom: 0;
}
.sec_schinfo .schinfo_ttl h2{
    font-size: 100%;
	text-align: center;
}
.sec_schinfo .schinfo_link a{
	display: block;
	width: 100%;
}
.sec_schinfo .schinfo_list{
    gap: 5px;
	margin-bottom: 5px;
	padding-left: 2px;
	padding-right: 3px;
}
.sec_schinfo .schinfo_list li{
    width: calc((100% - 5px) / 2);
}

/* Menu col3
================================================== */
.sec_services{
	flex-direction: column;
	gap: 0;
}
.sec_services .blog{
	margin-bottom: 21px;
	padding-bottom: 0;
	min-height: 280px;
	width: 100%;
	font-size: 123.1%;
}
.sec_services .blog_heading{
	padding-bottom: 14px;
}
.sec_services .blog_ttl h2{
	font-size: 150%;
}
.sec_services .blog_list li{
	font-size: 100%;
}
.sec_services .blog_link a {
	padding-top: 2px;
	padding-bottom: 3px;
}
#tmp_service_blog3{
	margin-bottom: 42px;
}

/* news
================================================== */
.sec_news_top {
    display: block;
	margin-top: 19px;
}
.sec_news_top .news_wrap {
    width: 100%;
	margin-bottom: 20px;
}
.sec_news_top .news_ttl{
	padding: 5px 10px 5px 19px;
}
.sec_news_top .news_ttl h2{
	padding: 0;
}
.sec_news_top .news_cnt{
	font-size: 123.1%;
}
.sec_news_top .news_banner {
    margin-top: 31px;
}
.sec_news_top .news_banner a{
	padding-left: 0;
	padding-right: 36px;
}
.sec_news_top .news_list{
    padding-right: 22px;
}
.sec_news_top .news_wrap:last-child{
	margin-bottom: 0;
}
/* cancer */
.sec_news_top .cancer ul.news_list .date{
	font-size: 100%;
}

/* reset hover
================================================== */
.sec_schinfo .schinfo_list a:hover img,
.news_wrap .news_banner a:hover img {
    opacity: 1;
}
.sec_services .blog_link a:hover{
	color: #551A8B;
}
ul.news_list .link a:hover,
.sec_services .blog_list a:hover{
	color: #000066;
}
.sec_services .blog_link a:hover,
.sec_schinfo .schinfo_link a:hover,
.sec_services .blog_list a:hover,
ul.news_list .link a:hover{
    text-decoration: none;
}

/* ==================================================
accessibility style change:color
================================================== */
.color_black #tmp_wrapper .sec_banner,
.color_blue #tmp_wrapper .sec_banner,
.color_yellow #tmp_wrapper .sec_banner{
	flex-direction: column;
}
.color_black #tmp_wrapper .sec_banner .banner_ttl,
.color_blue #tmp_wrapper .sec_banner .banner_ttl,
.color_yellow #tmp_wrapper .sec_banner .banner_ttl{
	align-self: flex-start;
	padding-top: 0;
	max-width: 100%;
	height: auto;
}
}