@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
footer nav ul li:nth-child(24) a::before{
    width: 100%;
    content: '';
}


/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){
	
	#main_vl {
        width: 100%;
		height: 39vw;
		max-height: 500px;
		overflow: hidden;
        line-height: 0;
        position: relative;
    }
	
	#main_vl img{
        object-fit: cover;
		object-position: center bottom;
		position: absolute;
		bottom: 0;
		
    }
	section {
		width: 100%;
		position: relative;
		padding-top: 60px;
	}
	
	section h2.page_title span{
		display: inline-block;
		position: relative;
	}
	
	section h2.page_title span span.leaf{
		width: 68px;
		position: absolute;
		right: -200px;
		bottom: -10px;
		z-index: -1;
	}
	
	h2.page_title + p {
        text-align: left;
    }
	
	div.block h3 {
		font-size: 18px;
        font-size: 1.8rem;
        line-height: 2;
        text-align: left;
        font-family: ten-mincho-text, serif;
        margin-bottom: 10px;
    }
	
	div.block h3:nth-child(n + 2) {
        margin-top: 35px;
    }
	
	div.block p,
	div.block ul li {
		font-size: 14px;
        font-size: 1.4rem;
        line-height: 2;
        text-align: left;
        font-family: ten-mincho-text, serif;
    }
	
	div.block p.info b{
		font-weight: 400;
	}
	
	div.block ul {
		margin-top: 10px;
		font-size: 14px;
        font-size: 1.4rem;
		padding-left: 1em;
		list-style: none;
    }
	
	div.block ul li{
        line-height: 1.5;
		text-indent: -1em;
		padding-left: 1em;
    }
	
	div.block ul li::before{
        content: "・";
    }
	
	div.block ul li + li{
       margin-top: 8px;
    }
	
	div.block p.right{
       text-align: right;
    }
	
	div.block div.box{
		
		border: 1px solid #666;
		padding: 28px;
		margin: 25px 0 35px;
    }
	
	div.block div.box h4{
		font-family: ten-mincho-text, serif;
		font-size: 16px;
        font-size: 1.6rem;
		font-weight: 700;
		text-align: center;
		margin-bottom: 0.5em;
    }
	
	div.block div.box p{
		font-family: ten-mincho-text, serif;
		font-size: 14px;
        font-size: 1.4rem;
		text-align: center;
    }
	
	div.block div.box p.tel{
		font-family: ten-mincho-text, serif;
		font-size: 26px;
        font-size: 2.6rem;
		font-weight: 700;
		text-align: center;
    }
	
	div.block div.box p.tel span{
		font-size: 80%;
  }

}

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){
	
	#main_vl {
        width: 100%;
        line-height: 0;
        position: relative;
    }
	
	section {
		width: 100%;
		position: relative;
		padding-top: 5.4vw;
	}

    section h2.page_title span{
		display: inline-block;
		position: relative;
	}
	
	section h2.page_title span span.leaf{
		width: 40px;
		position: absolute;
		right: -100px;
		bottom: -10px;
		z-index: -1;
	}
	
	div.block h3 {
		font-size: 18px;
        font-size: 1.8rem;
        line-height: 2;
        text-align: left;
        font-family: ten-mincho-text, serif;
        margin-bottom: 10px;
    }
	
	div.block h3:nth-child(n + 2) {
        margin-top: 35px;
    }
	
	div.block p,
	div.block ul li {
		font-size: 14px;
        font-size: 1.4rem;
        line-height: 2;
        text-align: left;
        font-family: ten-mincho-text, serif;
    }
	
	div.block p.info {
		line-height: 1.8;
	}
	
	div.block ul {
		margin-top: 10px;
		font-size: 14px;
        font-size: 1.4rem;
		padding-left: 1em;
		list-style: none;
    }
	
	div.block ul li{
        line-height: 1.5;
		text-indent: -1em;
		padding-left: 1em;
    }
	
	div.block ul li::before{
        content: "・";
    }
	
	div.block ul li + li{
       margin-top: 8px;
    }
	
	div.block p.right{
       text-align: right;
    }
	
	div.block div.box{
		
		border: 1px solid #666;
		padding: 28px;
		margin: 25px 0 35px;
    }
	
	div.block div.box h4{
		font-family: ten-mincho-text, serif;
		font-size: 14px;
        font-size: 1.4rem;
		font-weight: 700;
		text-align: center;
		margin-bottom: 0.5em;
    }
	
	div.block div.box p{
		font-family: ten-mincho-text, serif;
		/*font-family: a-otf-gothic-bbb-pr6n, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
		font-size: 12px;
        font-size: 1.2rem;
		line-height: 1.4;
		text-align: center;
    }
	
	div.block div.box p.tel{
		font-family: ten-mincho-text, serif;
		/*font-family: a-otf-gothic-bbb-pr6n, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
		font-size: 20px;
        font-size: 2.0rem;
		font-weight: 700;
		text-align: center;
		margin-bottom: 0.5em;
    }
	
	div.block div.box p.tel a{
		color: #3e3a39;
    }
	
	div.block div.box p.tel span{
		font-size: 80%;
  }
}

@media screen and (max-width: 320px){
	
	section h2.page_title span span.leaf{
		width: 40px;
		position: absolute;
		right: -80px;
		bottom: -10px;
		z-index: -1;
	}
	
}