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

/* Common */




/* SP */
@media screen and (max-width: 1079px){
	
	/*共通*/
	h2.normal_h2.tit_nuki{
		display:inline-block;
		padding:0 8px;
		font-size:24px;
		font-weight:900;
		line-height:66px;
		background:#fff;
	}
	h2.normal_h2.tit_nuki_day{
		position:relative;
		display:inline-block;
		margin-bottom:30px;
		padding:14px 20px;
		min-width:250px;
		font-size:24px;
		font-weight:900;
		line-height:1.6;
		background:#fff;
	}
	h2.normal_h2.tit_nuki_day time{
		position:absolute;
		top:-9px;
		left:0;
		font-size:16px;
		font-weight:bold;
		line-height:1em;
	}
	h2.normal_h2.tit_nuki_day time span.updated{
		font-size:12px;
		font-weight:bold;
		color:#777;
        margin-left:0.6em;
	}
	.txt_area > p{
		font-size:14px;
		letter-spacing:0.01em;
	}
	.txt_area > p:not(:last-of-type){
		margin-bottom:2em;
	}
	.txt_area > p a{
		text-decoration:underline;
	}
	.txt_area > p a:active{
		color:#DB5050;
	}
	ul.re_sche{
		margin-bottom:2em;
	}
	ul.re_sche li{
		font-size:14px;
		list-style:inside;
		list-style-type:disc;
		text-indent:1em;
	}
	
	/*カスタム投稿記事詳細*/
	article.kiji_block ul.tags{
		display:flex;
		flex-wrap:wrap;
		margin-bottom:14px;
	}
	article.kiji_block ul.tags li:not(:last-of-type){
		margin-right:10px;
	}
	article.kiji_block ul.tags li a{
		padding: 0 10px;
		font-size: 12px;
		color: #FFF;
		line-height: 20px;
		background: #6C8341;
		transition: all 0.5s;
	}
	article.kiji_block ul.tags li a:active{
		background:#DB5050;
	}
	article.kiji_block h3{
		font-size:20px;
		font-weight:bold;
		margin-bottom:20px;
	}
	article.kiji_block h3:not(:first-of-type){
		padding-top:20px;
	}
	article.kiji_block h4{
		font-size:16px;
		font-weight:bold;
	}
	article.kiji_block p{
		margin-top:10px;
		margin-bottom:30px;
		font-size:14px;
	}
	article.kiji_block p a{
		text-decoration:underline;
	}
	article.kiji_block p a:active{
		color:#DB5050;
	}
	article.kiji_block p a.external{
		position:relative;
		margin-right:22px;
		cursor:pointer;
	}
	article.kiji_block p a.external::after{
		content: "";
		display: inline-block;
		position: absolute;
		top: -1px;
		right: -20px;
		width: 17px;
		height: 19px;
		background: url(../img/about/link_icon@2x.png) no-repeat 0 0 /cover;
	}
	article.kiji_block .photo{
		margin-bottom:30px;
	}
	article.kiji_block .photo img{
		width:100%;
		border:1px solid #2B2E3F;
		border-radius:30px;
		filter:brightness(120%);
	}
	article.kiji_block .photo img.noblight{
		filter:brightness(100%);
	}
	article.kiji_block ul.photo_area{
		display:flex;
		flex-wrap:wrap;
	}
	article.kiji_block ul.photo_area li:not(:first-of-type){
		margin-top:20px;
	}
	section.access{
		padding-top:30px;
	}
	section.access h3{
		margin-bottom:10px;
	}
	section.access p.access_txt{
		margin-bottom:10px;
	}
	section.access iframe{
		width:100%;
		height:300px;
		border:1px solid #2B2E3F;
    	border-radius:30px;
	}
	
	/*pop up*/
	.modal_pop{
		width: 100vw;
		height: 100vh;
		position:fixed;
		top: 0;
		left:0;
		z-index:197!important;
	}
	.modal_pop.disp_none{
		display:none;
	}
	.bg{
		background-color:rgba(51,51,51,0.9);
		width: 100%;
		height: 100%;
		position:fixed;
		z-index:198!important;
	}
	.modal_pop_main{
		width:calc(100% - 20px);
		height:60vh;
		position: absolute;
		left: 50%;
		top: 50%;
		margin:0;
		transform: translate(-50%, -50%);
		pointer-events:none;
		z-index:199!important;
	}
	.modal_pop_main .close_btn{
		position:absolute;
		width:50px;
		height:50px;
		background:#fff;
		border-radius:50%;
		transition:all .5s;
		pointer-events:auto;
	}
	.modal_pop_main .close_btn:active,
	.modal_pop_main .close_btn:hover{
		background:#DB5050;
	}
	.modal_pop_main .close_btn::before{
		content: '';
		height: 2px;
		width: 35px;
		background: #333;
		position: absolute;
		top: 50%;
		left: 7px;
		transform: rotate(405deg);
		transition:all .5s;
	}
	.modal_pop_main .close_btn::after{
		content: '';
		height: 2px;
		width: 35px;
		background: #333;
		position: absolute;
		top:50%;
		bottom: 11px;
		left: 7px;
		transform: rotate(-405deg);
		transition:all .5s;
	}
	.modal_pop_main .close_btn:active::before,
	.modal_pop_main .close_btn:active::after,
	.modal_pop_main .close_btn:hover::before,
	.modal_pop_main .close_btn:hover::after{
		background: #fff;
	}
	.pop_works .close_btn{
		top:0;
		right:0;
	}
	.pop_works .img_wrap{
		position:relative;
		width:100%;
		margin-top:60px;
		pointer-events:auto;
	}
	.pop_works .img_wrap img{
		width:100%;
	}
	
	/*新着情報*/
	ul.news_arc > li{
		padding:20px 0;
		border-bottom:1px solid #2B2E3F;
	}
	ul.news_arc > li:first-of-type{
		margin-top:20px;
		border-top:1px solid #2B2E3F;
	}
	ul.news_arc li h3 a{
		font-weight:bold;
	}
	ul.news_arc li h3 a:active{
		color:#CC5955;
	}
	ul.news_arc li h3 a time{
		margin-right:1em;
		font-weight:bold;
	}
	ul.news_arc li p{
		margin-top:12px;
		font-size:14px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}
	ul.news_arc li p a{
		text-decoration:underline;
	}
	ul.news_arc li p a:active{
		color:#CC5955;
	}
	
	/*固定ページ*/
	.page_cont{
		margin-top:30px;
	}
	.prof_area dt{
		font-weight:bold;
	}
	.prof_area dd{
		font-size:14px;
		margin-bottom:1rem;
	}
	.prof_area dd a{
		text-decoration:underline;
	}
	
	.navi_area section:not(:first-of-type){
		margin-top:50px;
	}
	.navi_area h3{
		font-weight:bold;
	}
	.navi_area ul.navi_list{
		margin-top:5px;
	}
	.navi_area ul.navi_list li:not(:first-of-type){
		margin-top:0.2rem;
	}
	.navi_area ul.navi_list li::before{
		content:"ー";
		font-size:14px;
	}
	.navi_area ul.navi_list li a{
		font-size:14px;
	}
	.navi_area ul.navi_list li a:active{
		color:#DB5050;
		text-decoration:underline;
	}
	.navi_area h3 span{
		margin-left:1.5em;
		font-size:12px;
		font-weight:bold;
	}
	.navi_area ul.link_list li{
		font-size:14px;
	}
	.navi_area ul.link_list li:first-of-type{
		margin-top:10px;
	}
	.navi_area ul.link_list li:not(:first-of-type){
		margin-top:30px;
	}
	.navi_area ul.link_list li p.link_tit{
		position:relative;
		display:inline-block;
	}
	.navi_area ul.link_list li p.link_tit::before{
		content:"ー";
	}
	.navi_area ul.link_list li p.link_tit a:active{
		color:#DB5050;
		text-decoration:underline;
	}
	.navi_area ul.link_list li p.link_tit a::after{
		content:"";
		display:inline-block;
		position:absolute;
		top:3px;
		right:-22px;
		width:17px;
		height:19px;
		background:url("../img/about/link_icon@2x.png") no-repeat 0 0 /cover;
	}
	.navi_area ul.link_list li p.link_txt{
		margin-top:15px;
		line-height:1.4em;
	}
	
}

@media screen and (min-width: 580px) and (max-width: 1079px){
	
	/*カスタム投稿記事詳細*/
	article.kiji_block ul.photo_area{
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	article.kiji_block .photo_single,
	article.kiji_block ul.photo_area li{
		width:calc(50% - 15px);
	}
	article.kiji_block ul.photo_area li:not(:first-of-type){
		margin-top:0;
	}
	article.kiji_block ul.photo_area li:nth-of-type(n+3){
		margin-top:30px;
	}
	
}
@media screen and (max-width: 350px){
	/*共通*/
	h2.normal_h2.tit_nuki{
		font-size:20px;
	}
}



/* PC */
@media screen and (min-width: 1080px){
	
	/*共通*/
	main.one_disp{
		height:100vh;
	}
	h2.normal_h2.tit_nuki{
		display: inline-block;
		padding:0 14px;
		font-size:28px;
		font-weight:900;
		line-height:80px;
		background:#fff;
	}
	h2.normal_h2.w_900{
		font-weight:900;
	}
	h2.normal_h2.w_700{
		font-weight:700;
	}
	h2.normal_h2.tit_nuki_day{
		position:relative;
		display:inline-block;
		margin-bottom:50px;
		padding:16px 20px;
		min-width:300px;
		font-size:30px;
		font-weight:900;
		line-height:1.6;
		background:#fff;
	}
	h2.normal_h2.tit_nuki_day time{
		position:absolute;
		top:-11px;
		left:0;
		font-size:20px;
		font-weight:bold;
		line-height:1em;
	}
	h2.normal_h2.tit_nuki_day time span.updated{
		font-size:14px;
		font-weight:bold;
		color:#777;
        margin-left:0.75em;
	}
	.txt_area > p{
		letter-spacing:0.04em;
	}
	.txt_area > p:not(:last-of-type){
		margin-bottom:2em;
	}
	.txt_area > p a{
		text-decoration:underline;
	}
	.txt_area > p a:hover{
		color:#DB5050;
	}
	ul.re_sche{
		margin-bottom:2em;
	}
	ul.re_sche li{
		list-style:inside;
		list-style-type:disc;
		text-indent:1em;
	}
	
	/*カスタム投稿記事詳細*/
	article.kiji_block ul.tags{
		display:flex;
		flex-wrap:wrap;
		margin-bottom:20px;
	}
	article.kiji_block ul.tags li:not(:last-of-type){
		margin-right:10px;
	}
	article.kiji_block ul.tags li a{
		padding: 0 10px;
		color: #FFF;
		line-height: 24px;
		background: #6C8341;
		transition: all 0.5s;
	}
	article.kiji_block ul.tags li a:hover{
		background:#DB5050;
	}
	article.kiji_block h3{
		font-size:28px;
		font-weight:bold;
		margin-bottom:30px;
	}
	article.kiji_block h3:not(:first-of-type){
		padding-top:30px;
	}
	article.kiji_block h4{
		font-size:20px;
		font-weight:bold;
	}
	article.kiji_block p{
		margin-top:10px;
		margin-bottom:50px;
	}
	article.kiji_block p a{
		text-decoration:underline;
	}
	article.kiji_block p a:hover{
		color:#DB5050;
	}
	article.kiji_block p a.external{
		position:relative;
		margin-right:24px;
		cursor:pointer;
	}
	article.kiji_block p a.external::after{
		content: "";
		display: inline-block;
		position: absolute;
		top: 2px;
		right: -22px;
		width: 17px;
		height: 19px;
		background: url(../img/about/link_icon@2x.png) no-repeat 0 0 /cover;
	}
	article.kiji_block .photo{
		margin-bottom:50px;
	}
	article.kiji_block .photo img{
		width:420px;
		height:300px;
		border:1px solid #2B2E3F;
		border-radius:30px;
		filter:brightness(120%);
		cursor:pointer;
	}
	article.kiji_block .photo img.noblight{
		filter:brightness(100%);
	}
	article.kiji_block ul.photo_area{
		display:flex;
		flex-wrap:wrap;
	}
	article.kiji_block ul.photo_area li:nth-of-type(odd){
		margin-right:50px;
	}
	article.kiji_block ul.photo_area li:nth-of-type(n+3){
		margin-top:30px;
	}
	section.access{
		padding-top:30px;
	}
	section.access h3{
		margin-bottom:10px;
	}
	section.access p.access_txt{
		margin-bottom:10px;
	}
	section.access iframe{
		width:100%;
		height:400px;
		border:1px solid #2B2E3F;
    	border-radius:30px;
	}
	
	/*pop up*/
	.modal_pop{
		width: 100vw;
		height: 100vh;
		position:fixed;
		top: 0;
		left:0;
		z-index:197!important;
	}
	.modal_pop.disp_none{
		display:none;
	}
	.bg{
		background-color:rgba(51,51,51,0.9);
		width: 100%;
		height: 100%;
		position:fixed;
		z-index:198!important;
	}
	.modal_pop_main{
		max-width:780px;
		/*height:80vh;*/
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		pointer-events:none;
		z-index:199!important;
	}
	.modal_pop_main .close_btn{
		position:absolute;
		width:60px;
		height:60px;
		background:#fff;
		border-radius:50%;
		transition:all .5s;
		pointer-events:auto;
	}
	.modal_pop_main .close_btn:hover{
		background:#DB5050;
	}
	.modal_pop_main .close_btn::before{
		content: '';
		height: 2px;
		width: 45px;
		background: #333;
		position: absolute;
		top: 50%;
		left: 7px;
		transform: rotate(405deg);
		transition:all .5s;
	}
	.modal_pop_main .close_btn::after{
		content: '';
		height: 2px;
		width: 45px;
		background: #333;
		position: absolute;
		top:50%;
		bottom: 11px;
		left: 7px;
		transform: rotate(-405deg);
		transition:all .5s;
	}
	.modal_pop_main .close_btn:hover::before,
	.modal_pop_main .close_btn:hover::after{
		background: #fff;
	}
	.pop_works .close_btn{
		top:0;
		right:0;
	}
	.pop_works .img_wrap{
		position:relative;
		width:100%;
		margin-top:90px;
		pointer-events:auto;
	}
	.pop_works .img_wrap img{
		width:100%;
	}
	
	/*新着情報*/
	ul.news_arc > li{
		padding:30px 0;
		border-bottom:1px solid #2B2E3F;
	}
	ul.news_arc > li:first-of-type{
		margin-top:30px;
		border-top:1px solid #2B2E3F;
	}
	ul.news_arc li h3 a{
		font-size:20px;
		font-weight:bold;
		transition: all 0.5s;
	}
	ul.news_arc li h3 a:hover{
		color:#CC5955;
	}
	ul.news_arc li h3 a time{
		margin-right:1em;
		font-weight:bold;
	}
	ul.news_arc li p{
		margin-top:20px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 5;
	}
	ul.news_arc li p a{
		text-decoration:underline;
	}
	ul.news_arc li p a:hover{
		color:#CC5955;
	}
		
	/*固定ページ*/
	main.page_about{
		width:calc(100% - 560px);
		padding-right:50px;
	}
	.page_cont{
		margin-top:50px;
		width:878px;
	}
	.prof_area{
		width:416px;
	}
	.prof_area dt{
		font-size:18px;
		font-weight:900;
	}
	.prof_area dd{
		margin-bottom:2rem;
	}
	.prof_area dd a{
		text-decoration:underline;
	}
	.prof_area dd a:hover{
		color:#DB5050;
	}
	
	.navi_area section:not(:first-of-type){
		margin-top:50px;
	}
	.navi_area h3{
		font-size:20px;
		font-weight:900;
	}
	.navi_area ul{
		margin-top:16px;
	}
	.navi_area ul.navi_list li:not(:first-of-type){
		margin-top:0.6em;
	}
	.navi_area ul.navi_list li::before{
		content:"ー";
	}
	.navi_area ul.navi_list li a{
		transition: all 0.5s;
	}
	.navi_area ul.navi_list li a:hover{
		color:#DB5050;
		text-decoration:underline;
	}
	.navi_area h3 span{
		margin-left:45px;
		font-size:14px;
		font-weight:bold;
		vertical-align:text-bottom;
	}
	.navi_area ul.link_list li{
		margin-top:1.5rem;
	}
	.navi_area ul.link_list li p.link_tit{
		position:relative;
		display:inline-block;
	}
	.navi_area ul.link_list li p.link_tit::before{
		content:"ー";
	}
	.navi_area ul.link_list li p.link_tit a{
		transition: all 0.5s;
	}
	.navi_area ul.link_list li p.link_tit a:hover{
		color:#DB5050;
		text-decoration:underline;
	}
	.navi_area ul.link_list li p.link_tit a::after{
		content:"";
		display:inline-block;
		position:absolute;
		top:6px;
		right:-22px;
		width:17px;
		height:19px;
		background:url("../img/about/link_icon@2x.png") no-repeat 0 0 /cover;
	}
	.navi_area ul.link_list li p.link_txt{
		margin-top:15px;
		line-height:1.4em;
	}
	
}
@media screen and (min-width: 1860px){
	
	/*カスタム投稿記事詳細*/
	section.access iframe{
		height:600px;
	}
	
	/*新着情報*/
	.news_arc_wrap{
		width:890px;
	}
	
}
@media screen and (min-width: 1391px) and (max-width: 1859px){
	
	/*カスタム投稿記事詳細*/
	article.kiji_block .photo img{
		width:100%;
		height:auto;
	}
	article.kiji_block .photo_single,
	article.kiji_block ul.photo_area li{
		width:calc(50% - 15px);
	}
	article.kiji_block ul.photo_area li:nth-of-type(odd){
		margin-right:30px;
	}
	article.kiji_block ul.photo_area li:nth-of-type(n+3){
		margin-top:30px;
	}
	
	/*新着情報*/
	.news_arc_wrap{
		/*width:calc(100% - 380px);*/
		margin-right:380px;
	}
	
}
@media screen and (min-width: 1080px) and (max-width: 1390px){
	
	/*カスタム投稿記事詳細*/
	article.kiji_block .photo img{
		width:100%;
		height:auto;
	}
	article.kiji_block .photo_single,
	article.kiji_block ul.photo_area li{
		width:100%;
	}
	article.kiji_block ul.photo_area li:nth-of-type(odd){
		margin-right:auto;
	}
	article.kiji_block ul.photo_area li:not(:first-of-type){
		margin-top:30px;
	}
	
	/*新着情報*/
	.news_arc_wrap{
		width:calc(100% - 60px);
	}
	ul.news_arc{
		margin-bottom:50px;
	}
	
}
@media screen and (min-width: 1440px){
	
	/*固定ページ*/
	main.page_about::after{
		content:"";
		display:inline-block;
		position:fixed;
		bottom:60px;
		right:150px;
		width:748px;
		height:530px;
		background:url("../img/about/bg_about@2x.png") no-repeat 0 0 /cover;
		z-index:-1;
	}
	.columns{
		height:calc(100vh - 250px);
	}
	
}
@media screen and (min-width: 1620px){
	
	/*固定ページ*/
	.columns{
		columns:2 421px;
		column-gap:36px;
		column-fill: auto;
	}
	
}
@media screen and (min-width: 1080px) and (max-width: 1539px){
	
	/*固定ページ*/
	.page_cont{
		width:100%;
	}
	
}
@media screen and (min-width: 1080px) and (max-width: 1100px){
	
	/*固定ページ*/
	.navi_area h3 span{
		margin-left:24px;
	}
	
}

@media screen and (min-width: 780px) and (max-width: 1079px){
	/*pop up関連*/
	.modal_pop_main{
		width:70%;
	}
	article.kiji_block .photo img{
		cursor:pointer;
	}
}