@charset "UTF-8";
/**lacal_nav**/

.for-the-owner.index #page_content{
    padding-top:10px;
    padding-bottom:100px;
}


#pankuzu {
	border-bottom: none;
	padding-bottom: 0;
	padding-top: 0;
	background: #f3f5f8;
	padding: 1.5em 0;
	margin-bottom:90px;
}


.for-the-owner.index #pankuzu{
    margin-bottom:20px ;
}






.for-the-owner.index .list_wrapper980 .tn_list_sdw.item3 li:nth-child(2n){
    margin: 0 9px 18px 0;
}
.for-the-owner.index .list_wrapper980 .tn_list_sdw.item3 li:nth-child(3n) {
    margin: 0 0 18px 0;
}


/*==============================================================
.akutoku
==============================================================*/
.akutoku{
    width:90%;
    max-width:720px;
    margin:50px auto 0px;
}
.akutoku dl{
    border:solid 1px #f44;
}
.akutoku dl dt{
    padding:10px;
    color:#e44;
    border-bottom:solid 1px #f44;
    font-size:116%;
    font-weight:bold;
    position: relative;
	padding-left:170px;
	box-sizing: border-box;
}
.akutoku dl dt i{
    width:160px;
    height:100%;
    background:url(../img/akutoku.png) no-repeat center center;
    background-size: cover;
    content:"";
    display:block;
    position:absolute;
    left:0;
    bottom:0;
}
.akutoku dl dd{
    line-height:1.4;
    padding:10px;
}

@media screen and (max-width: 640px) {
	.akutoku dl dt {
		padding: 30px 10px 10px;
		padding-left: 10px;
		box-sizing: border-box;
	}
	.akutoku dl dt i {
		width: 100%;
		height: 50px;
		background: url(../img/akutoku.png) no-repeat center center;
		content: "";
		display: block;
		position: absolute;
		left: 0;
		top: -30px;
	}

}


/*==============================================================
.h1_header
==============================================================*/
.for-the-owner.index header.h1_header{
    position: relative;
    margin:0 auto 46px auto ;
    width:1160px;
    height:400px;
}
.for-the-owner.index header.h1_header h1{
    position: absolute;
}



/*==============================================================
#grey_container for index
==============================================================*/
/*
お知らせ一覧
*/
.for-the-owner.index #news_topics{
	margin:0 auto 80px;
	max-width:1080px;
	width:100%;
}
.for-the-owner.index .news{
	max-width:980px;
	width:100%;
	margin:0 auto;
}
.for-the-owner.index .news header{
	overflow: hidden;
    margin-bottom: 32px;
}
.for-the-owner.index .news header h1{
	text-align: center;
}
.for-the-owner.index .news header h1 img{
	margin-bottom:16px;
}
.for-the-owner.index .news header h1 .en{
	font-size:32px;
    font-family: 'Open sans';
	color:#15336c;
	font-weight: bold;
	line-height: 1.1;
	display:inline-block;
	width:100%;
	margin-bottom:5px;
}
.for-the-owner.index .news header h1 .ja{
	font-size:14px;
	color:#626262;
}
.for-the-owner.index .asbest_notice{
	text-align: center;
	padding-top:80px;
	text-decoration: underline;
	font-size:16px;
}
.for-the-owner.index .asbest_notice a{
	color:#006fad;
}
ul.news_list.list2022{
	margin-bottom: 80px;
}
ul.news_list.list2022 li{
	display:block;
    border-top: solid #434343 1px;
    font-weight: bold;
}
ul.news_list.list2022 li.text,
ul.news_list.list2022 li a{
	padding:26px 18px!important;
    display: flex;
	align-items: flex-start;
    justify-content: flex-start;
	box-sizing: border-box;
}
ul.news_list.list2022 li .txt{
	flex:1;
}
ul.news_list.list2022 li .date,
ul.news_list.list2022 li .txt{
	display:block;
	padding:0;
}
.for-the-owner.index ul.bnrs_h{
    overflow: hidden;
    margin:30px auto 0;
}
/*
ボタン
*/
.for-the-owner.index .news .b_list{
    width:180px;
    height:40px;
    border:1px solid #626262;
	margin:0 auto;
}
.for-the-owner.index .news .b_list a{
    height:40px;
    display: block;
    background:#fff;
	display:flex;
	justify-content: center;
	align-items: center;
	position:relative;
}
.for-the-owner.index .news .b_list a i{
    display:block;
    width:1.2em;
    height:1.2em;
    position:absolute;
    right:0.6em;
    top:50%;
    transform:translateY(-50%);
    background:url(../img2/i_arrow.svg) no-repeat center center;
}





/**lacal_nav**/
.local_navi{
	width:980px;
	margin:0 auto;
	padding:30px 0 35px 0;
}
.local_navi dt{
	color:#666666;
	font-size:16px;
	font-weight:bold;
	padding-bottom:24px;
}
.local_navi dd{
	margin-right:-5px;
	letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
}
.local_navi li{
	display:inline-block;
	letter-spacing: normal;
	width: 140px;
	text-align:center;
	vertical-align:middle;
	margin-bottom:5px;
}
.local_navi li a span{
	display:block;
	height:25px;
	padding-top:8px;
}
.local_navi li a{
	color:#333;
	width:100%;
	display:table;
	vertical-align:middle;
	text-align:center;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	border-collapse: collapse;
}
.local_navi li a:hover{
	color:#f29600;
	text-decoration: none;
}
.local_navi_sp{
	display:none;
}
.page_top .local_navi li.for-the-owner_top a,
.page_support .local_navi li.for-the-owner_support a,
.page_meyasu .local_navi li.for-the-owner_meyasu a,
.page_lecture .local_navi li.for-the-owner_lecture a,
.page_after .local_navi li.for-the-owner_after a,
.page_introduce .local_navi li.for-the-owner_introduce a,
.page_contact .local_navi li.for-the-owner_contact a{
	color:#f29600;
}

.link_anchor {
	margin-bottom:28px;
}
.link_anchor li{
	display:inline-block;
	margin-right:30px;
}
.link_anchor li:before{
	content:"▼";
	color:#aaaaaa;
	display:inline-block;
	margin-right:3px;
}
.link_anchor li a{
	color:#006fad;
}

/** .afterservice **/
.page_after main table.multi_table {
  width: 80%;
}



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

	.for-the-owner.index #page_content{
	    padding-top:76px;
	}

	.for-the-owner.index .list_wrapper980 .tn_list_sdw.item3 li{
	    width: 49%;
	    margin: 0 0 18px 0;
	    float:left;
	}
	.for-the-owner.index .list_wrapper980 .tn_list_sdw.item3 li:nth-child(2n){
	    width: 49%;
	    margin: 0 0 18px 0;
	    float:right;
	}


    /*==============================================================
    h1_header
    ==============================================================*/
    .for-the-owner.index header.h1_header{
        margin:0 auto 46px auto ;
        width:100%;
        height: auto;
    }

    .for-the-owner.index header.h1_header h1{
        position: relative;
    }


    /*==============================================================
    #grey_container
    ==============================================================*/
    .for-the-owner.index #grey_container{
        padding: 40px 0;
        margin:0;
        background:#eeeeee;
    }

    .for-the-owner.index .float_wrapper{
        overflow: auto;
        margin:0 auto;
        width:92%;
        height:auto;
    }
    .for-the-owner.index .float_wrapper .news{
        float:none;
        width:100%;
    }
    ul.news_list.list2022{
        width:auto;
    }
    ul.news_list.list2022 li{
        width:auto;
    }

    .for-the-owner.index .float_wrapper .panel_contact{
        float: none;
        height:170px;
        width:92%;
        text-align: center;
        margin:36px auto 36px auto;
    }
    .for-the-owner.index .float_wrapper .panel_contact img{
        width:auto;
    }


	.local_navi dt{
		font-size:14px;
		padding-bottom:12px;
	}
	.local_navi{
		width:100%;
		margin:0 auto;
		padding:10px 0 15px 10px;
		box-sizing:border-box;
	}

	.local_navi li{
		width:31%;
		font-size:12px;
	}

	/** .page_after **/
	.page_after main table.multi_table {
	  width: 100%;
	}


	/*
	お知らせ一覧
	*/
	.for-the-owner.index #news_topics{
		margin:0 auto 100px;
	}
	.for-the-owner.index .news header{
		margin-bottom: 22px;
	}
	.for-the-owner.index .news header h1 img{
		margin-bottom:12px;
		width:auto;
	}
	ul.news_list.list2022{
		margin-bottom: 56px;
	}
	ul.news_list.list2022 li.text,
	ul.news_list.list2022 li a{
		padding:20px 14px!important;
		display: block;
	}
	ul.news_list.list2022 li .date{
		display:block;
		margin-bottom: 5px;
	}
}





/*==============================================================
#grey_container
==============================================================*/

.for-the-owner {
	padding: 40px 0;
	margin: 0;
}
.for-the-owner ul.bnrs_h {
	overflow: hidden;
	width: 984px;
	margin: 0 auto;
}
.for-the-owner ul.bnrs_h li {
	float: left;
	margin: 0 10px 0 0;
	height: 68px;
	width: 319px;
	border: solid 1px #ccc;
	box-shadow: 0px 0px 2px 2px #ddd;
	-moz-box-shadow: 0px 0px 2px 2px #ddd;
	-webkit-box-shadow: 0px 0px 2px 2px #ddd;
}
.for-the-owner ul.bnrs_h li:last-child {
	margin: 0;
}
.for-the-owner ul.bnrs_h li a {
	display: block;
	height: 68px;
	line-height: 68px;
	overflow: hidden;
	border-left: solid #f29600 8px;
	background: #fff;
	font-size: 120%;
}
.for-the-owner ul.bnrs_h li.multi a {
	line-height: 24px;
}
.for-the-owner ul.bnrs_h li.multi a span{
	display: inline-block;
    padding: 10px 0 0 0;
    vertical-align: top;
    line-height: 24px;
}
.for-the-owner ul.bnrs_h li a img {
	margin: 0 11px;
	vertical-align: middle;
}



@media screen and (max-width: 834px) {
	.for-the-owner {
		padding: 40px 0;
		margin: 0;
	}
	.for-the-owner ul.bnrs_h {
		overflow: hidden;
		width: 92%;
		margin: 0 auto 30px;
	}
	.for-the-owner ul.bnrs_h li {
		float: none;
		display: block;
		margin: 0 0 10px 0;
		height: 68px;
		width: auto;
		border: solid 1px #ddd;
		box-shadow: 0px 0px 2px 2px #eee;
		-moz-box-shadow: 0px 0px 2px 2px #eee;
		-webkit-box-shadow: 0px 0px 2px 2px #eee;
	}
	.for-the-owner ul.bnrs_h li a img {
	    margin: 0 11px;
	    vertical-align: middle;
	    width: auto;
	}

	.local_navi_sp{
		margin-top:10px;
		display:table;
		border-collapse: collapse;
		border-bottom:1px solid #CCC;
		width:100%;
	}
	.local_navi_row{
		display:table-row;
		width:100%;
	}
	.local_navi_sp a{
		color:#006fad;
		display:table-cell;
		text-align:center;
		width:20%;
		height:50px;
		border-top:1px solid #CCC;
		vertical-align:middle;
	}
	.local_navi_sp span{
		color:#006fad;
		display:table-cell;
		text-align:center;
		width:20%;
		height:50px;
		border-bottom:1px solid #CCC;
		vertical-align:middle;
	}
	.local_navi_sp a:nth-child(odd){
		border-right:1px solid #CCC;}
	.local_navi_sp a:nth-child(even){
		border-bottom:1px solid #CCC;}
	.local_navi dd{
		display:none;
	}
	.local_navi{
		padding:10px 0 15px 15px;
	}
	.shadow_box_wrapper .shadow_box{
		padding-bottom:0px;
	}
}

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

	.for-the-owner.index .list_wrapper980 .tn_list_sdw.item3 li,
	.for-the-owner.index .list_wrapper980 .tn_list_sdw.item3 li:nth-child(2n){
	    width: 99%;
	    margin: 0 0 18px 0;
	    float:none;
	}
}






/*
*ローカルメニューボタン
*/
.b_fto_localmenu{
    position:fixed;
    right:30px;
    top:200px;
    min-height:100px;
    z-index: 999;
    .btn{
        display:flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.8)) 
                drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.3)) 
                drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)) 
                drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
        span{
            display:block;
            width:40px;
            height:40px;
            position:relative;
            margin-bottom: 12px;
            transition-duration: 0.3s;
            &:before,
            &:after{
                content:"";
                background:#fff;
                display:block;
                position:absolute;
                width:2px;
                height:40px;
                top:50%;
                left:50%;
                transform:translate(-50%,-50%) rotate(90deg) ;
            }
            &:after{
                transform: translate(-50%,-50%);
            }
        }
        img{
            width:10px;
            filter: drop-shadow(0px 0px 17px rgba(0, 0, 0, 0.3)) 
                    drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.3)) 
                    drop-shadow(0px -10px 8px rgba(0, 0, 0, 0.3)) 
                    drop-shadow(0px 0px 5px rgba(0, 0, 0, 0.4)) 
                    drop-shadow(0px 0px 6px rgba(0, 0, 0, 0.1));
        }
    }
    &.opened{
        .btn{
            span{
                transition-duration: 0.3s;
                transform:rotate(135deg);
            }
            img{
                display:none;
            }
        }
    }
    @media screen and (max-width: 834px) {
        right:10px;
        top:70px;
        .btn{
            span{
                width:30px;
                height:30px;
                margin-bottom: 10px;
                &:before,
                &:after{
                    height:30px;
                }
            }
        }
    }
}



/*
*ローカルメニュー
*/
.fto_localmenu{
    background:#000;
    width:480px;
    height:100dvh;
    padding:10vh 0 0 100px;
    position:fixed;
    top:0;
    right:0;
    transform:translateX(+100%);
    transition-duration: 0.5s;
    display:flex;
    justify-content: flex-start;
    z-index: 998;
    box-sizing: border-box;
    @media screen and (max-width: 834px) {
        width: 77vw;
        padding-left:12.5vw;
    }
    &.show{
        transform:translateX(0%);
    }
    p.logo{
        margin-bottom: 66px;
        img{
            width:234px;
            filter:brightness(100);
            @media screen and (max-width: 834px) {
                width:48vw;
            }
        }
    }
    ul{
        color:#fff;
        li{
            margin-bottom: 46px;
            span{
                font-family: 'Cormorant';
                font-weight: 700;
                letter-spacing: 0.1em;
                font-size: 18px;
                display:block;
                margin-bottom: 20px;
            }
            p{
                a{
                    font-size: 20px;
                    color:#fff;
                    display:inline-block;
                    margin-left:1em;
                    padding:0 4px 3px 4px;
                    border-bottom: solid 1px transparent;
                    &:last-of-type{
                        margin-bottom: 0;
                    }
                    &:hover{
                        text-decoration: none;
                        border-bottom: solid 1px #fff;
                    }
                }
                &.design{
                    padding-top:30px;
                }
            }
        }
        @media screen and (max-width: 834px) {
            li{
                margin-bottom: 7vw;
                span{
                    font-size: 2.8vw;
                    margin-bottom: 3.6vw;
                }
                p{
                    a{
                        font-size: 3.6vw;
                        padding:0 0.1em 0.1em 0.1em;
                    }
                }
            }
        }
    }
}