@charset "utf-8";

/* pattern common
================================================== */
ul.news_list li{
    margin-bottom: 13px;
}
ul.news_list li:last-of-type{
    margin-bottom: 0;
}
ul.news_list .date{
    margin-bottom: 1px;
    line-height: 1.1;
    letter-spacing: 0.05em;
}
ul.news_list .link{
    font-size: 114.3%;
}
ul.news_list .link a{
    text-decoration: none;
}

/* Mainvs
================================================== */
.sec_banner{
    position: relative;
    margin: 20px 0;
    background: transparent url(/site/shared/templates/gannet_top/images/sample_view.gif) no-repeat;
    background-size: 100% 100%;
    width: 100%;
    height: 0;
    padding-top: 21.8%;
}
.sec_banner .banner_ttl,
.sec_banner .banner_links li{
    position: absolute;
    text-indent: -9999px;
}
.sec_banner .banner_links li{
    list-style: none;
}
.sec_banner .banner_links a{
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.sec_banner .banner_links a:after{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.3);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}
.sec_banner .banner_links a:hover:after{
    opacity: 1;
}
.sec_banner .main_01{
    right: calc((62/1000) * 100%);
    top: calc((33/218) * 100%);
    width: calc((370/1000) * 100%);
    height: calc((43/218) * 100%);
}
.sec_banner .main_02{
    right: calc((62/1000) * 100%);
    top: calc((87/218) * 100%);
    width: calc((370/1000) * 100%);
    height: calc((43/218) * 100%);
}
.sec_banner .main_03{
    right: calc((128/1000) * 100%);
    top: calc((141/218) * 100%);
    width: calc((304/1000) * 100%);
    height: calc((43/218) * 100%);
}

/* Menu col4
================================================== */
.sec_schinfo{
    margin-bottom: 20px;
    padding: 7px 14px 15px 12px;
    background-color: #ffffff;
    border: 2px solid #FF9302;
}
.sec_schinfo .schinfo_heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    margin-bottom: 6px;
}
.sec_schinfo .schinfo_ttl{
    padding-left: 7px;
    padding-bottom: 10px;
}
.sec_schinfo .schinfo_ttl h2{
    font-size: 150.9%;
    letter-spacing: 0.01em;
}
.sec_schinfo .schinfo_link a{
    display: inline-block;
    margin: 3px 1px 0 0;
    padding: 5px 20px 5px 21px;
    background: #e9f1bf url(/site/shared/site_gannet/images/icon/menu_list_bg.gif) repeat;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-weight: bold;
    color: #000000;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}
.sec_schinfo .schinfo_list{
    display: flex;
    flex-flow: row wrap;
    gap: 7px 8px;
}
.sec_schinfo .schinfo_list li{
    list-style: none;
    width: calc(25% - 6px);
}
.sec_schinfo .schinfo_list a{
    display: block;
}
.sec_schinfo .schinfo_list img{
    width: 100%;
    height: auto;
    vertical-align: top;
}

/* Menu col3
================================================== */
.sec_services{
    display: flex;
    flex-flow: row wrap;
    gap: 10px 5px;
}
.sec_services .blog{
    padding-bottom: 10px;
    background-color: #ffffff;
    width: calc((100% - 10px) / 3);
    color: #000000;
}
.sec_services .blog_heading{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 0 10px;
    padding: 13px 15px 13px 79px;
    background-repeat: no-repeat, no-repeat, repeat-x, no-repeat;
    background-size: auto, auto, auto, 100% 100%;
    background-position: left top, center bottom, left bottom, left top;
}
.sec_services .blog_ttl h2{
    font-size: 150.85%;
    color: #ffffff;
    font-weight: normal;
    text-shadow: 2px 2px 10px #222222, 2px -2px 10px #222222, -2px 2px 10px #222222, -2px -2px 10px #222222;
}
.sec_services .blog_link{
    max-width: 50%;
}
.sec_services .blog_link a{
    display: inline-block;
    margin-top: 1px;
    padding: 3px 5px 0;
    background-color: #ffffff;
    min-width: 63px;
    border-radius: 4px;
    color: #551A8B;
    text-decoration: none;
}
.sec_services .blog_link.link_arrow a:before{
    content: '';
    position: relative;
    display: inline-block;
    margin-right: -3px;
    background: transparent url(/site/shared/site_gannet/images/icon/next.png) no-repeat 0 0;
    width: 14px;
    height: 14px;
    color: inherit;
}
.sec_services .blog_list{
    padding: 12px 15px 15px;
}
.sec_services .blog_list li{
    list-style: none;
    margin-bottom: 4px;
    font-size: 114.3%;
}
.sec_services .blog_list a{
    display: inline-block;
    padding: 3px 0 3px 25px;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: 0 3px;
    color: #000066;
    text-decoration: none;
}
.sec_services .blog_list li:last-of-type{
    margin-bottom: 0;
}
.sec_services ul.news_list{
    padding-top: 23px;
}
/* blog1 */
#tmp_service_blog1 .blog_heading{
    background-color: #D14600;
    background-image: url(/site/shared/templates/gannet_top/images/list06_01_top.png), url(/site/shared/templates/gannet_top/images/list06_01_btm.png), url(/site/shared/templates/gannet_top/images/list06_01_rp.png), -webkit-gradient(linear, left top, left bottom, from(#FF9A66), to(#FF9A66));
    background-image: url(/site/shared/templates/gannet_top/images/list06_01_top.png), url(/site/shared/templates/gannet_top/images/list06_01_btm.png), url(/site/shared/templates/gannet_top/images/list06_01_rp.png), -moz-linear-gradient(#FF9A66, #FF9A66);
    background-image: url(/site/shared/templates/gannet_top/images/list06_01_top.png), url(/site/shared/templates/gannet_top/images/list06_01_btm.png), url(/site/shared/templates/gannet_top/images/list06_01_rp.png), -o-linear-gradient(#FF9A66, #FF9A66);
    background-image: url(/site/shared/templates/gannet_top/images/list06_01_top.png), url(/site/shared/templates/gannet_top/images/list06_01_btm.png), url(/site/shared/templates/gannet_top/images/list06_01_rp.png), linear-gradient(#FF9A66, #FF9A66);
}
#tmp_service_blog1 .list_01 a{
    background-image: url(/site/shared/templates/gannet_top/images/sg_01.png);
}
#tmp_service_blog1 .list_02 a{
    background-image: url(/site/shared/templates/gannet_top/images/sg_02.png);
}
#tmp_service_blog1 .list_03 a{
    background-image: url(/site/shared/templates/gannet_top/images/sg_03.png);
}
#tmp_service_blog1 .list_04 a{
    background-image: url(/site/shared/templates/gannet_top/images/sg_04.png);
}
#tmp_service_blog1 .list_05 a{
    background-image: url(/site/shared/templates/gannet_top/images/sg_05.png);
}
/* blog2 */
#tmp_service_blog2 .blog_heading{
    background-color: #7967AD;
    background-image: url(/site/shared/templates/gannet_top/images/list06_02_top.png), url(/site/shared/templates/gannet_top/images/list06_02_btm.png), url(/site/shared/templates/gannet_top/images/list06_02_rp.png), -webkit-gradient(linear, left top, left bottom, from(#7E71B6), to(#7E71B6));
    background-image: url(/site/shared/templates/gannet_top/images/list06_02_top.png), url(/site/shared/templates/gannet_top/images/list06_02_btm.png), url(/site/shared/templates/gannet_top/images/list06_02_rp.png), -moz-linear-gradient(#7E71B6, #7E71B6);
    background-image: url(/site/shared/templates/gannet_top/images/list06_02_top.png), url(/site/shared/templates/gannet_top/images/list06_02_btm.png), url(/site/shared/templates/gannet_top/images/list06_02_rp.png), -o-linear-gradient(#7E71B6, #7E71B6);
    background-image: url(/site/shared/templates/gannet_top/images/list06_02_top.png), url(/site/shared/templates/gannet_top/images/list06_02_btm.png), url(/site/shared/templates/gannet_top/images/list06_02_rp.png), linear-gradient(#7E71B6, #7E71B6);
}
#tmp_service_blog2 .list_01 a{
    background-image: url(/site/shared/templates/gannet_top/images/sd_01.png);
}
#tmp_service_blog2 .list_02 a{
    background-image: url(/site/shared/templates/gannet_top/images/sd_02.png);
}
#tmp_service_blog2 .list_03 a{
    background-image: url(/site/shared/templates/gannet_top/images/sd_03.png);
}
#tmp_service_blog2 .list_04 a{
    background-image: url(/site/shared/templates/gannet_top/images/sd_04.png);
}
#tmp_service_blog2 .list_05 a{
    background-image: url(/site/shared/templates/gannet_top/images/sd_05.png);
}
/* blog3 */
#tmp_service_blog3 .blog_heading{
    background-color: #CF3A80;
    background-image: url(/site/shared/templates/gannet_top/images/list06_03_top.png), url(/site/shared/templates/gannet_top/images/list06_03_btm.png), url(/site/shared/templates/gannet_top/images/list06_03_rp.png), -webkit-gradient(linear, left top, left bottom, from(#E287B2), to(#E287B2));
    background-image: url(/site/shared/templates/gannet_top/images/list06_03_top.png), url(/site/shared/templates/gannet_top/images/list06_03_btm.png), url(/site/shared/templates/gannet_top/images/list06_03_rp.png), -moz-linear-gradient(#E287B2, #E287B2);
    background-image: url(/site/shared/templates/gannet_top/images/list06_03_top.png), url(/site/shared/templates/gannet_top/images/list06_03_btm.png), url(/site/shared/templates/gannet_top/images/list06_03_rp.png), -o-linear-gradient(#E287B2, #E287B2);
    background-image: url(/site/shared/templates/gannet_top/images/list06_03_top.png), url(/site/shared/templates/gannet_top/images/list06_03_btm.png), url(/site/shared/templates/gannet_top/images/list06_03_rp.png), linear-gradient(#E287B2, #E287B2);
}
/* blog4 */
#tmp_service_blog4 .blog_heading{
    background-color: #46841F;
    background-image: url(/site/shared/templates/gannet_top/images/list06_04_top.png), url(/site/shared/templates/gannet_top/images/list06_04_btm.png), url(/site/shared/templates/gannet_top/images/list06_04_rp.png), -webkit-gradient(linear, left top, left bottom, from(#5AAB28), to(#5AAB28));
    background-image: url(/site/shared/templates/gannet_top/images/list06_04_top.png), url(/site/shared/templates/gannet_top/images/list06_04_btm.png), url(/site/shared/templates/gannet_top/images/list06_04_rp.png), -moz-linear-gradient(#5AAB28, #5AAB28);
    background-image: url(/site/shared/templates/gannet_top/images/list06_04_top.png), url(/site/shared/templates/gannet_top/images/list06_04_btm.png), url(/site/shared/templates/gannet_top/images/list06_04_rp.png), -o-linear-gradient(#5AAB28, #5AAB28);
    background-image: url(/site/shared/templates/gannet_top/images/list06_04_top.png), url(/site/shared/templates/gannet_top/images/list06_04_btm.png), url(/site/shared/templates/gannet_top/images/list06_04_rp.png), linear-gradient(#5AAB28, #5AAB28);
}
#tmp_service_blog4 .list_01 a{
    background-image: url(/site/shared/templates/gannet_top/images/tr_01.png);
}
#tmp_service_blog4 .list_02 a{
    background-image: url(/site/shared/templates/gannet_top/images/tr_02.png);
}
#tmp_service_blog4 .list_03 a{
    background-image: url(/site/shared/templates/gannet_top/images/tr_03.png);
}
#tmp_service_blog4 .list_04 a{
    background-image: url(/site/shared/templates/gannet_top/images/tr_04.png);
}
#tmp_service_blog4 .list_05 a{
    background-image: url(/site/shared/templates/gannet_top/images/tr_05.png);
}
/* blog5 */
#tmp_service_blog5 .blog_heading{
    background-color: #8A7500;
    background-image: url(/site/shared/templates/gannet_top/images/list06_05_top.png), url(/site/shared/templates/gannet_top/images/list06_05_btm.png), url(/site/shared/templates/gannet_top/images/list06_05_rp.png), -webkit-gradient(linear, left top, left bottom, from(#FFD701), to(#FFD701));
    background-image: url(/site/shared/templates/gannet_top/images/list06_05_top.png), url(/site/shared/templates/gannet_top/images/list06_05_btm.png), url(/site/shared/templates/gannet_top/images/list06_05_rp.png), -moz-linear-gradient(#FFD701, #FFD701);
    background-image: url(/site/shared/templates/gannet_top/images/list06_05_top.png), url(/site/shared/templates/gannet_top/images/list06_05_btm.png), url(/site/shared/templates/gannet_top/images/list06_05_rp.png), -o-linear-gradient(#FFD701, #FFD701);
    background-image: url(/site/shared/templates/gannet_top/images/list06_05_top.png), url(/site/shared/templates/gannet_top/images/list06_05_btm.png), url(/site/shared/templates/gannet_top/images/list06_05_rp.png), linear-gradient(#FFD701, #FFD701);
}
#tmp_service_blog5 .list_01 a{
    background-image: url(/site/shared/templates/gannet_top/images/yb_01.png);
}
#tmp_service_blog5 .list_02 a{
    background-image: url(/site/shared/templates/gannet_top/images/yb_02.png);
}
#tmp_service_blog5 .list_03 a{
    background-image: url(/site/shared/templates/gannet_top/images/yb_03.png);
}
/* blog6 */
#tmp_service_blog6 .blog_heading{
    background-color: #28828A;
    background-image: url(/site/shared/templates/gannet_top/images/list06_06_top.png), url(/site/shared/templates/gannet_top/images/list06_06_btm.png), url(/site/shared/templates/gannet_top/images/list06_06_rp.png), -webkit-gradient(linear, left top, left bottom, from(#69CBD4), to(#69CBD4));
    background-image: url(/site/shared/templates/gannet_top/images/list06_06_top.png), url(/site/shared/templates/gannet_top/images/list06_06_btm.png), url(/site/shared/templates/gannet_top/images/list06_06_rp.png), -moz-linear-gradient(#69CBD4, #69CBD4);
    background-image: url(/site/shared/templates/gannet_top/images/list06_06_top.png), url(/site/shared/templates/gannet_top/images/list06_06_btm.png), url(/site/shared/templates/gannet_top/images/list06_06_rp.png), -o-linear-gradient(#69CBD4, #69CBD4);
    background-image: url(/site/shared/templates/gannet_top/images/list06_06_top.png), url(/site/shared/templates/gannet_top/images/list06_06_btm.png), url(/site/shared/templates/gannet_top/images/list06_06_rp.png), linear-gradient(#69CBD4, #69CBD4);
}
#tmp_service_blog6 .list_01 a{
    background-image: url(/site/shared/templates/gannet_top/images/sr_01.png);
}
#tmp_service_blog6 .list_02 a{
    background-image: url(/site/shared/templates/gannet_top/images/sr_02.png);
}
#tmp_service_blog6 .list_03 a{
    background-image: url(/site/shared/templates/gannet_top/images/sr_03.png);
}
#tmp_service_blog6 .list_04 a{
    background-image: url(/site/shared/templates/gannet_top/images/sr_04.png);
}
#tmp_service_blog6 .list_05 a{
    background-image: url(/site/shared/templates/gannet_top/images/sr_05.png);
}
#tmp_service_blog6 .list_06 a{
    background-image: url(/site/shared/templates/gannet_top/images/sr_06.png);
}

/* news
================================================== */
.sec_news_top {
    display: flex;
    flex-wrap: wrap;
    gap: 0 20px;
    margin-top: 40px;
}
.sec_news_top .news_wrap {
    width: calc(50% - 10px);
    background-color: #ffffff;
    border: 2px solid transparent;
    color: inherit;
}
.news_wrap .news_ttl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 6px 10px 11px 20px;
    gap: 0 10px;
}
.sec_news_top .news_ttl h2 {
    padding: 0;
    color: #ffffff;
}
.sec_news_top .list_link{
    position: static;
    flex-shrink: 0;
    max-width: 30%;
    margin-top: -3px;
}
.sec_news_top .news_list{
    padding-top: 22px;
}
.sec_news_top .news_banner{
    margin-top: 12px;
}
.sec_news_top .news_banner a {
    display: block;
    padding: 0 20px 6px;
    text-align: center;
}
.sec_news_top .news_banner img {
    vertical-align: top;
    max-width: 100%;
    height: auto;
}
.sec_news_top .news_txt {
    padding: 25px 10px 10px;
}

/* lasted */
.sec_news_top .lasted{
    border-color: #FFA200;
}
.sec_news_top .lasted .news_ttl{
    background-color: #A86800;
}
.sec_news_top .lasted .news_ttl h2{
    text-shadow: 2px 2px 10px #742F01, 2px -2px 10px #742F01, -2px 2px 10px #742F01, -2px -2px 10px #742F01;
}

/* cancer */
.sec_news_top .cancer {
    border-color: #A294C7;
}
.sec_news_top .cancer .news_ttl{
    background-color: #7F69B0;
}
.sec_news_top .cancer .news_ttl h2 {
    text-shadow: 2px 2px 10px #1B1824, 2px -2px 10px #1B1824, -2px 2px 10px #1B1824, -2px -2px 10px #1B1824;
}
.sec_news_top .cancer ul.news_list .date {
	font-size: 114.3%;
}

/* hover
================================================== */
.sec_schinfo .schinfo_list img,
.news_wrap .news_banner a img {
    transition: opacity 0.3s ease-in-out;
}
.sec_schinfo .schinfo_list a:hover img,
.news_wrap .news_banner a:hover img {
    opacity: 0.7;
}
.sec_services .blog_link a:hover,
.sec_services .blog_list a:hover{
    color: #EE0000;
}
.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: underline;
}

/* ==================================================
accessibility style
================================================== */
.color_black .sec_services .blog_link.link_arrow a:before,
.color_blue .sec_services .blog_link.link_arrow a:before,
.color_yellow .sec_services .blog_link.link_arrow a:before,
.color_black #tmp_wrapper .sec_banner .banner_links a:after,
.color_blue #tmp_wrapper .sec_banner .banner_links a:after,
.color_yellow #tmp_wrapper .sec_banner .banner_links a:after{
    content: none;
}
.color_black #tmp_wrapper .sec_services .blog,
.color_blue #tmp_wrapper .sec_services .blog,
.color_yellow #tmp_wrapper .sec_services .blog{
    border: 2px solid;
}
.color_black #tmp_wrapper .sec_services .blog_link a,
.color_blue #tmp_wrapper .sec_services .blog_link a,
.color_yellow #tmp_wrapper .sec_services .blog_link a{
    border: 1px solid;
}
.color_black #tmp_wrapper .sec_services .blog_heading,
.color_blue #tmp_wrapper .sec_services .blog_heading,
.color_yellow #tmp_wrapper .sec_services .blog_heading,
.color_black #tmp_wrapper .news_wrap .news_ttl,
.color_blue #tmp_wrapper .news_wrap .news_ttl,
.color_yellow #tmp_wrapper .news_wrap .news_ttl{
    border-bottom: 2px solid;
}
.color_black #tmp_wrapper .news_wrap .news_ttl h2,
.color_blue #tmp_wrapper .news_wrap .news_ttl h2,
.color_yellow #tmp_wrapper .news_wrap .news_ttl h2,
.color_black #tmp_wrapper .sec_services .blog_ttl h2,
.color_blue #tmp_wrapper .sec_services .blog_ttl h2,
.color_yellow #tmp_wrapper .sec_services .blog_ttl h2{
    text-shadow: none;
}
.color_black #tmp_wrapper .sec_banner,
.color_blue #tmp_wrapper .sec_banner,
.color_yellow #tmp_wrapper .sec_banner{
    display: flex;
    justify-content: space-between;
    padding: 20px;
    gap: 10px;
    border: 2px solid;
    border-radius: 10px;
    height: auto;
}
.color_black #tmp_wrapper .sec_banner .banner_ttl,
.color_blue #tmp_wrapper .sec_banner .banner_ttl,
.color_yellow #tmp_wrapper .sec_banner .banner_ttl,
.color_black #tmp_wrapper .sec_banner .banner_links li,
.color_blue #tmp_wrapper .sec_banner .banner_links li,
.color_yellow #tmp_wrapper .sec_banner .banner_links li{
    position: static;
    text-indent: inherit !important;
}
.color_black #tmp_wrapper .sec_banner .banner_links li,
.color_blue #tmp_wrapper .sec_banner .banner_links li,
.color_yellow #tmp_wrapper .sec_banner .banner_links li{
    margin-bottom: 10px;
    width: auto;
    height: auto;
}
.color_black #tmp_wrapper .sec_banner .banner_ttl,
.color_blue #tmp_wrapper .sec_banner .banner_ttl,
.color_yellow #tmp_wrapper .sec_banner .banner_ttl{
    max-width: 50%;
    align-self: center;
}
.color_black #tmp_wrapper .sec_banner .banner_links a,
.color_blue #tmp_wrapper .sec_banner .banner_links a,
.color_yellow #tmp_wrapper .sec_banner .banner_links a{
    display: flex;
    align-items: center;
    padding: 10px;
    width: auto;
    height: auto;
    border: 1px solid;
}
.color_black #tmp_wrapper .sec_schinfo .schinfo_link a:hover,
.color_blue #tmp_wrapper .sec_schinfo .schinfo_link a:hover,
.color_yellow #tmp_wrapper .sec_schinfo .schinfo_link a:hover,
.color_black #tmp_wrapper .sec_services .blog_link a:hover,
.color_blue #tmp_wrapper .sec_services .blog_link a:hover,
.color_yellow #tmp_wrapper .sec_services .blog_link a:hover{
    text-decoration: underline;
}
.color_black #tmp_wrapper .sec_services .blog_heading,
.color_blue #tmp_wrapper .sec_services .blog_heading,
.color_yellow #tmp_wrapper .sec_services .blog_heading{
    padding-left: 15px;
}
/* ==================================================
accessibility style change:fsize
================================================== */