@charset "utf-8";
@media screen and (max-width : 800px) {
/* contents
================================================== */
#tmp_contents{
    margin-bottom: 95px;
}
#tmp_contents h2{
    font-size: 125%;
    margin-bottom: 1.8em;
    text-shadow: rgb(255, 255, 255) 1px 0px 0px, rgb(255, 255, 255) 0.540302px 0.841471px 0px, rgb(255, 255, 255) -0.416147px 0.909297px 0px, rgb(255, 255, 255) -0.989992px 0.14112px 0px, rgb(255, 255, 255) -0.653644px -0.756802px 0px, rgb(255, 255, 255) 0.283662px -0.958924px 0px, rgb(255, 255, 255) 0.96017px -0.279415px 0px;
	background-size: 280px auto;
}
#tmp_contents h3{
	font-size: 131.2%;
	line-height: 1.5;
	margin-bottom: 1em;
    padding: 2px 5px 14px 22px;
	background-image: url(/shared/templates/kodomohiroba_top/images/bg_h3_sp.png);
	background-size: 11px auto;
	background-position: 0 7px; 
}
#tmp_contents h4{
	font-size: 125%;
	line-height: 1.6;
	margin-bottom: 0.6em;
    padding-bottom: 11px;
	padding-right: 10px;
}
#tmp_contents h5{
	font-size: 112.5%;
	line-height: 1.7;
	padding: 0 11px;
	background-image: url(/shared/templates/kodomohiroba_top/images/bg_h5_sp.png);
	background-size: 4px auto;
	background-position: 0 4px; 
	margin-bottom: 0.2em;
}
#tmp_contents h6{
	font-size: 100%;
	line-height: 1.7;    
	margin-bottom: 0.1em;
}
#tmp_contents ul {
	margin-left: 19px;
	margin-bottom: 28px;
}
#tmp_contents ol {
	margin-left: 45px;
	margin-bottom: 33px;
}
#tmp_contents ul li,
#tmp_contents ol li {
	line-height: 1.8;
}
#tmp_contents ul li {
	padding-left: 2px;
	margin-bottom: 15px;
}
#tmp_contents ol li {
	padding-left: 2px;
	margin-bottom: 12px;
}
/* box_card */
#tmp_contents .box_card {
	margin-bottom: 15px;
}
#tmp_contents .box_card .box_card_cnt {
	padding: 10px 14px;
}
/* mainvisual style
================================================== */
.sec_mainvisual{
	margin-bottom: 20px;
}
.sec_mainvisual .mv_img img{
	object-position: center center;
	min-height: 500px;
}
.sec_mainvisual .mv_content{
	height: auto;
	top: 110px;
	bottom: 0;
}
.sec_mainvisual .mv_content .container{
	height: calc(100% - 133px);
}
.sec_mainvisual .mv_link_list{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.sec_mainvisual .mv_link_list > li{
	position: relative;
	display: inline-flex;
	top: auto !important;
	left: auto !important;
	right: auto !important;
	bottom: auto !important;
}
.sec_mainvisual .mv_link_list > .mv_link_1 {
    top: 12.6%;
    right: 17px;
	margin-right: 7px;
	margin-bottom: 34px;
	margin-left: auto;
}
.sec_mainvisual .mv_link_list > .mv_link_2 {
	top: 29.2%;
    left: 19px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-top: 156px;
}
.sec_mainvisual .mv_link_list > .mv_link_1 + .mv_link_2 {
	margin-top: 0;
}
.sec_mainvisual .mv_link_list > .mv_link_3 {
    bottom: 15.1%;
    right: 37px;
	margin-top: auto;
	margin-right: 27px;
	margin-left: auto;
}
.sec_mainvisual .mv_link_list > li:before{
	right: -3px;
    top: -18px;
    height: 52px;
	background-position: left 18px, right top;
	background-size: 73px auto, 32px auto;
}
.sec_mainvisual .mv_link_list > li:after{
	left: -10px;
    bottom: -6px;
	width: 39px;
	height: 61px;
}
.sec_mainvisual .mv_link_list > li > a{
	width: 187px;
	min-height: 122px;
	background-size: 15px auto;
	background-position: bottom 10px center;
	border-radius: 20px;
	padding: 21px 15px 21px 15px;
}
.sec_mainvisual .mv_link_list > li > a:before,
.sec_mainvisual .mv_link_list > li > a:after{
	border-radius: 20px;
}
.sec_mainvisual .mv_link_list > li > a:after{
	top: 7px;
    left: 7px;
	background: repeating-linear-gradient(46deg, #FFFFFF, #FFFFFF 3.8px, #e35d5d 3.8px, #e35d5d 7.6px);
    background-position: 5px 2px;
}
.sec_mainvisual .mv_link img{
	max-width: 184px;
}
.sec_mainvisual .mv_link a:after{
	left: 7px;
    bottom: -8px;
	background-image: url(/shared/templates/kodomohiroba_top/images/mv_link_shadow_sp.png);
	background-size: 100% auto;
}
.sec_mainvisual .mv_link_list > li span.link_wrap {
    max-height: 120px;
}
.sec_mainvisual .mv_link_list > li span.link_ttl{
    font-size: 100%;
}
.sec_mainvisual .mv_link_list > li span.link_sub_ttl{
    font-size: 87.5%;
}

.sec_mainvisual .mv_link{
	left: 13px;
    bottom: 27px;
}
/* news style
================================================== */
#tmp_contents .news_tbl .date{
	width: 140px;
}
.link_simple{
	padding-left: 0;
}
/* reset hover
================================================== */
.sec_mainvisual .mv_link_list > li:has(a:hover),
.sec_mainvisual .mv_link_list > li > a:hover:after,
.sec_mainvisual .mv_link a:hover,
.sec_mainvisual .mv_link a:hover:after{
    transform: none;
}
.sec_mainvisual .mv_link_list > li > a:hover{
	background-position: bottom 10px center;
}
/* ==================================================
accessibility style change:color
================================================== */
.color_black #tmp_wrapper .sec_mainvisual .mv_content .container, 
.color_blue #tmp_wrapper .sec_mainvisual .mv_content .container, 
.color_yellow #tmp_wrapper .sec_mainvisual .mv_content .container,
.color_black #tmp_wrapper .sec_mainvisual .mv_content .mv_link_list, 
.color_blue #tmp_wrapper .sec_mainvisual .mv_content .mv_link_list, 
.color_yellow #tmp_wrapper .sec_mainvisual .mv_content .mv_link_list {
	background-color: transparent !important;
}
/* ==================================================
accessibility style change:fsize
================================================== */
.fsize_big #tmp_contents .sec_news .news_tbl .date {
    width: 155px;
}
.fsize_big2 #tmp_contents .sec_news .news_tbl .date {
    width: 220px;
}
.fsize_big2 .sec_mainvisual .mv_link_list > li > a{
	padding-bottom: 30px;
}
}