@charset "UTF-8";


/*****************************************************
　ページメインビジュアル　
*****************************************************/
.page_main-visual_inner{
	background:url('../img/tenkoku/main-visual.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}


/*****************************************************
　リード文 
*****************************************************/
.lead{
	text-align:center;
	margin:100px 0;
}
.lead p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
}
.lead p + p{
	margin:1.5em 0 0;
}


/*****************************************************
　共通 
*****************************************************/
/* .inner_in-block 
------------------------------------------------- */
.inner_in-block + .inner_in-block{
	margin:100px 0 0;
}
.inner_in-block .ttl{
	font-size:28px;
	font-size:2.8rem;
	font-weight:500;
	text-align:center;
	line-height:1.7;
	letter-spacing:0.28em;
	margin:0 0 40px;
}
.inner_in-block p{
	font-size:15px;
	font-size:1.5rem;
	text-align:center;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
}
/* 2カラムブロック 
------------------------------------------------- */
.column-2-block{
	align-items:center;
	display:flex;
	justify-content:space-between;
}
.column-2-block .img{
	max-width:460px;
	text-align:center;
	width:44%;
}
.column-2-block .text{
	max-width:500px;
	width:48%;
}
.column-2-block .text p{
	color:#4e4e4e;
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:0.18em;
	line-height:1.9;
}
/* ボタン 
------------------------------------------------- */
.btn{
	border:1px solid #000;
	max-width:380px;
	width:100%;
	text-align:center;
	line-height:60px;
	letter-spacing:0.28em;
	margin:0 auto;
}
.btn a{
	display:block;
}


/*****************************************************
　ページタイトル 
*****************************************************/
.section-ttl .section-ttl_large{
	text-shadow:2px 0 0 #fff,
				2px 2px 0 #fff,
				0 2px 0 #fff,
				-2px 2px 0 #fff,
				-2px 0 0 #fff,
				-2px -2px 0 #fff,
				0 -2px 0 #fff,
				2px -2px 0 #fff;
}


/*****************************************************
　篆刻印とは 
*****************************************************/
/* 2カラムブロック 
------------------------------------------------- */
.about-tenkokuin .column-2-block{
	flex-direction:row-reverse;
	margin:80px 0 0;
}
/* ----- 制作動画を見るリンク ----- */
.about-tenkokuin .view-movie{
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:0.19em;
	margin:20px 0 0;
	text-align:center;
}
.about-tenkokuin .view-movie a{
	background:url(../img/common/arrow_6x9.svg) no-repeat right center;
	background-size:6px 9px;
	-webkit-background-size:6px 9px;
	display:inline-block;
	padding:0 10px 0 0;
	text-decoration:underline;
}
/* モーダルウィンドウ
------------------------------------------------- */
.modal-win_contents{
	width:100%;
	height:100vh;
	display:none;
	position:fixed;
	top:0;
	left:0;
	z-index:30;
}
.modal-win_contents_bg{
	background:rgba(0,0,0,0.29);
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}
.modal-win_contents_inner{
	background:#fff;
	/*max-width:1060px;*/
	max-height:calc(100vh - 80px);
	/*width:82.8%;*/
	margin:0 auto;
	padding:100px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	transform:translate(-50%,-50%);
}
.modal-win_contents_subinner{
	position:relative;
}
.modal-win_contents_close{
	display:flex;
	align-items:center;
	cursor:pointer;
	position:absolute;
	top:-63px;
	right:-77px;
	z-index:0;
}
.modal-win_contents_close .txt{
	font-size:14px;
	font-size:1.4rem;
	font-weight:900;
}
.modal-win_contents_close .bar{
	margin:0 0 0 15px;
}
.modal-win_contents_close .bar span{
	border-radius:3px;
	background:#000;
	width:40px;
	height:3px;
	display:block;
}
.modal-win_contents_close .bar span:nth-child(1){
	transform:translateY(2px) rotate(-45deg);
	-webkit-transform:translateY(2px) rotate(-45deg);
}
.modal-win_contents_close .bar span:nth-child(2){
	transform:translateY(-2px) rotate(45deg);
	-webkit-transform:translateY(-2px) rotate(45deg);
}


/*****************************************************
　篆刻印の種類 
*****************************************************/
.tenkokuin-type{
	margin:135px 0 0;
}
/* 種類 
------------------------------------------------- */
.type{
	display:flex;
	justify-content:space-between;
	margin:55px 0 0;
}
.type .type_item{
	max-width:311px;
	width:30%;
}
.type .type_item .img{
	margin:0 0 23px;
	text-align:center;
}
.type .type_item .text dt{
	font-size:24px;
	font-size:2.4rem;
	font-weight:500;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.28em;
	margin:0 0 20px;
}
.type .type_item .text dd{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:center;
}


/*****************************************************
　作品のご紹介 
*****************************************************/
.works{
	margin:70px 0 0;
}
.works > .txt{
	color:#4e4e4e;
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	margin:65px 0 0;
	text-align:center;
}
/* 作品 
------------------------------------------------- */
.works .works-list{
	display:flex;
	justify-content:space-between;
	margin:45px 0 0;
}
.works .works-list .works_item{
	max-width:311px;
	width:30%;
}
.works .works-list .works_item .img{
	margin:0 0 23px;
	text-align:center;
}
.works .works-list .works_item .text dt{
	font-size:24px;
	font-size:2.4rem;
	font-weight:500;
	text-align:center;
	line-height:1.5;
	letter-spacing:0.28em;
	margin:0 0 10px;
}
.works .works-list .works_item .text dd{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:center;
}
/* ----- 作品一覧を見るリンク ----- */
.more-works{
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:0.18em;
	margin:40px 0 0;
	text-align:right;
}
.more-works a{
	background:url(../img/common/arrow_6x9.svg) no-repeat right center;
	background-size:6px 9px;
	-webkit-background-size:6px 9px;
	display:inline-block;
	padding:0 10px 0 0;
	text-decoration:underline;
}
/* 適切な落款印の大きさ、落款印の価格 
------------------------------------------------- */
.works .in-block_table{
	margin:30px 0 0;
}
/* 適切な落款印の大きさ 
------------------------------------------------- */
.works .rakkanin_size{
	margin:100px 0 0;
}
.works .rakkanin_size .in-block_table table th,
.works .rakkanin_size .in-block_table table td{
	width:8%;
}
.works .rakkanin_size .in-block_table table th:nth-child(1),
.works .rakkanin_size .in-block_table table td:nth-child(1){
	width:29%;
}
/* .other-block 
------------------------------------------------- */
.other-block{
	margin:35px 0 0;
}
.other-block .ttl{
	font-size:24px;
	font-size:2.4rem;
	line-height:1.7;
	letter-spacing:0.28em;
	margin:0 0 25px;
}
.other-block p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
}


/*****************************************************
　ロゴの作成 
*****************************************************/
.logo-making{
	margin:135px 0 0;
}
/* 2カラムブロック 
------------------------------------------------- */
.logo-making .column-2-block{
	margin:70px auto 0;
	max-width:1000px;
}
.logo-making .column-2-block .img{
	max-width:410px;
	width:41%;
}
.logo-making .column-2-block .text{
	width:50%;
}
/* 作品 
------------------------------------------------- */
.lm-works{
	display:flex;
	justify-content:space-between;
	margin:77px 0 0;
}
.lm-works .lm-works_item{
	max-width:311px;
	width:30%;
}
.lm-works .lm-works_item .img{
	text-align:center;
}
.lm-works .lm-works_item .ttl{
	font-size:20px;
	font-size:2.0rem;
	letter-spacing:0.2em;
	line-height:1.8;
	margin:25px 0 0;
	text-align:center;
}
.logo-making .view-logoworks{
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:0.18em;
	margin:40px 0 0;
	text-align:right;
}
.logo-making .view-logoworks a{
	background:url(../img/common/arrow_6x9.svg) no-repeat right center;
	background-size:6px 9px;
	-webkit-background-size:6px 9px;
	display:inline-block;
	padding:0 10px 0 0;
	text-decoration:underline;
}
/* ボタン 
------------------------------------------------- */
.logo-making .btn{
	font-size:21px;
	font-size:2.1rem;
	line-height:80px;
	margin:55px auto 0;
	max-width:430px;
}


/*****************************************************
　初心者向けの篆刻教室 
*****************************************************/
.tenkoku-school{
	margin:130px 0 125px;
}
.tenkoku-school .column-2-block{
	align-items:flex-start;
	flex-direction:row-reverse;
	margin:55px 0 88px;
}
.tenkoku-school .column-2-block .text .btn{
	margin:20px 0 0;
}
/* スライダー 
------------------------------------------------- */
.tenkoku-school .img-slide .slick-dots{
	margin:23px 0 0;
	position:static;
}
.tenkoku-school .img-slide li button,
.tenkoku-school .img-slide li button:before{
	font-size:100%;
}
.tenkoku-school .img-slide li button:before{
	transition:all 0.3s ease-out;
}
/* 経歴 
------------------------------------------------- */
.career{
	margin:40px 0 0;
}
.career dt{
	font-size:23px;
	font-size:2.3rem;
	font-weight:normal;
	letter-spacing:0.28em;
	line-height:1.7;
	margin:0 0 10px;
}
.career dd{
	font-size:18px;
	font-size:1.8rem;
	letter-spacing:0.28em;
	line-height:1.7;
}
/* 「篆刻教室のお申し込み」ボタン 
------------------------------------------------- */
.tenkoku-school > .btn{
	font-size:21px;
	font-size:2.1rem;
	line-height:80px;
	max-width:430px;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　リード文 
	*****************************************************/
	.lead{
		text-align:left;
		margin:13.76vw 0;
	}
	.lead p{
		font-size:3.14vw;
	}
	.lead p br.pc{
		display:none;
	}


	/*****************************************************
	　共通 
	*****************************************************/
	/* .inner_in-block 
	------------------------------------------------- */
	.inner_in-block + .inner_in-block{
		margin:13.76vw 0 0;
	}
	.inner_in-block .ttl{
		font-size:4.83vw;
		margin:0 0 5.55vw;
	}
	.inner_in-block p{
		font-size:3.14vw;
	}
	/* 2カラムブロック 
	------------------------------------------------- */
	.column-2-block{
		display:block;
	}
	.column-2-block .img,
	.column-2-block .text{
		max-width:none;
		width:100%;
	}
	.column-2-block .img{
		margin:0 0 4.83vw;
	}
	.column-2-block .text p{
		font-size:3.14vw;
		text-align:justify;
	}
	.column-2-block .text p br.pc{
		display:none;
	}
	/* ボタン 
	------------------------------------------------- */
	.btn{
		border-width:0.24vw;
		max-width:none;
		width:80%;
		line-height:12.07vw;
	}


	/*****************************************************
	　篆刻印とは 
	*****************************************************/
	/* 2カラムブロック 
	------------------------------------------------- */
	.about-tenkokuin .column-2-block{
		margin:11.11vw 0 0;
	}
	/* ----- 制作動画を見るリンク ----- */
	.about-tenkokuin .view-movie{
		font-size:3.14vw;
		margin:2.65vw 0 0;
	}
	.about-tenkokuin .view-movie a{
		background-size:1.44vw 2.17vw;
		-webkit-background-size:1.44vw 2.17vw;
		padding:0 2.41vw 0 0;
	}
	/* モーダルウィンドウ
	------------------------------------------------- */
	.modal-win_contents_inner{
		width:90.34vw;
		max-height:calc(100vh - 9.66vw);
		padding:16.9vw 8.45vw 14.49vw;
		overflow:scroll;
	}
	.modal-win_contents_subinner{
		position:relative;
	}
	.modal-win_contents_close{
		top:-9.66vw;
		right:-4.83vw;
	}
	.modal-win_contents_close .txt{
		font-size:3.38vw;
	}
	.modal-win_contents_close .bar{
		margin:0 0 0 3.62vw;
	}
	.modal-win_contents_close .bar span{
		border-radius:0.72vw;
		width:9.66vw;
		height:0.72vw;
	}
	.modal-win_contents_close .bar span:nth-child(1){
		transform:translateY(0.48vw) rotate(-45deg);
		-webkit-transform:translateY(0.48vw) rotate(-45deg);
	}
	.modal-win_contents_close .bar span:nth-child(2){
		transform:translateY(-0.48vw) rotate(45deg);
		-webkit-transform:translateY(-0.48vw) rotate(45deg);
	}
	/* モーダルウィンドウ内 */
	.production-video_inner{
		height:0;
		padding-top:57%;
		position:relative;
		width:100%;
	}
	.production-video_inner iframe{
		height:100%;
		left:0;
		position:absolute;
		top:0;
		width:100%;
		z-index:0;
	}


	/*****************************************************
	　篆刻印の種類 
	*****************************************************/
	.tenkokuin-type{
		margin:18.59vw 0 0;
	}
	/* 種類 
	------------------------------------------------- */
	.type{
		display:block;
		margin:7.72vw 0 0;
	}
	.type .type_item{
		max-width:none;
		width:100%;
	}
	.type .type_item + .type_item{
		margin:8vw 0 0;
	}
	.type .type_item .img{
		margin:0 0 3.14vw;
	}
	.type .type_item .img img{
		width:100%;
	}
	.type .type_item .text dt{
		font-size:4.34vw;
		margin:0 0 2.65vw;
	}
	.type .type_item .text dd{
		font-size:3.14vw;
	}


	/*****************************************************
	　作品のご紹介 
	*****************************************************/
	.works{
		margin:9.66vw 0 0;
	}
	.works > .txt{
		font-size:3.14vw;
		margin:8.93vw 0 0;
	}
	/* 作品 
	------------------------------------------------- */
	.works .works-list{
		display:block;
		margin:6.03vw 0 0;
	}
	.works .works-list .works_item{
		max-width:none;
		width:100%;
	}
	.works .works-list .works_item + .works_item{
		margin:8vw 0 0;
	}
	.works .works-list .works_item .img{
		margin:0 0 3.14vw;
	}
	.works .works-list .works_item .text dt{
		font-size:4.34vw;
		margin:0 0 2.41vw;
	}
	.works .works-list .works_item .text dd{
		font-size:3.14vw;
	}
	/* ----- 作品一覧を見るリンク ----- */
	.more-works{
		font-size:3.14vw;
		margin:5.31vw 0 0;
	}
	.more-works a{
		background-size:1.44vw 2.17vw;
		-webkit-background-size:1.44vw 2.17vw;
		padding:0 2.41vw 0 0;
	}
	/* 適切な落款印の大きさ、落款印の価格 
	------------------------------------------------- */
	.works .in-block_table{
		margin:4.1vw 0 0;
	}
	/* 適切な落款印の大きさ 
	------------------------------------------------- */
	.works .rakkanin_size{
		margin:13.76vw 0 0;
	}
	/* .other-block 
	------------------------------------------------- */
	.other-block{
		margin:4.83vw 0 0;
	}
	.other-block .ttl{
		font-size:4.34vw;
		margin:0 0 3.38vw;
	}
	.other-block p{
		font-size:3.14vw;
	}


	/*****************************************************
	　ロゴの作成 
	*****************************************************/
	.logo-making{
		margin:18.35vw 0 0;
	}
	/* 2カラムブロック 
	------------------------------------------------- */
	.logo-making .column-2-block{
		margin:9.66vw auto 0;
	}
	.logo-making .column-2-block .img,
	.logo-making .column-2-block .text{
		max-width:none;
		width:100%;
	}
	/* 作品 
	------------------------------------------------- */
	.lm-works{
		display:block;
		margin:10.38vw 0 0;
	}
	.lm-works .lm-works_item{
		max-width:none;
		width:100%;
	}
	.lm-works .lm-works_item + .lm-works_item{
		margin:8vw 0 0;
	}
	.lm-works .lm-works_item .ttl{
		font-size:3.38vw;
		margin:3.38vw 0 0;
	}
	.logo-making .view-logoworks{
		font-size:3.14vw;
		margin:5.31vw 0 0;
	}
	.logo-making .view-logoworks a{
		background-size:1.44vw 2.17vw;
		-webkit-background-size:1.44vw 2.17vw;
		padding:0 2.41vw 0 0;
	}
	/* ボタン 
	------------------------------------------------- */
	.logo-making .btn{
		font-size:3.62vw;
		line-height:10.86vw;
		margin:7.48vw auto 0;
		max-width:none;
	}


	/*****************************************************
	　初心者向けの篆刻教室 
	*****************************************************/
	.tenkoku-school{
		margin:17.87vw 0 17.14vw;
	}
	.tenkoku-school .column-2-block{
		margin:7.48vw 0 12.07vw;
	}
	.tenkoku-school .column-2-block .text .btn{
		margin:2.65vw 0 0;
	}
	/* スライダー 
	------------------------------------------------- */
	.tenkoku-school .img-slide .slick-dots{
		margin:3.14vw 0 0;
	}
	.tenkoku-school .img-slide .slick-dots li{
		width:3.62vw;
		height:3.62vw;
		margin:0 1.69vw;
	}
	.tenkoku-school .img-slide .slick-dots li button:before{
		width:3.62vw;
		height:3.62vw;
		line-height:3.62vw;
	}
	/* 経歴 
	------------------------------------------------- */
	.career{
		margin:5.31vw 0 0;
	}
	.career dt{
		font-size:3.86vw;
		margin:0 0 2.41vw;
	}
	.career dd{
		font-size:3.14vw;
	}
	/* 「篆刻教室のお申し込み」ボタン 
	------------------------------------------------- */
	.tenkoku-school > .btn{
		font-size:3.62vw;
		line-height:10.86vw;
		max-width:none;
	}
}