@charset "utf-8";
@media screen and (min-width : 481px) and (max-width : 768px) {
.pc {
    display: none;
}
.sp {
    display: none;
}
.tb {
    display: block;
}
/* desc
================================================== */
#tmp_blog .desc,
#tmp_information .desc,
#tmp_top_model .desc {
    width: 100%;
    margin:0 auto 20px;
	text-align:left;
}
/* ==================================================
main visual
================================================== */
#tmp_main_visual {
    height: auto;
}
#tmp_main_visual .desc {
    bottom: 18%;
    left: 0;
}
.no_print #tmp_main_visual .desc {
    bottom: 23%;
}
#tmp_main_visual .slick_slide {
	width:640px;
	width:auto;
}
#tmp_main_visual .item img {
	width:100%;
	height:auto;
}
#tmp_main_visual .slick_control {
    bottom: 4%;
    right: auto;
    left: 50%;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}
.no_print #tmp_main_visual .slick_control {
    bottom: 13%;
}
#tmp_main_visual .slick-arrow {
    margin-top: -30px;
}
#tmp_main_visual .slick-next {
    display: none !important;
    height: 25px;
    width: 25px;
    bottom: 4%;
    right: auto;
    top: auto;
    left: 53%;
	margin-left: 0;
    background-size: auto 100%;
    background-position: 70% center;
}
#tmp_main_visual .slick-prev {
    display: none !important;
    height: 25px;
    width: 25px;
    bottom: 4%;
    right: auto;
    top: auto;
    left: 45%;
	margin-right: 0;
    background-size: auto 100%;
    background-position: 30% center;
}
#tmp_main_visual .ttl {
    font-size: 162.5%;
    padding-left: 0px;
}
#tmp_main_visual .ttl a {
    background: url(/shared/templates/top2021/images/icon/icn_mv_link.png) 36px 6px no-repeat;
    background-size: 22px;
    padding: 5px 0 5px 63px;
}
#tmp_main_visual .cnt {
    font-size: 87.5%;
	line-height:1.4;
    padding: 7px 0 0 66px;
}

.no_javascript #tmp_main_visual {
	height: 350px;
}
#tmp_main_visual .slick_slides {
	height: 350px;
	height: auto;
    max-height: 0;
    padding: 0 0 42%;
}
#tmp_main_visual .slick_slides.slick-initialized {
	height: auto;
    max-height: inherit;
    max-height: initial;
    padding: 0;
}
.no_javascript #tmp_main_visual .slick_slides.slick-initialized {
	height: auto;
}
/* ==================================================
feature
================================================== */
#tmp_feature {
    margin:0 auto 40px;
}
#tmp_feature_campaign {
	margin:0 -10px;
}
#tmp_feature_campaign .wrap_box_campaign {
	padding:0 10px;
}
#tmp_feature .ttl {
    line-height: 1.625;
    padding: 15px 17px 15px 19px;
}
#tmp_feature_campaign .box_campaign_cnt {
	height:150px;
}
#tmp_feature_campaign .box_campaign_cnt span {
	height:150px;
}
#tmp_feature_news .banner_app .banner_app_cnt,
#tmp_feature_news .banner_app .banner_app_ttl {
	float: none;
}
#tmp_feature_news .banner_app .banner_app_ttl {
	font-size:112.5%;
}
#tmp_feature_news .banner_app .banner_app_ttl p {
	padding-top:10px;
}
#tmp_feature_news .banner_app .banner_app_cnt {
	width: 100%;
	max-width: 220px;
}
/* バナー 20211223
================================================== */
#tmp_feature .feature_news_banner p:nth-of-type(odd),
#tmp_feature .feature_news_banner p:nth-of-type(even) {
	width: 100%;
	margin: 0 0 20px;
}

/* ==================================================
blog
================================================== */
#tmp_blog {
    padding:30px 0 25px;
}
#tmp_blog_ttl {
    line-height: 1.625;
}
#tmp_blog .ttl_link {
    margin-top:15px;
}
#tmp_blog_list .box_blog_img {
    margin-bottom: 11px;
}
#tmp_blog_list .box_blog_img {
	height:150px;
}
#tmp_blog_list .box_blog_img span {
	height:150px;
}
#tmp_blog_list .box_blog_img img {
}
/* ==================================================
event
================================================== */
#tmp_event_ttl {
	margin-bottom:32px;
}
#tmp_event_ttl h2 {
    padding: 4px 0px 4px 72px;
    position: relative;
    left: 5px;
}
#tmp_event_cnt .col_left {
    float: none;
	margin:0 auto;
    width: 100%;
}
#tmp_event_cnt .col_right {
    width: 100%;
    float: none;
	margin:0 0 20px;
}
#tmp_event_list {
	margin-left:-20px;
}
#tmp_event_list .box_event {
	margin-bottom:10px;
}
#tmp_event_list .box_event_img img {
    max-width: inherit;
    max-width: initial;
	max-width:none;
}
#tmp_lnavi_event_cal_ttl .cal_date {
    font-family: "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    padding-top: 5px;
    line-height: 1.3;
}
#tmp_lnavi_event_cal_ttl .next a,
#tmp_lnavi_event_cal_ttl .prev a {
    text-decoration: underline;
}
#tmp_lnavi_event_cal_ttl .prev a {
    background-position: 1px 11px;
}
#tmp_lnavi_event_cal_cnt table td {
    padding: 8px 5px 9px
}
#tmp_event .ttl_link a {
	width:auto;
	display:block;
}
/* ==================================================
map
================================================== */
#tmp_areamap {
    padding-top: 49px;
}
#tmp_areamap .areamap_img {
	margin:0 -20px 10px;
}
#tmp_areamap_cnt {
	margin:0 -20px;
}
#tmp_areamap_cnt .box_areamap {
	width: 50%;
	float: left;
	border-left: 1px solid #dadada;
}
#tmp_areamap_cnt .box_areamap:nth-child(odd) {
	border-left:none;
	clear:both;
}
#tmp_areamap_cnt .box_areamap_ttl h3 {
	font-size:200%;
}
#tmp_areamap_cnt .box_areamap_ttl h3::before {
}
/* ==================================================
tour
================================================== */
#tmp_tour {
    padding-bottom: 19px;
}
#tmp_tour_list {
	width:100%;
}
#tmp_tour_list_inner {
	width:100%;
}
#tmp_tour_cnt .box_tour_img {
	height:150px;
}
#tmp_tour_cnt .box_tour_img span {
	height:150px;
}
#tmp_tour_cnt .box_tour_img img {
}
/* ==================================================
information
================================================== */
#tmp_information {
    padding-bottom: 39px;
    padding-top: 49px;
}
#tmp_information .col_left {
    width: 100%;
	float:none;
	margin:0 0 20px;
}
#tmp_information .col_right {
	float:none;
	margin:0 auto;
}
#tmp_information .item .ttl {
    padding: 0 12px 21px 16px;
}
#tmp_information .item .thumb {
    margin: 0 0 15px;
}
#tmp_information .logo_ttl {
    padding-left: 0
}
#tmp_information .items {
    margin-left: -8px;
    margin-right: -8px;
    margin-bottom: 13px;
}
#tmp_information .item_wrap {
    padding-left: 8px;
    padding-right: 8px;
}
#tmp_information .readmore {
    padding-left: 0;
    padding-right: 22px;
}
/* ==================================================
banner
================================================== */
#tmp_bnr {
    padding: 40px 0 40px 0;
}
#tmp_bnr .container {
    width: 100%
}
#tmp_bnr .slick-btn {
    padding-left: 8px;
    padding-right: 0px;
}
/* ==================================================
top_info
================================================== */
#tmp_wrap_top_info {
    margin-bottom: 0;
}
#tmp_top_info .top_info_ttl h2 {
	font-size: 100%;
}
.used_javascript #tmp_top_info .top_info_cnt {
	padding:0;
}
#tmp_top_info .top_info_cnt ul li::after {
    top: 26px;
    right: 20px;
}
#tmp_top_info .readmore {
    padding-right: 0
}
/* ==================================================
ai モデルコース
================================================== */
#tmp_top_model {
    padding-top: 20px;
    padding-bottom: 15px;
}
#tmp_top_model_ttl .link {
	position:static;
	float:right;
	display:inline-block;
}
#tmp_top_model_cnt {
	margin: 0;
}
#tmp_top_model_cnt .wrap_box_model {
    width: 100%;
    float: none;
    padding: 0;
}
#tmp_top_model_cnt .box_model .box_model_ttl {
	padding:15px;
}
#tmp_top_model_cnt .box_model .box_model_img {
    width: 160px;
}

#tmp_blog_list .wrap_box_blog {
	float: none;
	display: inline-block;
	vertical-align: top;
}
/* ==================================================
media
================================================== */
@media screen and (max-width : 700px) {
	#tmp_areamap .areamap_img {
		height:150px;
	}
	#tmp_areamap_cnt .box_areamap_ttl h3 {
		font-size:162.5%;
	}
	#tmp_areamap_cnt .box_areamap_ttl .map_img img {
		max-width:none;
		width:auto;
	}
	#tmp_blog_list .wrap_box_blog {
		width:50%;
	}
	#tmp_feature_news,
	#tmp_feature_campaign {
		float:none;
		width:auto;
		padding:0;
	}
	#tmp_feature_news {
		margin: 20px 0;
	}
}
@media screen and (max-width : 520px) {
	#tmp_areamap .areamap_img {
		height:130px;
	}
}

}