@charset "utf-8";

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

/* pattern common
================================================== */
.sec_ttl{
	padding: 6px 0;
	min-height: 38px;
	font-size: 137.5%;
	line-height: 1.2;
}
/* btn */
.btn_default a{
	padding: 10px 21px 8px;
	min-width: 146px;
	-webkit-box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
	border-radius: 3px;
	font-size: 87.5%;
}
.btn_default a:after{
	right: 10px;
	width: 7px;
	height: 13px;
}
.btn_default a:hover,
.btn_default a:focus{
    border-color: #ffffff;
}

/* mainvisual
================================================== */
.sec_mv{
	padding-top: 0;
	height: 559px;
	min-height: auto;
}
.sec_mv .mv_movie_ttl{
	left: 0;
	right: 0;
	padding: 10px;
	-webkit-transform: translate(0, calc(-50% - 21px));
	-ms-transform: translate(0, calc(-50% - 21px));
	transform: translate(0, calc(-50% - 21px));
}
.sec_mv .mv_movie_ttl{
	font-size: 178.1%;
}
.sec_mv .mv_movie_control{
	max-width: 100%;
	padding: 0 16px 17px 16px;
}
.sec_mv .control_play a{
	width: 54px;
	height: 44px;
}
.sec_mv .control_mute{
	margin-right: auto;
}
.sec_mv .control_mute a{
	width: 38px;
	height: 44px;
}
/* feature
================================================== */
.sec_feature{
	padding: 0 0 48px;
	background-image: url(/shared/templates/foreign_top/images/icon/fearture_pattern_bgr_sp.jpg);
    background-size: 100% auto;
}
.sec_feature .feature_wrapper{
	padding: 16px 10px 0;
}
.sec_feature .feature_wrapper:before{
	left: -10px;
	width: 184px;
	height: 162px;
}
.sec_feature .feature_ttl{
	margin-bottom: 12px;
	padding: 11px 0 8px 59px;
    background-size: 45px auto;
	min-height: 45px;
	font-size: 150%;
}
.sec_feature .feature_list{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 0;
}
.sec_feature .feature_item{
	margin-bottom: 19px;
	padding: 0;
	width: 100%;
}
.sec_feature .feature_item_des{
	padding: 13px 26px 13px 21px;
	background-size: 36px auto;
	font-size: 137.5%;
	line-height: 1.3;
}
.sec_feature .feature_item a:hover .feature_item_img img{
	opacity: 1;
}
.sec_feature .feature_item a:hover .feature_item_des,
.sec_feature .feature_item a:focus  .feature_item_des{
    background-image: url(/shared/templates/foreign_top/images/icon/feature_pattern_arrow.png);
}

.sec_feature .feature_item:last-child{
	margin-bottom: 0;
}

/* services
================================================== */
.sec_services .service_art_row{
    padding-bottom: 52px;
}
.sec_services .service_art_row:after{
	-webkit-box-shadow: 0 2px 3px 0 rgba(216, 216, 216, 0.5);
	box-shadow: 0 2px 3px 0 rgba(216, 216, 216, 0.5);
}
.sec_services .service_art{
	padding: 0 10px;
	width: 100%;
}
.sec_services .service_art_head{
	margin-bottom: 31px;
}
.sec_services .service_art_ttl{
	margin-bottom: 9px;
	padding-top: 33px;
	font-size: 150%;
	line-height: 1.1;
}
.sec_services .service_art_ttl:before{
	width: 75px;
	height: 5px;
}
.sec_services .service_art_ttl span{
	min-height: 66px;
}
.sec_services .service_art_head > p{
    font-size: 100%;
    line-height: 1.7;
}
.sec_services .service_art_cnt{
	margin: 0 -20px;
}
.sec_services .service_art_cnt .splide{
	margin-bottom: 34px;
	padding-bottom: 38px;
}
.sec_services .service_slide_inner{
	font-size: 112.5%;
	line-height: 1.5;
}
.sec_services .service_slide_des{
	padding: 0 20px;
}
.sec_services .service_slide_inner a:hover .service_slide_img img,
.sec_services .service_slide_inner a:focus .service_slide_img img{
    opacity: 1;
}
/* last */
.sec_services .service_art:not(:last-child){
	position: relative;
	padding-bottom: 52px;
	z-index: 1;
}
.sec_services .service_art:not(:last-child):after{
    content: '';
    position: absolute;
    left: -100%;
    top: 0;
    bottom: 0;
    width: 1000%;
    -webkit-box-shadow: 0 2px 3px 0 rgba(216, 216, 216, 0.5);
	box-shadow: 0 2px 3px 0 rgba(216, 216, 216, 0.5);
    z-index: -1;
}
/* arrow */
.sec_services .splide__arrow{
    background-size: 14px auto;
	width: 30px;
	height: 44px;
}
/* prev */
.sec_services .splide__arrow--prev{
    border-radius: 0 3px 3px 0;
}
/* next */
.sec_services .splide__arrow--next{
    border-radius: 3px 0 0 3px;
}
/* pagination */
.sec_services .splide__pagination{
	padding: 0 20px 0 22px;
}
.sec_services .splide__pagination__page{
	width: 16px;
	height: 16px;
	border-width: 2px;
}
.sec_services .splide__pagination__page:hover{
	background-color: #ffffff;
	border-color: #258752;
	color: #258752;
}
.sec_services .splide__pagination__page.is-active{
	background-color: #258752;
	border-color: #258752;
	color: #ffffff;
}
.sec_services .splide__pagination li:not(:last-child){
	margin-right: 28px;
}
/* child */
#tmp_service_see .service_art_ttl span{
	padding-left: 68px;
	background-image: url(/shared/templates/foreign_top/images/icon/see_ttl_icon_sp.png);
    background-size: 56px auto;
}
#tmp_service_gourmet .service_art_ttl span{
	padding-left: 70px;
	background-image: url(/shared/templates/foreign_top/images/icon/gourment_ttl_icon_sp.png);
	background-position: left center;
    background-size: 55px auto;
}
#tmp_service_shopping .service_art_ttl{
	padding-right: 0;
}
#tmp_service_shopping .service_art_ttl span{
	padding-left: 70px;
	background-image: url(/shared/templates/foreign_top/images/icon/shopping_ttl_icon_sp.png);
    background-size: 53px auto;
}
#tmp_service_exp .service_art_ttl span{
	padding-left: 64px;
	background-image: url(/shared/templates/foreign_top/images/icon/exp_ttl_icon_sp.png);
    background-size: 51px auto;
}
#tmp_service_acco .service_art_ttl span{
	padding-left: 70px;
	background-image: url(/shared/templates/foreign_top/images/icon/acco_ttl_ico_sp.png);
    background-size: 52px auto;
}

/* about
================================================== */
.sec_about{
	padding: 41px 0 43px;
}
.sec_about .about_wrapper{
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 10px;
}
.sec_about .about_intro,
.sec_about .about_map{
    padding: 0;
    width: 100%;
}
.sec_about .about_intro{
	margin-bottom: 25px;
	padding-bottom: 36px;
	border-bottom: 1px solid #d8d8d8;
}
.sec_about .about_intro .sec_ttl{
	margin-bottom: 20px;
	padding-left: 45px;
    background-size: 32px auto;
}
.sec_about .about_intro >p{
	margin-bottom: 19px;
	line-height: 1.75;
}
.sec_about .about_intro .btn_default{
	padding-left: 0;
	padding-right: 10px;
	text-align: center;
}
.sec_about .about_map .sec_ttl{
	margin-bottom: 18px;
    padding-top: 13px;
	padding-left: 45px;
    background-size: 34px auto;
}
.sec_about .about_list a{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 8px 34px 6px 14px;
	min-height: 60px;
    font-size: 100%;
	line-height: 1.3;
}
.sec_about .about_list .btn_default a:after{
	right: 19px;
	width: 9px;
	height: 17px;
}
.sec_about .about_list li:not(:last-child){
    margin-bottom: 15px;
}

/* access
================================================== */
.sec_access{
	padding: 34px 0 71px;
}
.sec_access .sec_ttl{
	margin: 0 11px 11px;
	padding-left: 45px;
    background-size: 30px auto;
}
.sec_access .access_cnt{
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	padding: 0 10px;
}
.sec_access .access_intro,
.sec_access .access_map{
    padding: 0;
    width: 100%;
}
.sec_access .access_intro{
	margin-bottom: 33px;
}
.sec_access .access_intro ul{
	margin-bottom: 16px;
}
.sec_access .access_intro li{
	padding-left: 19px;
    background-image: url(/shared/templates/foreign_top/images/icon/pattern_dot.png);
	background-position: 1px 10px;
    background-size: 8px auto;
	line-height: 1.75;
}
.sec_access .access_note{
	font-size: 87.5%;
}

/* accessibility
================================================== */
/* no-js */
.no_javascript #tmp_wrapper .sec_mv{
	padding-left: 20px;
	padding-right: 20px;
}
.no_javascript #tmp_wrapper .sec_services .service_art .splide__track{
	max-height: 342px;
}
}