@charset "utf-8";

@media screen and (max-width : 640px) {

/* heading style
================================================== */
#tmp_kouhou_heading{
	margin-top: -1px;
    padding-top: 54px;
	padding-bottom: 80px;
	min-height: 210px;
}
#tmp_kouhou_heading:before,
#tmp_kouhou_heading:after {
	height: 210px;
}
#tmp_kouhou_heading:before{
	min-width: 100%;
	background-image: url(/shared/templates/kouhou_top/images/icon/relation_pattern_lft_sp.png),url(/shared/templates/kouhou_top/images/icon/relation_pattern_rgt_sp.png);
	background-size: 148px auto, 114px auto;
	background-position: left top, right bottom;
}
#tmp_kouhou_heading:after {
	background-image: url(/shared/templates/kouhou_top/images/icon/relation_cloud_sp.png);
	background-size: 633px auto;
}
#tmp_kouhou_heading .heading_title{
	max-width: 248px;
	height: 67px;
}

/* gallery style
================================================== */
#tmp_kouhou_gallery{
	margin: -58px 0 54px;
}
.gallery_list{
	display: flex;
	flex-flow: row wrap;
	margin-bottom: 15px;
	gap: 15px 10px;
	width: 100%;
}
.gallery_list:last-of-type{
	margin-bottom: 0;
}
.gallery_list > li:not(.item_large){
	width: calc(50% - 5px);
}
.gallery_list .item_inner{
	box-shadow: 0 2.5px 7px 0.75px rgba(28,28,28,0.1);
}
.gallery_list .item_cnt{
	gap: 6px 21px;
	padding: 4px 8px 12px 9px;
}
.gallery_list .item_date{
	padding-top: 2px;
	font-size: 81.2%;
}
.gallery_list .item_ctg{
	padding: 2px 5px;
	font-size: 81.2%;
}
.gallery_list .item_title{
	margin-top: 1px;
	font-size: 87.5%;
	line-height: 1.4;
}
.gallery_list .item_large .item_cnt{
	padding: 13px 10px;
}
.gallery_list .item_large .item_title{
	margin-top: 4px;
	min-height: 36px;
	font-size: 118.7%;
	line-height: 1.6;
}
#tmp_kouhou_gallery .gallery_list{
	float: none;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 0;
}

/* search purpose style
================================================== */
#tmp_kouhou_search_purpose{
    margin-bottom: 55px;
}
#tmp_kouhou_search_purpose .kouhou_title{
    background-image: url(/shared/templates/kouhou_top/images/icon/search_purpose_title_txt_sp.png);
	background-size: 180px auto;
}

/* search media style
================================================== */
#tmp_kouhou_search_media{
    margin-bottom: 50px;
}
#tmp_kouhou_search_media .kouhou_title{
	margin-bottom: 29px;
    background-image: url(/shared/templates/kouhou_top/images/icon/search_media_title_txt_sp.png);
	background-size: 202px auto;
}
#tmp_kouhou_search_media .search_list{
	flex-direction: column;
    gap: 10px 0;
}
#tmp_kouhou_search_media .search_list .item{
    width: 100%;
}
#tmp_kouhou_search_media .search_list a {
    padding: 12px 10px 13px 6px;
}
#tmp_kouhou_search_media .search_list .item_icon {
	margin-right: 4px;
}

/* information style
================================================== */
#tmp_kouhou_info .kouhou_title{
	margin-bottom: 42px;
	padding-bottom: 26px;
	background-image: url(/shared/templates/kouhou_top/images/icon/info_title_txt_sp.png);
	background-size: 115px auto;
}
#tmp_kouhou_info .info_wrapper{
	margin: 0 -20px;
	padding: 65px 20px 60px;
	background-image: url(/shared/templates/kouhou_top/images/icon/info_pattern_lft_sp.png), url(/shared/templates/kouhou_top/images/icon/info_pattern_rgt_sp.png);
	background-position: 0 14px, right 72px;
	background-size: 234px auto, 128px auto;
}
#tmp_kouhou_info .info_list{
	flex-direction: column;
	gap: 15px 0;
}
#tmp_kouhou_info .info_list .item{
	width: 100%;
}
#tmp_kouhou_info .info_list a{
	box-shadow: 0 2.5px 7px 0.75px rgba(28,28,28,0.1);
	font-size: 112.5%;
}
#tmp_kouhou_info .info_list .item_img{
	width: 50%;
}
#tmp_kouhou_info .info_list .item_img img{
	width: 100%;
	height: 111px;
	object-fit: cover;
}
#tmp_kouhou_info .info_list .item_des{
	padding: 10px 5px;
}

/* information media style
================================================== */
#tmp_kouhou_pr_media{
	margin-bottom: 20px;
	padding-top: 56px;
}
#tmp_kouhou_pr_media .kouhou_title{
	margin-bottom: 38px;
    background-image: url(/shared/templates/kouhou_top/images/icon/ttl_media_en_sp.png);
	background-size: auto 13px;
}
#tmp_kouhou_pr_media .box_recommendation .recommendation_cnt ul{
	gap: 26px 8px;
}
#tmp_kouhou_pr_media .box_recommendation .recommendation_cnt ul li{
    width: calc(50% - 4px);
}
#tmp_kouhou_pr_media .box_recommendation a.box_thumb .thumb_txt{
	background-image: url(/shared/images/icon/icon_arrow30_22.png);
	background-size: 15px auto;
	background-position: 0 5px;
	font-size: 87.5%;
	line-height: 1.4;
	margin-top: 13px;
}
#tmp_kouhou_pr_media .box_recommendation a.box_thumb .thumb_img{
	box-shadow: 0px 3px 7px 1px rgba(28, 28, 28, 0.1);
}

/* setting hover style
================================================== */
#tmp_kouhou_info .info_list a:hover .item_img img,
.gallery_list .active .item_img img{
    transform: scale(1);
}
#tmp_kouhou_info .info_list a:hover .item_des,
.gallery_list .active .item_title a,
.gallery_list a:hover{
    text-decoration: none;
}

/* accessibility style
================================================== */
/* color */
/* fsize */
/* no-js */
.no_javascript .gallery_list{
	width: 100%;
	gap: 15px 10px;
}
.no_javascript .gallery_list > li{
	width: 100%;
}
.no_javascript .gallery_list > li:not(.item_large){
	width: calc(50% - 5px);
}
/* furi */
}