@charset "utf-8";

@media screen and (max-width : 1240px) {
    #tmp_wrapper {
        min-width: inherit;
    }
}

@media screen and (min-width : 641px) and (max-width : 980px) {
/* ==================================================
contents
================================================== */
/*main heading*/
#tmp_find_info {
	padding-top:30px;
}
/*find_info*/
.service_box {
	padding:30px 20px 20px 20px;
}
.service_box .service_image{
    padding-right: 15px;
    width: 123px;
}
.life_cate{
    padding: 0 20px;
}
.life_list .life_col:nth-child(6n+1),
.life_list .life_col:nth-child(6n+1){
    clear: inherit;
}
.life_list .life_col:nth-child(3n){
    clear: right;
}
.life_list .life_col:nth-child(3n+1){
    clear: left;
}
.life_list .life_col:nth-child(3n):after{
    right: 0;
}
.life_list .life_col{
    width: 33.333333%;
}
.life_list .life_col:nth-child(3n):before{
	display: none;
}
.life_list .life_col:nth-last-child(-n + 6):nth-child(6n + 1):after,
.life_list .life_col:nth-last-child(-n + 6):nth-child(6n + 1) ~ li:after{
	display: block;
}
.life_list .life_col:nth-last-child(-n + 3):nth-child(3n + 1):after,
.life_list .life_col:nth-last-child(-n + 3):nth-child(3n + 1) ~ li:after{
	display: none !important;
}
.daily_list {
    display: block;
}
.daily_list .daily_item{
    width: 100%;
}
.daily_box .daily_cap.daily_cap_en {
    background-size: 167px auto;
}
.local_area,
.life_scene,
.life_scene{
    float: none;
    width: 100%;
}
.local_area{
    padding-right: 0;
    overflow: hidden;
}
/*search_info*/
.daily_list:before{
    display: none;
}
.daily_list .daily_item{
    padding: 0 0 20px;
}
.daily_list .daily_item:after{
    top: auto;
    bottom: 0;
    height: 1px;
    width: auto;
    left: 0;
    right: 0;
}
.daily_list .daily_item:last-child{
    padding-bottom: 0;
}
.daily_list .daily_item:first-child::before,
.daily_list .daily_item:last-child:after{
    display: none;
}
.scene_box .scene_image{
	width: 158px;
}
.scene_box .scene_txt{
	width: calc(100% - 158px);
}
.scene_box a{
    padding: 15px 40px 15px 15px;
}
/*notice*/
#tmp_notice .notice_list .notice_item:nth-child(4n),
#tmp_notice .notice_list .notice_item:nth-child(4n+1){
    clear: inherit;
}
#tmp_notice .notice_list .notice_item:nth-child(2n){
    clear: right;
}
#tmp_notice .notice_list .notice_item:nth-child(2n+1){
    clear: left;
}
#tmp_notice .notice_list .notice_item{
    width: 50%;
}
/*recruit*/
#tmp_recruit{
    padding: 10px 0 0;
    margin-bottom: 60px;
}
.recruit_list{
    margin: 0 -10px;
}
.recruit_list .recruit_item{
    padding: 0 10px;
    margin-bottom: 10px;
}
/*about*/
#tmp_about{
    padding: 40px 0;
}
#tmp_learn_slide .section_slide_main,
#tmp_learn_slide .section_slide_sub{
    float: none;
    width: 100%;
}
#tmp_learn_slide .section_slide_main::before {
	border-right:1px solid #c7c7c7;
	border-bottom:none;
}
#tmp_learn_slide .slide_wrapper {
	padding: 7px 0 33px;
}
#tmp_learn_slide .no-splide	.splide__slide{
	width: 100%;
}
#tmp_learn_slide .slide_wrapper{
    display: block;
}
#tmp_learn_slide .section_slide_sub .splide,
#tmp_learn_slide .section_slide_sub .splide__track,
#tmp_learn_slide .section_slide_sub .splide__list{
    height: auto;
}
#tmp_learn_slide .section_slide_sub .splide__list{
    flex-direction: row;
}
#tmp_learn_slide .section_slide_sub .splide__slide {
	flex: 0 0 130px;
    -webkit-transition: margin-left 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: margin-left 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: margin-left 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#tmp_learn_slide .section_slide_sub .splide__slide.active {
	flex: 1;
	-webkit-transition: margin-left 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: margin-left 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: margin-left 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#tmp_learn_slide .section_slide_sub .splide__slide a {
	padding:6px 10px;
	min-height: 67px;
	font-size: 87.5%;
	transition: background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: background-color 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
#tmp_learn_slide .section_slide_sub .splide__slide a:before {
    content: '';
    position: absolute;
    top: 1px;
    left: 50%;
    bottom: auto;
    border: 10px solid transparent;
    border-bottom: 12px solid #E6F2FF;
    border-top-width: 0;
}
#tmp_learn_slide .section_slide_sub .splide__slide.active a:before {
	opacity: 1;
	transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-moz-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	-webkit-transition: opacity 400ms cubic-bezier(0.165, 0.84, 0.44, 1);
	margin-left: -1px;
}
#tmp_learn_slide .section_slide_sub .splide__slide .img {
    padding: 8px 10px 7px 0;
	position: relative;
	flex: 0 0 120px;
    justify-content: center;
}
#tmp_learn_slide .section_slide_sub .splide__slide.active .img:after,
#tmp_learn_slide .section_slide_sub .splide__slide:last-child .img:after {
	opacity: 0;
}
#tmp_learn_slide .section_slide_sub .splide__slide:not(.active) a:focus-visible .img {
	outline: 2px solid;
	outline-offset: -2px;
}
#tmp_learn_slide .section_slide_sub .splide__slide .text {
    display: none;
}
#tmp_learn_slide .section_slide_sub .splide__slide.active .text {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}
#tmp_learn_slide .section_slide_sub .splide__slide .text > span {
    max-height: 100%;
    padding: 0;
}
.office_list {
    margin: 0 -10px 30px;
}
.office_list .office_item{
    padding: 0 10px;
    margin-bottom: 15px;
    float: none;
    width: 100%;
}
/* ward_list
================================================== */
.ward_list{
    margin-bottom: 15px;
}
.ward_list .ward_item {
	padding:10px 0;
}
.ward_list .ward_item:nth-child(2) {
    border-right: 1px solid #c7c7c7;
}
.ward_list .ward_item:not(:first-child) {
	width:50%;
	padding:10px;
}
.ward_list .ward_item:first-child {
	float:none;
    width:100%;
	margin:0 0 10px;
    border-bottom: 1px solid #c7c7c7;
}
.ward_list .ward_item:after {
	display:none;
}
.ward_list .ward_item:first-child:before {
	display:none;
}
.ward_list .ward_item:first-child .ward_box .ward_ttl{
    font-size: 112.5%;
}
.ward_list .ward_item .ward_box {
	max-width:240px;
	margin:0 auto;
}
.ward_list .ward_item:first-child .ward_box {
	max-width:480px;
}
.ward_list .ward_item:first-child .ward_media {
	padding:0;
}
.ward_list .ward_item:first-child .ward_media .ward_image {
	width: 39.1%;
}
.ward_list .ward_item:first-child .ward_media .ward_cap {
	width: 60.9%;
}
.ward_list .ward_item:not(:first-child) .ward_media {
	display:block;
	padding:0;
}
.ward_list .ward_item:not(:first-child) .ward_media .ward_image,
.ward_list .ward_item:not(:first-child) .ward_media .ward_cap {
	display:block;
    width:100%;
	text-align:center;
}
.ward_list .ward_item:not(:first-child) .ward_media .ward_image img {
	max-height:80px;
	width:auto;
}
.sub_heading{
    margin-bottom: 20px;
}
/* advert
================================================== */
#tmp_advert{
    padding: 55px 0 80px;
}
#tmp_advert .advert_wrap{
    padding: 0 40px;
}
#advert_area_0 > ul > li{
    padding: 0 7px;
    margin-bottom: 14px;
}
.map_area_inner{
    margin: 0 auto;
    max-width: 445px;
}
.area_map_list .setagaya_link{
    right: -10px;
}
/*modal*/
.gallery_modal{
    padding: 0 10px;
}
/* ==================================================
Accessibility
================================================== */
.no_javascript #tmp_learn_slide .section_slide_sub .splide__slide .text{
	display: flex;
}
.no_javascript #tmp_learn_slide .section_slide_sub .splide__slide{
	flex: 25%;
}
.no_javascript #tmp_learn_slide .section_slide_sub .splide__slide:not(:first-child){
	margin-left: 0;
}
.no_javascript #tmp_learn_slide .section_slide_main{
    width: 100%;
    float: none;
}
.no_javascript #tmp_learn_slide .section_slide_main .splide__list{
    max-height: 620px;
}
.color_blue #tmp_learn_slide .section_slide_sub .splide__slide a:before,
.color_black #tmp_learn_slide .section_slide_sub .splide__slide a:before,
.color_yellow #tmp_learn_slide .section_slide_sub .splide__slide a:before{
    top: -27px;
}
.color_blue #tmp_learn_slide .section_slide_sub .splide__slide a:before,
.color_black #tmp_learn_slide .section_slide_sub .splide__slide a:before{
    border: 13px solid transparent;
    border-bottom: 14px solid #ffff00;  
}
.color_yellow #tmp_learn_slide .section_slide_sub .splide__slide a:before{
    border: 13px solid transparent;
    border-bottom: 14px solid #FFFF00;
}
}