@charset "utf-8";
@media screen and (max-width : 2000px) {
.sec_search{
    background-size: auto 300px, auto 300px, 100% calc(100% - 600px);
}
.sec_government{
    background-size: auto 200px, auto 400px, 100% calc(100% - 200px);
}
}
@media screen and (min-width : 801px) and (max-width: 850px) {
.release_wrapper .release_tbl .date{
    width: 146px;
}
.sec_mainvisual_warning .warning_row{
    display: block;
}
.sec_mainvisual_warning .warning_row .news_col {
    margin-bottom: 30px;
}
.sec_mainvisual_warning .warning_row .special_col{
    width: 100%;
}
.fsize_big #tmp_wrapper .release_wrapper .release_tbl .date{
    width: 180px;
}
.fsize_big2 #tmp_wrapper .release_wrapper .release_tbl .date{
    width: 240px;
}
}
@media screen and (max-width : 800px) {
/* pattern common
================================================== */
.gallery_list .item_img{
    box-shadow: 0 3px 9px 1px rgba(0, 51, 103, 0.25);
    border-radius: 7px;
}
.gallery_list .item_img:before,
.sec_mainvisual_warning .special_post > a > span.img:before,
.sec_mainvisual_warning .warning_related ul > li > a:before{
    content: none;
}
.gallery_list .item_date{
    font-size: 81.2%;
}
.gallery_list .item_des{
    padding-left: 15px;
	background-image: url(/shared/images/icon/arrow_link_bl_sp.png);
    background-position: 0 9px;
	background-size: 9px auto;
    font-size: 87.5%;
}
.gallery_list a:hover .item_des{
    text-decoration: none;
}

/* mainvisual style
================================================== */
.sec_mainvisual .splide__slide{
    height: 203px;
}
.sec_mainvisual .splide__slide > p{
    position: static;
    transform: none;
    min-width: auto;
}
.sec_mainvisual .splide__slide img{
    height: 203px;
    object-fit: cover;
}
.sec_mainvisual .splide__controls{
    bottom: 10px;
    max-width: 100%;
}
.sec_mainvisual .splide__arrow{
    border-width: 1px;
    border-color: #0261bf;
}
.sec_mainvisual .mv_catch{
    top: 14px;
    left: 14px;
    padding: 0;
    margin: 0;
    max-width: 223px;
}
.sec_mainvisual .mv_catch p{
    background-image: url(/shared/templates/top/images/mv_catch_sp.png);
    width: 223px;
    height: 104px;
}
.sec_mainvisual .mv_charm{
    top: auto;
    bottom: -59px;
    width: 80px;
    height: 140px;
}
.sec_mainvisual .mv_charm a,
.sec_mainvisual .mv_charm a:before{
    background-image: url(/shared/templates/top/images/charm_btn_sp.png);
}
.sec_mainvisual .mv_charm a:after {
    width: 60px;
    height: 95px;
    left: 20px;
    top: 17px;
    background-image: url(/shared/templates/top/images/charm_txt_sp.png);
}
/* hover */
.sec_mainvisual .splide__arrow:hover{
    background-color: #ffffff;
    color: #0261bf;
}
.sec_mainvisual .splide__arrow--prev:hover{
    background-image: url(/shared/templates/top/images/arrow_prev.png);
}
.sec_mainvisual .splide__arrow--next:hover{
    background-image: url(/shared/templates/top/images/arrow_next.png);
}
/* mainvisual warning
================================================== */
.sec_mainvisual_warning{
    padding: 20px 0;
}
.sec_mainvisual_warning .warning_wrap{
    padding: 18px 17px 7px;
}
.sec_mainvisual_warning .warning_ttl{
    padding-bottom: 15px;
    margin-bottom: 14px;
}
.sec_mainvisual_warning .warning_ttl h2{
    font-size: 125%;
    line-height: 1.4;
}
.sec_mainvisual_warning .info_caption{
    font-size: 112.5%;
    line-height: 1.5;
    margin-bottom: 2px;
}
.sec_mainvisual_warning .info_des{
    line-height: 1.7;
    margin-bottom: 21px;
}
.sec_mainvisual_warning .warning_row{
    display: block;
    margin-bottom: 25px;
}
.sec_mainvisual_warning .warning_row .news_col,
.sec_mainvisual_warning .warning_row .special_col{
    border-radius: 10px;
    padding: 14px 14px 11px;
}
.sec_mainvisual_warning .warning_row .news_col{
    margin-bottom: 25px;
}
.sec_mainvisual_warning .warning_row .special_col{
    width: 100%;
    padding-bottom: 14px;
}
.sec_mainvisual_warning .warning_row .common_ttl h3{
    font-size: 112.5%;
    line-height: 1.5;
}
.sec_mainvisual_warning .common_ttl{
    margin-bottom: 8px;
}
.sec_mainvisual_warning .news_col ul > li:not(:last-child) {
    margin-bottom: 19px;
}
.sec_mainvisual_warning .news_col ul > li > a{
    background-image: url(/shared/templates/top/images/list_icon_sp.png);
    background-size: 6px auto;
    background-position: left 9px;
}
.sec_mainvisual_warning .special_post > a > span.img{
    border-radius: 7px;
    margin-bottom: 12px;
    box-shadow: 0 2.5px 9px 1px rgba(0, 51, 103, 0.25);
}
.sec_mainvisual_warning .special_post > a > span.link{
    line-height: 1.5;
    font-size: 87.5%;
    background-image: url(/shared/images/icon/arrow_link_bl_sp.png);
    background-position: 0 4px;
    background-size: 9px auto;
    padding-left: 15px;
}
.sec_mainvisual_warning .warning_related ul{
    display: block;
}
.sec_mainvisual_warning .warning_related ul > li{
    width: 100%;
    margin-bottom: 15px;
}
.sec_mainvisual_warning .warning_related ul > li > a{
    padding: 17px 15px 14px 30px;
    border-radius: 7px;
    box-shadow: 0 2.5px 9px 1px rgba(0, 51, 103, 0.15);
    background-image: url(/shared/images/icon/arrow_link_bl_sp.png), url(/shared/images/icon/pattern_box_wave_sp.png);
    background-size: 9px auto, 64px auto;
    background-position: 15px center, right bottom;
}
/* buttonHoverAnim */
.mv_charm p .bubble_wrap {
	width: 14px;
	height: 32px;
}
.mv_charm p .bubble_wrap.left {
	left: 28px;
}
.mv_charm p .bubble_wrap.right {
	right: 8px;
}
.mv_charm p.is-bubble .bubble_wrap.left {
	animation: bubbleUp 1.9s ease-out forwards;
}
.mv_charm p.is-bubble .bubble_wrap.right {
	animation: bubbleUp 1.9s ease-out .5s forwards;
}
/* 上昇 */
@keyframes bubbleUp {
	0% {
		bottom: -13px;
		opacity: 0;
	}
	15% {
		opacity: 1;
	}
	65% {
		opacity: .5;
	}
	100% {
		bottom: 98px;
		opacity: 0;
	}
}
@keyframes bubbleSwingLeft {
	0% {
        transform: translateX(-8px);
    }
	100% {
        transform: translateX(6px);
    }
}
@keyframes bubbleSwingRight {
	0% {
        transform: translateX(4px);
    }
	100% {
        transform: translateX(-2px);
    }
}

/* pickup style
================================================== */
.sec_pickup{
    padding: 44px 0 27px;
}
.sec_pickup .sec_title{
    margin-bottom: 29px;
}
.sec_pickup .sec_title h2{
    background-image: url(/shared/templates/top/images/pickup_title_txt_sp.png);
    background-size: 130px auto;
    padding-bottom: 24px;
}
.sec_pickup .pickup_content{
    flex-direction: column;
    gap: 0;
}
.sec_pickup .gallery_list{
    justify-content: center;
    gap: 20px;
    margin-bottom: 9px;
    padding-top: 0;
    max-width: 100%;
}
.sec_pickup .gallery_list li{
    flex: inherit;
    width: calc(50% - 10px);
    max-width: 100%;
}
.sec_pickup .gallery_list .item_img {
    margin-bottom: 8px;
}
.sec_pickup .gallery_list .item_des{
    padding-left: 15px;
}
.sec_pickup .pickup_links{
    border-top: 1px solid #cccccc;
}
.sec_pickup .pickup_links li{
    padding-top: 13px;
    padding-bottom: 10px;
}
.sec_pickup .pickup_links a {
    padding-left: 15px;
    background-position: 0 9px;
}
.sec_pickup .pickup_links li:first-of-type{
    padding-top: 13px;
}

/* search style
================================================== */
.sec_search{
    margin-top: 29px;
    padding: 77px 0 61px;
    background-image: url(/shared/templates/top/images/search_wave_top_sp.png),url(/shared/templates/top/images/search_wave_btm_sp.png), linear-gradient(#c8f2fa, #c8f2fa);
    background-size: 100% 100px, 100% 100px, 100% calc(100% - 200px);
    background-position: center top, center bottom, 0 100px;
}
.sec_search:before{
    top: -20px;
    left: 0;
    right: auto;
    margin-right: 0;
    background-image: url(/shared/templates/top/images/search_pattern_lft_sp.png);
    background-size: 100% auto;
    width: 134px;
    height: 66px;
}
.sec_search:after{
    bottom: 6px;
    left: auto;
    right: 15px;
    margin-left: 0;
    background-image: url(/shared/templates/top/images/search_pattern_rgt_sp.png);
    background-size: 100% auto;
    max-width: 100%;
    width: 98px;
    height: 78px;
}
.sec_search .sec_title h2{
    background-image: url(/shared/templates/top/images/search_title_txt_sp.png);
    background-size: 199px auto;
}

/* release style
================================================== */
.release_wrapper {
    padding: 43px 0 50px;
}
.release_wrapper .sec_title{
    margin-bottom: 30px;
}
.release_wrapper .sec_title.press_ttl {
    margin-bottom: 8px;
}
.release_wrapper .sec_title h2{
    padding-bottom: 19px;
    background-image: url(/shared/templates/top/images/release_title_txt_sp.png);
    background-size: 164px auto;
}
.release_wrapper .release_blog{
    padding: 15px 14px 6px;
    border-radius: 5px;
}
.release_wrapper .common_ttl{
    margin-bottom: 5px;
}
.release_wrapper .common_ttl h3 {
	font-size: 112.5%;
}
.release_wrapper .gallery_list{
    gap: 0 15px;
}
.release_wrapper .gallery_list .item{
    margin-bottom: 7px;
    width: calc((100% - 15px) / 2);
}
.release_wrapper .gallery_list .item_img{
    margin-bottom: 13px;
}
.release_wrapper .release_accordion{
    padding: 14px 14px 13px;
}
.release_wrapper .release_accordion .common_ttl{
    margin: 0;
    background-position: 0 20px;
}
.release_wrapper .release_accordion .common_ttl a{
    display: block;
    margin: -14px -14px -13px -40px;
    padding: 14px 40px 13px 40px;
    background-image: url(/shared/templates/top/images/arrow_plus.png);
    background-size: 20px auto;
    background-repeat: no-repeat;
    background-position: right 14px center;
    cursor: pointer !important;
}
.release_wrapper .release_accordion .blog_cnt{
    display: none;
}
.release_wrapper .release_accordion.ac_active .common_ttl a{
    background-image: url(/shared/templates/top/images/arrow_minus.png);
}
.release_wrapper .release_tbl,
.release_wrapper .release_tbl tbody,
.release_wrapper .release_tbl tr,
.release_wrapper .release_tbl td{
	display: block;
	width: 100%;
}
.release_wrapper .blog_cnt > p:not(.link_simple),
.release_wrapper .release_tbl{
    margin-top: 15px;
}
.release_wrapper .release_tbl .date{
    padding-top: 0;
    padding-bottom: 1px;
	padding-right: 0;
	width: 100%;
    font-size: 81.2%;
}
.release_wrapper .release_tbl .text{
	padding-top: 0;
    padding-bottom: 15px;
}
.release_wrapper .release_tbl .text p{
    padding-left: 13px;
    background-image: url(/shared/images/icon/arrow_link_bl_sp.png);
    background-size: 9px auto;
}
.release_wrapper .release_tbl .text a:hover{
    text-decoration: none;
}
.release_wrapper .release_tbl .text a + img{
    margin-left: 5px;
}
.release_wrapper .release_blog .link_simple{
    margin-top: 10px;
    padding-top: 10px;
}
.release_wrapper .release_blog .link_simple a{
    margin-right: -3px;
    padding-left: 16px;
    background-position: 0 8px;
}
.release_wrapper #tmp_release_event {
    padding: 15px 14px 6px;
}
.release_wrapper #tmp_release_event .common_ttl {
    margin-bottom: 14px;
}
.release_wrapper #tmp_release_event .link_simple {
    margin-top: 9px;
}
.release_wrapper .release_blog:not(:last-child) {
    margin-bottom: 15px;
}

/* government style
================================================== */
.sec_government{
    margin-bottom: 20px;
    padding: 64px 0 70px;
    background-image: url(/shared/templates/top/images/government_wave_top_sp.png), url(/shared/templates/top/images/government_wave_btm_sp.png), linear-gradient(0deg, #b1effa, #f0f9fc);
    background-size: 100% 90px, 100% 200px, 100% calc(100% - 145px);
    background-position: center top, center bottom, 0 45px;
}
.sec_government:before{
    top: 4px;
    right: auto;
    margin-right: 0;
    left: 5px;
    background-image: url(/shared/templates/top/images/government_pattern_sp.png);
    background-size: 100% auto;
    width: 107px;
    height: 65px;
}
.sec_government .sec_title{
    margin-bottom: 29px;
}
.sec_government .sec_title h2{
    padding-bottom: 22px;
    background-image: url(/shared/templates/top/images/government_title_txt_sp.png);
    background-size: 341px auto;
}
.sec_government .government_cnt{
    flex-direction: column;
    align-items: normal;
}
/* common */
.sec_government .item a{
    box-shadow: 0 3px 9px 1px rgba(0, 51, 103, 0.1);
    border-radius: 7px;
}
.sec_government .item a:before{
    content: none;
}
.sec_government .item a:hover{
    background-color: #047cc1;
    color: #ffffff;
}
/* img large */
.sec_government .government_large{
    margin-right: 0;
    margin-bottom: 20px;
    width: 100%;
}
.sec_government .government_large a{
    flex-direction: row;
}
.sec_government .government_large .item_img{
    width: 160px;
    align-self: center;
}
.sec_government .government_large .item_des{
    padding-top: 8px;
    padding-left: 15px;
    font-size: 106.2%;
    text-align: left;
}
/* img list */
.sec_government .gorverment_list{
    flex-direction: column;
    gap: 0;
}
.sec_government .gorverment_list .item{
    width: 100%;
}
.sec_government .gorverment_list .item_img{
    width: 70px;
}
.sec_government .gorverment_list .item_des{
    padding-top: 10px;
    padding-left: 15px;
    font-size: 106.2%;
}
.sec_government .gorverment_list .item:not(:last-of-type){
    margin-bottom: 10px;
}

/* recommend style
================================================== */
.sec_recommend {
    padding: 24px 0 66px;
}
.sec_recommend .sec_title{
    margin-bottom: 30px;
}
.sec_recommend .sec_title h2{
    padding-bottom: 20px;
    background-image: url(/shared/templates/top/images/recommend_title_txt_sp.png);
    background-size: 196px auto;
}
.sec_recommend .gallery_list{
    margin-bottom: 2px;
    gap: 0 20px;
}
.sec_recommend .gallery_list .item{
    margin-bottom: 11px;
    width: calc(50% - 10px);
}
.sec_recommend .gallery_list .item_img{
    box-shadow: 0 3px 9px 1px rgba(0, 51, 103, 0.1);
}
.sec_recommend .gallery_list .item_des {
    padding-left: 15px;
    background-position: 0 11px;
}

/* accessibility style
================================================== */
/* color */
.color_black #tmp_wrapper .release_wrapper .release_accordion .common_ttl a,
.color_blue #tmp_wrapper .release_wrapper .release_accordion .common_ttl a{
    color: #ffffff !important;
    background-image: url(/shared/templates/top/images/arrow_plus_wh.png) !important;
}
.color_yellow #tmp_wrapper .release_wrapper .release_accordion .common_ttl a{
    color: #0000FF !important;
    background-image: url(/shared/templates/top/images/arrow_plus_bl.png) !important;
}
.color_black #tmp_wrapper .release_wrapper .release_accordion.ac_active .common_ttl a,
.color_blue #tmp_wrapper .release_wrapper .release_accordion.ac_active .common_ttl a{
    background-image: url(/shared/templates/top/images/arrow_minus_wh.png) !important;
}
.color_yellow #tmp_wrapper .release_wrapper .release_accordion.ac_active .common_ttl a{
    background-image: url(/shared/templates/top/images/arrow_minus_bl.png) !important;
}
.color_black #tmp_wrapper .sec_government .item a:hover,
.color_blue #tmp_wrapper .sec_government .item a:hover,
.color_yellow #tmp_wrapper .sec_government .item a:hover{
    text-decoration: none;
}
.color_black #tmp_wrapper .release_wrapper .release_tbl .text a:focus-visible,
.color_blue #tmp_wrapper .release_wrapper .release_tbl .text a:focus-visible,
.color_yellow #tmp_wrapper .release_wrapper .release_tbl .text a:focus-visible{
    outline-offset: -2px;
}
.color_black #tmp_wrapper .release_wrapper .release_accordion .blog_cnt,
.color_blue #tmp_wrapper .release_wrapper .release_accordion .blog_cnt,
.color_yellow #tmp_wrapper .release_wrapper .release_accordion .blog_cnt,
.color_black #tmp_wrapper .release_wrapper .release_accordion .blog_cnt *,
.color_blue #tmp_wrapper .release_wrapper .release_accordion .blog_cnt *,
.color_yellow #tmp_wrapper .release_wrapper .release_accordion .blog_cnt *{
    background-color: transparent !important;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_catch,
.color_blue #tmp_wrapper .sec_mainvisual .mv_catch,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_catch{
    height: 124px;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_catch p,
.color_blue #tmp_wrapper .sec_mainvisual .mv_catch p,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_catch p{
    padding: 10px;
    font-size: 100%;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_charm,
.color_blue #tmp_wrapper .sec_mainvisual .mv_charm,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_charm{
    bottom: -40px;
    width: auto;
    min-width: 96px;
}
.color_black #tmp_wrapper .sec_mainvisual .mv_charm a,
.color_blue #tmp_wrapper .sec_mainvisual .mv_charm a,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_charm a{
    padding: 5px;
}
.color_black #tmp_wrapper .release_wrapper .release_accordion .common_ttl a,
.color_blue #tmp_wrapper .release_wrapper .release_accordion .common_ttl a,
.color_yellow #tmp_wrapper .release_wrapper .release_accordion .common_ttl a{
    margin-left: -14px;
    padding-left: 14px;
}
/* fsize */
.fsize_big #tmp_wrapper .release_wrapper .release_tbl .date,
.fsize_big2 #tmp_wrapper .release_wrapper .release_tbl .date{
    width: 100%;
}
/* no-js */
.no_javascript #tmp_wrapper .sec_mainvisual .splide__track{
    max-height: 203px;
}
.no_javascript #tmp_wrapper .release_wrapper .release_accordion .blog_cnt{
    display: block;
}
.no_javascript #tmp_wrapper .release_wrapper .release_accordion .common_ttl a{
    background-image: url(/shared/templates/top/images/arrow_minus.png);
}
}
@media screen and (max-width : 340px) {
.color_black #tmp_wrapper .sec_mainvisual .mv_catch,
.color_blue #tmp_wrapper .sec_mainvisual .mv_catch,
.color_yellow #tmp_wrapper .sec_mainvisual .mv_catch{
    max-width: 200px;
}
}