@charset "utf-8";

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

/* ==================================================
mv
================================================== */
#tmp_mainvisual .mainvisual_wrapper.videog{
	height: 300px;
}
#tmp_mainvisual .mainvisual_wrapper.imageg .slick-slider.slick-dotted{
	margin-bottom: 60px;
}
#tmp_mainvisual .mainvisual_movie,
#tmp_mainvisual .mainvisual_slick,
#tmp_mainvisual .mainvisual_slide,
#tmp_mainvisual .mainvisual_slide_image{
	height: 240px;
	overflow: hidden;
}
#tmp_mainvisual .mainvisual_link{
	right: 0;
}
#tmp_mainvisual .mainvisual_link p{
	margin-right: 10px;
	padding: 5px 5px 5px 26px;
	min-width: 90px;
	font-size: 85.7%;
}
#tmp_mainvisual .mainvisual_link a{
	margin: -5px -5px -5px -26px;
	padding: 5px 5px 5px 26px;
	background-image: url(/shared/templates/identity_top/images/icon/arr_btn_sp.png);
	background-position: 8px center;
	-webkit-background-size: 13px auto;
	-moz-background-size: 13px auto;
	background-size: 13px auto;
}
#tmp_mainvisual .mainvisual_slide_image img{
	position: static;
	display: block;
	object-fit: cover;
	-webkit-transform: none;
	-moz-transform: none;
	transform: none;
	-webkit-animation: none;
	-moz-animation: none;
	animation: none;
}
#tmp_mainvisual .mainvisual_movie_control{
	padding: 13px 0;
	top: 240px;
	text-align: center;
}
#tmp_mainvisual .control_cnt{
	display: inline-block;
	padding: 0 9px;
}
#tmp_mainvisual .slick_control{
	float: left;
}
#tmp_mainvisual .movie_control a{
	min-width: 25px;
	padding: 3px 7px 1px;
	height: 33px;
	border: none;
	font-size: 114.2%;
}
#tmp_mainvisual li.play_control a,
#tmp_mainvisual li.mute_control a{
	width: 33px;
}
#tmp_mainvisual a#tmp_play_button,
#tmp_mainvisual a#tmp_pause_button{
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-size: 12px auto;
}
#tmp_mainvisual a#tmp_play_button{
	background-image: url(/shared/templates/identity_top/images/icon/icon_pause_sp.png);
}
#tmp_mainvisual a#tmp_pause_button{
	background-image: url(/shared/templates/identity_top/images/icon/icon_play_sp.png);
}
#tmp_mainvisual a#tmp_mute_button{
	background-image: url(/shared/templates/identity_top/images/icon/icon_unmuted_sp.png);
	-webkit-background-size: 17px auto;
	-moz-background-size: 17px auto;
	background-size: 17px auto;
}
#tmp_mainvisual li.subtitle_guide a{
	padding-left: 34px;
	background-image: url(/shared/templates/identity_top/images/icon/icon_sub_sp.png);
	background-position: 8px center;
	-webkit-background-size: 19px auto;
	-moz-background-size: 19px auto;
	background-size: 19px auto;
}
#tmp_mainvisual .movie_control li:not(:last-child){
	margin-right: 18px;
}
#tmp_mainvisual .switch_btn{
	float: none;
	overflow: hidden;
	padding-left: 15px;
	height: 33px;
}
#tmp_mainvisual .switch_btn a{
	padding: 3px 7px 1px;
	background-position: 4px center;
	border: none;
	height: 33px;
	font-size: 114.2%;
}
#tmp_mainvisual .switch_btn a.switch_image{
	padding-left: 35px;
	background-image: url(/shared/templates/identity_top/images/icon/icon_image_sp.png);
	background-position: 8px center;
	-webkit-background-size: 22px auto;
	-moz-background-size: 22px auto;
	background-size: 22px auto;
}
#tmp_mainvisual .switch_btn a.switch_movie {
	padding-left: 32px;
	background-image: url(/shared/templates/identity_top/images/icon/icon_movie_sp.png);
	background-position: 8px center;
	-webkit-background-size: 18px auto;
	-moz-background-size: 18px auto;
	background-size: 18px auto;
}
#tmp_mainvisual a#tmp_unmute_button{
	-webkit-background-size: 22px auto;
	-moz-background-size: 22px auto;
	background-size: 22px auto;
}
#tmp_mainvisual .slick-dots{
	padding: 0 7px 0 24px;
	margin-bottom: 0;
}
#tmp_mainvisual .btn_slides{
	width: 33px;
	height: 33px;
}
#tmp_mainvisual .btn_slides a{
	border: none;
	-webkit-background-size: 12px auto;
	-moz-background-size: 12px auto;
	background-size: 12px auto;
}
#tmp_mainvisual .btn_slides.start a{
	background-image: url(/shared/templates/identity_top/images/icon/icon_pause_sp.png);
}
#tmp_mainvisual .btn_slides.stop a{
	background-image: url(/shared/templates/identity_top/images/icon/icon_play_sp.png);
}
#tmp_mainvisual .slick-dots li{
	margin-right: 20px;
	width: 10px;
	height: 10px;
}
#tmp_mainvisual .slick-dots li button,
#tmp_mainvisual .slick-dots li a{
	border-width: 1px;
}
#tmp_mainvisual .slick-dots li button:before,
#tmp_mainvisual .slick-dots li a:before{
	display: none;
}
#tmp_mainvisual .movie_background {
	height: 100%;
	top: 0;
	width: 100%;
	left: 0;
}
#tmp_mainvisual .mainvisual_slick .mainvisual_link p{
	margin-right: 20px;
}
.no_javascript #tmp_mainvisual .mainvisual_slick{
	max-height: 220px;
	height: auto;
}
.no_javascript #tmp_mainvisual .mainvisual_slide{
	height: auto;
	overflow: inherit;
}
.fsize_big2 #tmp_wrapper .movie_control li.play_control a,
.fsize_big2 #tmp_wrapper .movie_control li.mute_control a{
	width: 35px;
}
.fsize_big #tmp_wrapper #tmp_mainvisual .movie_control a,
.fsize_big #tmp_wrapper #tmp_mainvisual .switch_btn a,
.fsize_big2 #tmp_wrapper #tmp_mainvisual .movie_control a,
.fsize_big2 #tmp_wrapper #tmp_mainvisual .switch_btn a{
	font-size: 0.8rem;
}
.color_blue #tmp_wrapper .movie_control a#tmp_pause_button,
.color_black #tmp_wrapper .movie_control a#tmp_pause_button,
.color_blue #tmp_wrapper #tmp_mainvisual .btn_slides.stop a,
.color_black #tmp_wrapper #tmp_mainvisual .btn_slides.stop a{
	background-image: url(/shared/templates/identity_top/images/icon/icon_play_sp.png) !important;
}
.color_yellow #tmp_wrapper .movie_control a#tmp_pause_button,
.color_yellow #tmp_wrapper #tmp_mainvisual .btn_slides.stop a{
	background-image: url(/shared/templates/identity_top/images/icon/icon_play_blue.png) !important;
}
.color_blue #tmp_wrapper .movie_control a#tmp_play_button,
.color_black #tmp_wrapper .movie_control a#tmp_play_button,
.color_blue #tmp_wrapper #tmp_mainvisual .btn_slides.start a,
.color_black #tmp_wrapper #tmp_mainvisual .btn_slides.start a{
	background-image: url(/shared/templates/identity_top/images/icon/icon_pause_sp.png) !important;
}
.color_yellow #tmp_wrapper .movie_control a#tmp_play_button,
.color_yellow #tmp_wrapper #tmp_mainvisual .btn_slides.start a{
	background-image: url(/shared/templates/identity_top/images/icon/icon_pause_sp_blue.png) !important;
}
.color_blue #tmp_wrapper #tmp_mainvisual .btn_slides a,
.color_black #tmp_wrapper #tmp_mainvisual .btn_slides a,
.color_yellow #tmp_wrapper #tmp_mainvisual .btn_slides a{
	border: 1px solid;
}
/* ==================================================
content
================================================= */
/* ==================================================
common
================================================== */
.identity_heading h2 {
	font-size: 135.7%;
	padding: 0 18px;
	margin-bottom: 20px;
}
#tmp_news .identity_heading h2:after {
	content: '';
	width: 105px;
	height: 11px;
	right: 20px;
	bottom: -17px;
	background-image: url(/shared/templates/identity_top/images/main/ttl_news_sp.png);
}
.btn_readmore a {
	padding: 10px 30px;
	font-size: 107.1%;
	line-height: 1.4;
	min-width: 100%;
	background-image: url(/shared/templates/identity_top/images/icon/icon_arrow_green_sp.png);
	background-position: 12px center;
	-webkit-background-size: 14px auto;
	-moz-background-size: 14px auto;
	background-size: 14px auto;
}
.btn_readmore a:hover:after,
.btn_readmore a:focus:after {
	border-width: 1px;
}
/* ==================================================
news
================================================== */
#tmp_news {
	padding: 30px 0;
}
#tmp_news .container {
	padding: 0;
}
#tmp_news .news_cnt {
    padding: 13px 20px 0;
}
#tmp_news .news_item .news_date {
	width: 9.5em;
	padding:1px 0 0;
	font-size: 85.7%;
}
#tmp_news .news_item .news_category {
	width: 9.5em;
	font-size: 92.8%;
	padding-right: 0;
}
#tmp_news .news_item .news_category p {
	padding: 2px 4px 1px;
	line-height:1;
}
#tmp_news .news_item .news_link {
	clear:both;
	width:100%;
	padding-top: 5px;
}
#tmp_news .news_list li {
    margin-bottom: 15px;
}
#tmp_news .news_list {
	margin-bottom: 20px;
}
/* ==================================================
pickup
================================================== */
#tmp_pickup {
	min-height:auto;
	padding: 23px 0 35%;
	background-image: url(/shared/templates/identity_top/images/main/bg_pickup_sp.png);
	background-position: center bottom;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#tmp_pickup .slick_control{
	padding-top: 5px;
}
#tmp_pickup .pickup_wrap {
	padding: 0 10px;
}
#tmp_pickup .pickup_inner {
	padding: 24px 12px 18px;
	min-height:auto;
}
#tmp_pickup .pickup_slides .pickup_item {
	float: none;
	width: 100%;
	border-right: 0;
}
#tmp_pickup .pickup_slides .pickup_item:nth-child(n) {
	clear: both;
}
#tmp_pickup .pickup_inner .pickup_caption {
	font-size: 107.1%;
	padding-bottom: 3px;
}
#tmp_pickup .slick-arrow{
	margin-top: 14px;
	width: 32px;
	height: 32px;
}
#tmp_pickup .pickup_slides .slick-arrow.slick-prev{
	background-image: url(/shared/templates/identity_top/images/icon/arr_prev_sp.png);
	left: -10px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#tmp_pickup .pickup_slides .slick-arrow.slick-next{
	background-image: url(/shared/templates/identity_top/images/icon/arr_next_sp.png);
	right: -10px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#tmp_pickup .slick-arrow span{
	width: 32px;
	height: 32px;
}
#tmp_pickup .pickup_slides .slick-arrow.slick-prev:hover {
	background-image: url(/shared/templates/identity_top/images/icon/arr_prev_sp_active.png);
}
#tmp_pickup .pickup_slides .slick-arrow.slick-next:hover {
	background-image: url(/shared/templates/identity_top/images/icon/arr_next_sp_active.png);
}
#tmp_pickup .slick-dots li {
	width: 9px;
	height: 9px;
	margin: 0 10px;
}
#tmp_pickup .slick-dots li a {
	width: 9px;
	height: 9px;
}
/* ==================================================
recommend
================================================== */
#tmp_recommend_about {
	background: #ffffff;
	color: #282828;
	padding: 32px 0;
}
#tmp_recommend_about .container {
	padding: 0;
}
.recommend_wrap .recommend_list {
	margin: 0;
}
.recommend_wrap .recommend_list .recommend_item {
	float: none;
	width: 100%;
	padding: 0;
	margin-bottom: 15px;
}
.recommend_wrap .recommend_list .recommend_item:nth-child(n) {
	clear: both;
}
.recommend_inner .recommend_ttl {
	font-size: 142.8%;
	min-width: 150px;
	border-right-width: 2px;
	border-bottom-width: 2px;
}
.recommend_inner .recommend_icon,
.recommend_inner .recommend_link_ttl {
	height:33px;
}
.recommend_inner .recommend_icon {
	width: 22px;
	padding-top:4px;
}
.recommend_inner .recommend_link_ttl {
	width: auto;
	padding: 0 5px 4px 12px;
}
.recommend_inner .recommend_link a {
	font-size: 92.8%;
	padding-left: 10px;
	background-position: 0 6px;
	background-image: url(/shared/templates/identity_top/images/icon/icon_dots_01_sp.png);
	-webkit-background-size: 4px auto;
	-moz-background-size: 4px auto;
	background-size: 4px auto;
}
.recommend_cate01 .recommend_inner .recommend_link a {
	background-image: url(/shared/templates/identity_top/images/icon/icon_dots_01_sp.png);
}
.recommend_cate02 .recommend_inner .recommend_link a {
	background-image: url(/shared/templates/identity_top/images/icon/icon_dots_02_sp.png);
}
.recommend_cate03 .recommend_inner .recommend_link a {
	background-image: url(/shared/templates/identity_top/images/icon/icon_dots_03_sp.png);
}
.recommend_cate04 .recommend_inner .recommend_link a {
	background-image: url(/shared/templates/identity_top/images/icon/icon_dots_04_sp.png);
}
.recommend_inner .recommend_image .show_sp {
	display: block;
}
.recommend_inner .recommend_image .show_pc {
	display: none;
}
.recommend_inner .recommend_link {
	width: 280px;
    bottom: 10px;
    right: 10px;
	padding: 12px 10px;
}
.recommend_wrap {
    margin-bottom: 23px;
	padding: 0 10px;
}
/* ==================================================
about
================================================== */
.about_wrap .about_cnt_lft {
	float: none;
	width: 100%;
	padding: 0;
}
.about_wrap .about_cnt_image {
	float: none;
	padding: 0 35px;
	margin-bottom: 32px;
}
.about_wrap .identity_heading h2:after {
	width: 182px;
	height: 13px;
	right: 20px;
    bottom: -20px;
	background-image: url(/shared/templates/identity_top/images/main/ttl_about_sp.png);
}
.about_wrap .about_caption {
	font-size: 107.1%;
	margin-bottom: 15px;
}
.about_wrap .about_cnt {
	padding: 30px 20px 0;
}
.about_wrap .about_desc {
	margin-bottom: 15px;
}
.about_wrap .btn_readmore a {
	padding: 10px 5px 10px 30px;
	background-position: 12px center;
}
/* ==================================================
related_links
================================================== */
#tmp_related_links {
	padding: 22px 0 15px;
	background: #d3f7f1;
}
#tmp_related_links .container {
	padding: 0 20px;
}
#tmp_related_links .btn_related_link p {
	display:block;
	width: 100%;
}
#tmp_related_links .btn_related_link p a {
	padding-right:65px;
	line-height: 1.4;
}
#tmp_related_links .btn_related_link .link_txt {
	width: calc(100% - 65px);
	min-height:63px;
	padding:5px 10px 5px 32px;
	background:url(/shared/templates/identity_top/images/icon/icon_arrow_green_sp.png) no-repeat 12px center;
	-webkit-background-size: 14px auto;
	-moz-background-size: 14px auto;
	background-size: 14px auto;
}
#tmp_related_links .btn_related_link .link_txt::after {
	right:-18px;
	width:18px;
	-webkit-background-size:18px 100%;
	-moz-background-size:18px 100%;
	background-size:18px 100%;
}
#tmp_related_links .btn_related_link .link_img {
	width:65px;
}
#tmp_related_links .btn_related_link .link_img img {
	height:auto;
}
#tmp_related_links .related_ttl h2 {
	font-size: 114.3%;
	margin-bottom: 10px;
}
#tmp_related_links .related_list_links {
	font-size: 92.8%;
}
#tmp_related_links .related_list_links p {
	width: 50%;
}
#tmp_related_links .related_list_links p:nth-child(2n) {
	clear: right;
}
#tmp_related_links .related_list_links p:nth-child(2n+1) {
	clear: left;
}
#tmp_related_links .related_list_links p a {
	padding: 5px 10px 2px 25px;
	height: 55px;
}
#tmp_related_links .btn_related_link a:after {
	width: 68px;
}
#tmp_related_links .btn_related_link {
	margin-bottom: 30px;
}
#tmp_related_links .related_list_links .slick-arrow {
	margin-top: 10px;
	width: 32px;
	height: 32px;
}
#tmp_related_links .related_list_links .slick-arrow.slick-prev{
	background-image: url(/shared/templates/identity_top/images/icon/arr_prev_sp.png);
	left: -22px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#tmp_related_links .related_list_links .slick-arrow.slick-next{
	background-image: url(/shared/templates/identity_top/images/icon/arr_next_sp.png);
	right: -22px;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
}
#tmp_related_links .related_list_links .slick-arrow span {
	width: 32px;
	height: 32px;
}
#tmp_related_links .related_cnt {
    padding: 0 12px;
}
#tmp_related_links .related_list_links .slick-arrow.slick-prev:hover {
	background-image: url(/shared/templates/identity_top/images/icon/arr_prev_sp_active.png);
}
#tmp_related_links .related_list_links .slick-arrow.slick-next:hover {
	background-image: url(/shared/templates/identity_top/images/icon/arr_next_sp_active.png);
}
/* ==================================================
clearfix
================================================== */

/* ==================================================
no javascript
================================================== */
.no_javascript #tmp_pickup .pickup_slides {
	max-height: 290px;
	overflow-y: auto;
}
.no_javascript .mainvisual_slick,
.no_javascript #tmp_mainvisual_slider {
	max-height: 280px;
}
/* ==================================================
color
================================================== */

/* ==================================================
fsize
================================================== */

/* ==================================================
clearfix
================================================== */
#tmp_sma_lnavi_cnt .switch_menu .noicon_list:after {
	content: ""; /* 変更しない */
	display: table; /* 変更しない */
	clear: both; /* 変更しない */
}
}