@charset "utf-8";

/* ==================================================
共通スタイル
================================================== */
/* list_more
================================================== */
.list_more {
	position: relative;
	display: inline-block;
    z-index: 1;
	text-align: center;
}
.list_more a {
    justify-content: center;
	padding: 10px 25px 9px;
	display: flex;
	align-items: center;
    min-height: 46px;
	border: 1px solid #90c055;
	font-weight: bold;
	text-decoration: none;
	color: #1d6c6d;
	background-color: #ffffff;
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
}
.list_more .link_txt {
    text-align: left;
}
.list_more .link_txt .txt_big {
    font-size: 137.5%;
}
.list_more a::before {
	content: '';
	position: absolute;
	top: 0;
	right: -1px;
	bottom: 0;
	left: 0;
	z-index: -1;
	background: #1d6c6d;
	transform-origin: right top;
	transform: scale(0, 1);
	transition: transform .3s;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	-webkit-transition: transform .3s;
	-moz-transition: transform .3s;
	-ms-transition: transform .3s;
	-o-transition: transform .3s;
}
.list_more a:hover:before,
.list_more a:focus:before {
	transform-origin: left top;
	transform: scale(1, 1);
}
.list_more:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: -3px;
	left: 3px;
	background: linear-gradient(to left,#91c056, #1d6c6d);
	z-index: -1;
}
.list_more a:hover,
.list_more a:focus {
	color: #ffffff;
	border-color: #1d6c6d;
	transform: translate(3px,3px);
	-webkit-transform: translate(3px,3px);
	-moz-transform: translate(3px,3px);
	-ms-transform: translate(3px,3px);
	-o-transform: translate(3px,3px);
}
.list_more .link_icon {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    position: relative;
}
#tmp_list_more_webopac .link_icon {
    width: 50px;
    height: 50px;
}
.list_more .link_icon span {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    transition: all 0.3s ease-in-out;
}
.list_more .link_icon span:nth-child(2) {
    opacity: 0;
}
.list_more a:hover .link_icon span:nth-child(1),
.list_more a:focus .link_icon span:nth-child(1) {
    opacity: 0;
}
.list_more a:hover .link_icon span:nth-child(2),
.list_more a:focus .link_icon span:nth-child(2) {
    opacity: 1;
}

/* item
================================================== */
.item_pc {
    display: block;
}
.item_sp {
    display: none;
}

/* bg-green
================================================== */
#tmp_wrap_top_main_visual,
#tmp_wrap_greeting {
	position: relative;
	color: #181a19;
	background-color: #edf8df;
}
#tmp_wrap_top_main_visual::after,
#tmp_wrap_greeting::after {
	content: '';
	width: 100%;
	height: 188px;
	position: absolute;
	right: 0;
	bottom: -2px;
	z-index: 1;
	background: url(/shared/templates/top_rn/images/main/main_visual_afer.png) no-repeat center center;
}

/* heading_ttl
================================================== */
.heading_ttl h2 {
    margin: 0 0 26px;
    background: url("/shared/templates/top_rn/images/icon/h2_icon.png") no-repeat left 0.3em;
    padding: 2px 0 0 44px;
    min-height: 30px;
    font-size: 200%;
    line-height: 1.5;
}

/* ==================================================
visual
================================================== */
#tmp_wrap_top_main_visual {
	margin: 0 0 60px;
    padding: 30px 0 0;
}
#tmp_top_main_visual {
    display: flex;
}
#tmp_visual_slider {
    width: 71.666666%;
    position: relative;
}
#tmp_top_main_visual .wrap_search {
    width: 28.333334%;
    padding: 0 0 5px 40px;
    position: relative;
    z-index: 5;
    display: flex;
    flex-flow: column;
}
#tmp_visual_slider .splide__controls {
    position: absolute;
    left: 0;
    bottom: 8px;
    z-index: 5;
}
#tmp_visual_slider .splide__track {
    min-height: 460px;
}
#tmp_visual_slider .splide__slide {
    width: 100%;
}

/* shinshu_search
================================================== */
#tmp_shinshu_search.wrap_shinshu_search {
    position: static;
    width: 100%;
    margin: 0 0 12px;
}
#tmp_shinshu_search.wrap_shinshu_search .shinshu_search_cnt {
    padding: 6px 16px;
    background-color: #ffffff;
}
#tmp_shinshu_search.wrap_shinshu_search .wrap_sch_box {
    width: auto;
}
#tmp_shinshu_search.wrap_shinshu_search .wrap_sch_box .sch_box {
    width: 140px;
}
#tmp_shinshu_search.wrap_shinshu_search .wrap_sch_box::after {
    display: none;
}
#tmp_shinshu_search.wrap_shinshu_search .wrap_sch_box .sch_ttl label .txt_big {
    display: block;
}
#tmp_shinshu_search.wrap_shinshu_search .wrap_sch_box_btn {
    position: relative;
    display: flex;
    width: 100%;
    margin: 0 0 5px;
    justify-content: space-between;
}
#tmp_shinshu_search.wrap_shinshu_search .wrap_sch_box_btn::after {
	content: '';
	width: 100%;
	height: 3px;
	position: absolute;
	bottom: -1px;
	left: 0;
	background: linear-gradient(to left,#1d6c6d, #91c056);
}
#tmp_shinshu_search.wrap_shinshu_search .wrap_sch_box_btn .sch_box {
    flex: 1;
    width: 100%;
}
#tmp_shinshu_search.wrap_shinshu_search #tmp_shinshu_query {
     width: 100%;
     border: none;
     height: 100%;
}
#tmp_shinshu_search.wrap_shinshu_search #tmp_shinshu_sch_btn {
    width: 100%;
    letter-spacing: 10px;
    text-indent: 10px;
}
/* list_more */
#tmp_top_main_visual .list_more {
    display: block;
}
#tmp_top_main_visual .list_more a {
    padding: 10px 6px 9px 10px;
}
/* situation */
#tmp_situation {
    margin: auto -20px -20px -330px;
}
#tmp_situation .situation_bg {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 14px 20px;
    border-radius: 40px 0 0 40px;
    background: url("/shared/templates/top_rn/images/main/dot_bg.png") repeat left top;
    position: relative;
}
#tmp_situation .situation_bg::after {
	content:"";
	position:absolute;
    left: 100%;
	top:0;
	bottom:0;
	background: url("/shared/templates/top_rn/images/main/dot_bg.png") repeat left top;
	z-index:-1;
	width:100vw;
    margin-right: calc(50% - 50vw);
}
#tmp_situation_date {
    font-size: 187.5%;
    font-weight: bold;
    margin-right: 30px;
}
#tmp_situation_cal .list_more a {
    min-width: 180px;
}
#tmp_situation_cal .list_more .link_icon img {
    width: 18px;
    height: auto;
}

/* ==================================================
tnavi
================================================== */
#tmp_tnavi {
    padding-bottom: 80px;
}

/* ==================================================
greeting
================================================== */
#tmp_wrap_greeting {
    padding: 80px 0 180px;
}
#tmp_greeting .greeting_box {
    display: flex;
	justify-content:space-between;
    position: relative;
}
#tmp_greeting .greeting_boxL {
    width: 46.25%;
    padding: 0 25px 3em 0;
}
#tmp_greeting h3 {
    margin: 0 0 40px;
    font-size: 125%;
}
#tmp_greeting .greeting_boxR {
    width: 53.75%;
}
#tmp_greeting p:not(.list_more) {
    line-height: 1.75;
    margin: 0 0 30px;
}
#tmp_greeting .list_more {
    position: absolute;
    left: 0;
    bottom: 0;
}

/* ==================================================
contents
================================================== */
#tmp_oshirase {
    padding: 0 0 57px;
}
/* oshirase_box */
#tmp_oshirase .wrap_oshirase_box {
    padding: 0 0 40px;
    border-bottom: 1px solid #cccccc;
    display: flex;
    flex-wrap:wrap;
    margin: 0 0 40px;
}
#tmp_oshirase .oshirase_box {
    width: 100%;
}
#tmp_oshirase .oshirase_box:nth-child(1),
#tmp_oshirase .oshirase_box:nth-child(2) {
    width: 50%;
}
#tmp_oshirase .oshirase_box:nth-child(1) {
    padding-right: 40px;
}
#tmp_oshirase .oshirase_box:nth-child(2) {
    border-left: 1px solid #cccccc;
    padding-left: 39px;
}
#tmp_oshirase .oshirase_box:nth-child(3) {
    border-top: 1px solid #cccccc;
    padding-top: 39px;
    margin-top: 40px;
}

/* oshirase_list_label */
#tmp_oshirase .oshirase_list_label {
    line-height: 1;
    font-size: 93.75%;
}
#tmp_oshirase .oshirase_list_label span {
    display: inline-block;
    border: 1px solid #90c055;
    border-left-width: 5px;
    background-color: #edf8df;
    color: #181a19;
    padding: 5px 8px;
    text-align: center;
    min-width: 129px;
}
#tmp_oshirase .oshirase_box:nth-child(1) .oshirase_list_label,
#tmp_oshirase .oshirase_box:nth-child(2) .oshirase_list_label{
    margin-bottom: 24px;
}
#tmp_oshirase .oshirase_box:nth-child(1) .oshirase_list_ttl,
#tmp_oshirase .oshirase_box:nth-child(2) .oshirase_list_ttl {
    font-size: 150%;
    margin: 0 0 40px;
}
#tmp_oshirase .oshirase_box:nth-child(1) .oshirase_list_ttl span.oshirase_list_data_label,
#tmp_oshirase .oshirase_box:nth-child(2) .oshirase_list_ttl span.oshirase_list_data_label {
    font-size: 66.67%;
    display: block;
}
#tmp_oshirase .oshirase_box .oshirase_list_ttl a {
    text-decoration: none;
    display: inline-block;
    color: #181a19;
    background: url("/shared/images/icon/icon_arrow_right_green.png") no-repeat left 0.4em;
    padding-left: 15px;
    background-size: 10px auto;
    color: #1d6c6d;
}
#tmp_oshirase .oshirase_box:nth-child(1) .oshirase_list_ttl a,
#tmp_oshirase .oshirase_box:nth-child(2) .oshirase_list_ttl a {
    padding-left: 20px;
    background-size: 13px auto;
}
#tmp_oshirase .list_main {
    display: flex;
	justify-content:space-between;
}
#tmp_oshirase .list_main .list_main_img {
    width: 230px;
}
#tmp_oshirase .list_main .list_main_img p {
   border: 1px solid #cccccc;
   padding: 9px;
}
#tmp_oshirase .oshirase_box:not(:nth-child(1)):not(:nth-child(2)) .list_main_img {
    display: none;
}
#tmp_oshirase .oshirase_box:nth-child(1) .list_main .list_main_text,
#tmp_oshirase .oshirase_box:nth-child(2) .list_main .list_main_text {
    width: calc(100% - 250px);
}
#tmp_oshirase .oshirase_box:not(:nth-child(1)):not(:nth-child(2)) .list_main .list_main_text {
    display: table;
    width: 100%;
    margin: 0 0 13px;
}
#tmp_oshirase .oshirase_box:not(:nth-child(1)):not(:nth-child(2)) .list_main .list_main_text p {
    display: table-cell;
    vertical-align: top;
    text-align: left;
}
#tmp_oshirase .oshirase_box:not(:nth-child(1)):not(:nth-child(2)) .list_main .list_main_text .oshirase_list_label {
    width: 10em;
}
#tmp_oshirase .oshirase_box .oshirase_list_ttl a:hover,
#tmp_oshirase .oshirase_box .oshirase_list_ttl a:focus {
    text-decoration: underline;
}

/* ==================================================
news
================================================== */
#tmp_wrap_news_slider {
    background: url("/shared/templates/top_rn/images/main/dot_bg.png") repeat left top;
    padding: 60px 0 42px;
}
/* block_news */
.block_news {
    border: 1px solid #268f8f;
    padding: 35px 29px;
    background-color: #edf8df;
    color: #181a19;
    margin: 0 0 5px;
    position: relative;
}
.block_news .block_news_cnt {
    display: flex;
    justify-content:space-between;
}
.block_news h3 {
    font-size: 125%;
    margin: 0 0 14px;
}
.block_news .block_news_main {
    width: 50.64%;
    padding: 0 40px 3em 0;
}
.block_news .block_news_img {
    width: 49.36%;
}
.block_news .block_news_main p:not(.list_more) {
    line-height: 1.75;
    margin: 0 0 30px;
}
.block_news .list_more {
    position: absolute;
    left: 29px;
    bottom: 35px;
}

/* splide */
#tmp_news_slider {
    display: flex;
    flex-flow: column-reverse;
}
#tmp_news_slider.splide_common .splide {
    display: flex;
    flex-flow: column;
}
#tmp_news_slider.splide_common .splide .splide__controls {
    order: 2;
}
#tmp_news_slider .splide__controls {
    padding-top: 30px;
}

/* ==================================================
no_javascript
================================================== */
.no_javascript #tmp_visual_slider .splide,
.no_javascript #tmp_news_slider .splide {
    visibility: inherit;
}
.no_javascript #tmp_visual_slider .splide__list,
.no_javascript #tmp_news_slider .splide__list {
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
}
.no_javascript #tmp_visual_slider .splide__list {
    height: 480px;
}
.no_javascript #tmp_news_slider .splide__list {
    height: 600px;
}
.no_javascript #tmp_news_slider .splide__track {
	max-width: 1200px;
	margin: 0 auto;
}
.no_javascript #tmp_news_slider .splide__slide {
    margin-bottom: 10px;
}

/* ==================================================
img
================================================== */
.block_news .block_news_img img,
#tmp_oshirase .oshirase_box img {
    max-width: 100%;
    height: auto;
}

/* ==================================================
clearfix
================================================== */
#tmp_top_main_visual:after {
	content: "";	/* Do not edit */
	display: table;	/* Do not edit */
	clear: both;	/* Do not edit */
}

/* ==================================================
print
================================================== */
@media print {
}

