@charset "UTF-8";


/*****************************************************
　ヘッダー　
*****************************************************/
.top_header .globalnav_btn{
	opacity:0;
	transition:all 0.3s ease-out;
}
.fixed .top_header .globalnav_btn{
	opacity:1;
}


/*****************************************************
　メインビジュアル　
*****************************************************/
.main-visual{
	background:#fff;
	height:100vh;
	padding:15px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.main-visual_inner{
	height:100%;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
/* サイドバー
------------------------------------------------- */
.top-sidebar{
	width:241px;
	height:100%;
	text-align:center;
	padding:5.85vw 15px 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.top-sidebar ul{
	text-align:left;
	list-style-type:none;
}
.top-sidebar > ul{
	margin:70px 0 0;
	display:inline-block;
}
.top-sidebar ul li{
	font-size:94%;
	letter-spacing:0.18em;
}
.top-sidebar > ul > li{
	padding:0 12px;
}
.top-sidebar > ul > li + li{
	margin:28px 0 0;
}
.top-sidebar .has-child{
	position:relative;
}
.top-sidebar .has-child > a{
	padding:0 20px 0 0;
	position:relative;
}
.top-sidebar .has-child > a:before{
	content:'';
	background:url('../img/common/arrow_9x6.svg') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
	width:9px;
	height:6px;
	margin:-3px 0 0;
	display:block;
	position:absolute;
	top:50%;
	right:0;
	z-index:0;
}
.top-sidebar .child{
	background:#fff;
	width:150px;
	height:200px;
	padding:20px 30px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	visibility:hidden;
	opacity:0;
	transition:all 0.3s ease-out;
	position:absolute;
	top:-20px;
	right:-150px;
	z-index:1;
}
.top-sidebar .has-child:hover .child{
	visibility:visible;
	opacity:1;
}
.top-sidebar .has-child:hover > a:before{
	transform:scale(1,-1);
}
.top-sidebar .child li{
	line-height:1.3;
}
.top-sidebar .child li + li{
	margin:1em 0 0;
}
.top-sidebar .copyright{
	font-size:11px;
	font-size:1.1rem;
	padding:0 15px 0 0;
	position:absolute;
	bottom:15px;
	left:0;
	right:0;
	z-index:0;
}


.top-sidebar .sns {
	margin: 48px 0 0;
}


.insta::before {
 content: "";
 background: url('../img/common/Instagram_Icon.png') no-repeat center center;
 display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-right: 8px;
}


.line::before {
 content: "";
 background: url('../img/common/line_icon.png') no-repeat center center;
 display: inline-block;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    vertical-align: middle;
    margin-right: 8px;
}


/* 画像
------------------------------------------------- */
.main-visual_img{
	width:calc(100% - 241px);
	height:100%;
	overflow:hidden;
	position:relative;
}
.main-visual_img_vertical{
	font-size:42px;
	font-size:4.2rem;
	letter-spacing:0.28em;
	color:#fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position:absolute;
	/*top:100px;
	right:74px;*/
	top:10%;
	right:7%;
	z-index:1;
}
.main-visual_img_horizontal{
	font-size:30px;
	font-size:3.0rem;
	font-weight:500;
	letter-spacing:0.28em;
	color:#fff;
	position:absolute;
	/*bottom:70px;
	left:105px;*/
	bottom:10%;
	left:10%;
	z-index:1;
}
.main-visual_img_scroll{
	font-size:14px;
	font-size:1.4rem;
	font-weight:900;
	letter-spacing:0.18em;
	color:#fff;
	padding:0 0 77px;
	position:absolute;
	bottom:0;
	/*right:60px;*/
	right:6%;
	z-index:1;
}
.main-visual_img_scroll:before,
.main-visual_img_scroll:after{
	content:'';
	display:block;
	position:absolute;
	right:50%;
}
.main-visual_img_scroll:before{
	background:#fff;
	width:1px;
	height:66px;
	bottom:0;
}
.main-visual_img_scroll:after{
	background:#fff;
	width:7px;
	height:7px;
	margin:0 -3px 0 0;
	bottom:66px;
	-webkit-animation:scroll_slide 2s infinite;
	animation:scroll_slide 2s infinite;
}
@keyframes scroll_slide{
	0%{
		transform:translate(0,0);
		opacity:0;
	}
	40%{
		opacity:1;
	}
	80%{
		transform:translate(0,66px);
	}
	100%{
		opacity:0;
	}
}
/* ----- スライダー ----- */
.main-visual_slide,
.main-visual_slide .slick-list,
.main-visual_slide .slick-track{
	width:100%;
	height:100%;
}
.main-visual_slide .slide_item,
.main-visual_slide .slide_item .slide_item_inner{
	width:100%;
	height:100%;
}
.main-visual_slide .slide_item{
	overflow:hidden;
}
.main-visual_slide .slide_item1 .slide_item_inner{
	background:url('../img/top/main-visual_slide1.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
.main-visual_slide .slide_item2 .slide_item_inner{
	background:url('../img/top/main-visual_slide2.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
}
.main-visual_slide .slide_item3 .slide_item_inner{
	background:url('../img/top/main-visual_slide3.jpg') no-repeat right center;
	background-size:cover;
	-webkit-background-size:cover;
}
/* アニメーション */
.main-visual_slide{
	position:relative;
	z-index:0;
}
.main-visual_slide .slide_item{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	z-index:0;
}
.main-visual_slide .slide_item2{
	transform:translateX(5%) scale(1.1);
}
.main-visual_slide .slide_item3{
	transform:translateY(5%) scale(1.1);
}
.main-visual_slide .slide_item1.active{
	animation:slide_scale 10s 0s,slide_opacity 5s 0s;
	z-index:5;
}
.main-visual_slide .slide_item2.active{
	animation:slide_left 10s 0s,slide_opacity 5s 0s;
	z-index:5;
}
.main-visual_slide .slide_item3.active{
	animation:slide_top 10s 0s,slide_opacity 5s 0s;
	z-index:5;
}
.main-visual_slide .slide_item1.next,
.main-visual_slide .slide_item2.next,
.main-visual_slide .slide_item3.next{
	z-index:3;
	opacity:1;
}
@keyframes slide_scale{
	0%{
		transform:scale(1);
	}
	100%{
		transform:scale(1.2);
	}
}
@keyframes slide_left{
	0%{
		transform:translateX(5%) scale(1.1);
	}
	100%{
		transform:translateX(-10%) scale(1.1);
	}
}
@keyframes slide_top{
	0%{
		transform:translateY(5%) scale(1.1);
	}
	100%{
		transform:translateY(-10%) scale(1.1);
	}
}
@keyframes slide_opacity{
	0%{
		opacity:1;
	}
	80%{
		opacity:1;
	}
	100%{
		opacity:0;
	}
}


/*****************************************************
　印鑑について　
*****************************************************/
.about-inkan{
	background:#f4f4f4;
	height:100vh;
	display:flex;
	align-items:center;
}
.fixed .about-inkan{
	width:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:0;
}
.about-inkan_inner{
	display:flex;
	justify-content:space-between;
	align-items:center;
}
/* フェードイン
------------------------------------------------- */
.fadein .about-inkan_img,
.fadein .about-inkan_ttl,
.fadein .about-inkan_lead{
	opacity:0;
	transform:translate(0,30px);
	/*transition:all 500ms;*/
}
.fadein.scrollin .about-inkan_img{
	opacity:1;
	transform:translate(0,0);
	transition:all 0.8s ease-out;
}
.fadein.scrollin .about-inkan_ttl{
	opacity:1;
	transform:translate(0,0);
	transition:all 0.8s ease-out 0.5s;
}
.fadein.scrollin .about-inkan_lead{
	opacity:1;
	transform:translate(0,0);
	transition:all 0.8s ease-out 0.8s;
}
/* 画像
------------------------------------------------- */
.about-inkan_img{
	max-width:240px;
	width:27%;
}
/* テキスト
------------------------------------------------- */
.about-inkan_text{
	max-width:590px;
	width:65%;
}
.about-inkan_ttl{
	font-size:24px;
	font-size:2.4rem;
	line-height:1.5;
	letter-spacing:0.28em;
	margin:0 0 36px;
}
.about-inkan_ttl br{
	display:none;
}
.about-inkan_text p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	color:#4e4e4e;
	letter-spacing:0.18em;
	text-align:justify;
}
.about-inkan_text p + p{
	margin:1.5em 0 0;
}


/*****************************************************
　相馬の歴史　
*****************************************************/
.history{
	background:#fff;
	padding:155px 0 185px;
	display:flex;
	align-items:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
	z-index:1;
}
.fixed .history{
	margin:100vh 0 0;
}
.history_inner{
	display:flex;
	flex-flow:row-reverse;
	justify-content:space-between;
	align-items:center;
}
/* タイトル
------------------------------------------------- */
.history .section-ttl{
	margin:0 0 28px;
}
/* テキスト
------------------------------------------------- */
.history_text{
	max-width:580px;
	width:55%;
}
.history .acc-item{
	border-top:1px solid #707070;
	border-bottom:1px solid #707070;
}
.history .acc-item + .acc-item{
	border-top:none;
}
.history .acc-item .acc-ttl{
	font-size:24px;
	font-size:2.4rem;
	line-height:1.5;
	letter-spacing:0.28em;
	padding:35px 60px 35px 0;
	position:relative;
	cursor:pointer;
}
.history .acc-item .acc-ttl:before{
	content:'';
	background:url('../img/common/arrow_29x14.svg') no-repeat center center;
	width:29px;
	height:14px;
	margin:-7px 0 0;
	display:block;
	position:absolute;
	top:50%;
	right:20px;
}
.history .acc-item .acc-ttl.open:before{
	transform:scale(1,-1);
}
.history .acc-item .acc-content{
	padding:0 0 50px;
}
.history .acc-item .acc-content p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
}
/* 画像
------------------------------------------------- */
.history_img{
	background:#fff;
	max-width:402px;
	width:38%;
	padding:10px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.16);
	box-shadow:0 0 3px rgba(0,0,0,0.16);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/*****************************************************
　印を彫る　
*****************************************************/
.carve-a-seal_inner{
	background:#f4f4f4;
	display:flex;
	align-items:center;
	position:relative;
	z-index:2;
}
/* 画像
------------------------------------------------- */
.carve-a-seal_img{
	background:url('../img/top/carve-a-seal_main.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	width:50%;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	z-index:0;
}
.carve-a-seal_img_inner{
	width:100%;
	height:100%;
	position:relative;
}
.carve-a-seal_vertical{
	width:95px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:absolute;
	top:103px;
	left:109px;
	z-index:0;
}
.carve-a-seal_vertical span{
	width:1em;
	color:#fff;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display:block;
}
.carve-a-seal_vertical .jp{
	font-size:40px;
	font-size:4.0rem;
	font-weight:500;
	letter-spacing:0.28em;
}
.carve-a-seal_vertical .en{
	font-weight:300;
	letter-spacing:0.18em;
}
/* テキスト
------------------------------------------------- */
.carve-a-seal_text{
	width:50%;
	padding:10%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.carve-a-seal .num{
	font-size:15px;
	font-size:1.5rem;
	letter-spacing:0.28em;
	margin:0 0 25px;
	display:block;
}
.carve-a-seal .name{
	margin:0 0 50px;
}
.carve-a-seal .name .kanji{
	border-right:1px solid #000;
	font-size:24px;
	font-size:2.4rem;
	letter-spacing:0.25em;
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0;
}
.carve-a-seal .name .kana{
	font-size:18px;
	font-size:1.8rem;
	line-height:1.5;
	letter-spacing:0.25em;
}
.carve-a-seal .text{
	margin:0 0 50px;
}
.carve-a-seal .text p{
	font-size:15px;
	font-size:1.5rem;
	line-height:1.9;
	letter-spacing:0.18em;
	color:#4e4e4e;
	text-align:justify;
}
.carve-a-seal .text p + p{
	margin:1em 0 0;
}
.carve-a-seal .link{
	list-style-type:none;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.carve-a-seal .link li{
	width:50%;
	line-height:1.5;
	letter-spacing:0.18em;
	padding:0 0.5em 0 0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.carve-a-seal .link li:nth-child(2n){
	padding:0 0 0 0.5em;
}
.carve-a-seal .link li:nth-child(3),
.carve-a-seal .link li:nth-child(4){
	margin:20px 0 0;
}
.carve-a-seal .link li a{
	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);
}
/* モーダルウィンドウ内プロフィール */
.carve-a-seal .panel{
	-webkit-animation:tab_fadein 2.5s;
	animation:tab_fadein 2.5s;
}
@keyframes tab_fadein{
	0%{
		opacity:0;
	}
	40%{
		opacity:1;
	}
	100%{
		opacity:1;
	}
}
.carve-a-seal .profile{
	max-width:860px;
	width:67.18vw;
	display:flex;
	flex-flow:row-reverse;
	justify-content:space-between;
	align-items:flex-start;
}
.carve-a-seal .profile.noimg{
	max-width:450px;
	width:35.15vw;
}
.carve-a-seal .profile .profile_img{
	background:#fff;
	max-width:350px;
	width:41%;
	padding:10px;
	-webkit-box-shadow:0 0 3px rgba(0,0,0,0.16);
	box-shadow:0 0 3px rgba(0,0,0,0.16);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.carve-a-seal .profile .profile_text{
	width:100%;
}
.carve-a-seal .profile .profile_img + .profile_text{
	max-width:450px;
	width:53%;
}
.carve-a-seal .profile .link li a{
	color:#a0a0a0;
}
.carve-a-seal .profile .link li a:hover{
	color:#000;
	opacity:1;
}


/*****************************************************
　受賞歴　
*****************************************************/
.awards{
	background:#fff;
	padding:100px 0 108px;
	position:relative;
	z-index:1;
}
/* スライダー
------------------------------------------------- */
.awards_itemlist{
	margin:50px 0 0;
	padding:0 25px;
	display:flex;
	justify-content:space-between;
}
.awards_itemlist.slick-dotted.slick-slider{
	margin-bottom:0;
}
.awards_itemlist .awards_item{
	max-width:300px;
	width:29%;
	margin:0 40px;
}
.awards_itemlist .awards_item .thumb{
	border:1px solid #f5f5f5;
	text-align:center;
	margin:0 0 20px;
}
.awards_itemlist .awards_item .thumb img{
	margin:0 auto;
}
.awards_itemlist .awards_item .subttl{
	font-size:12px;
	font-size:1.2rem;
	line-height:1.5;
	letter-spacing:0.18em;
	margin:0 0 18px;
}
.awards_itemlist .awards_item .ttl{
	font-size:20px;
	font-size:2.0rem;
	line-height:1.7;
	letter-spacing:0.28em;
}
/* ----- 矢印 ----- */
.awards_itemlist .slick-prev,
.awards_itemlist .slick-next{
	/*width:24px;*/
	width:2.1%;
	height:52px;
	top:24%;
}
.awards_itemlist .slick-prev:before,
.awards_itemlist .slick-next:before{
	content:'';
	width:100%;
	height:100%;
	display:block;
}
.awards_itemlist .slick-prev:before{
	background:url('../img/common/arrow_24x52_reverse.svg') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
}
.awards_itemlist .slick-next:before{
	background:url('../img/common/arrow_24x52.svg') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
}
.awards_itemlist .slick-prev{
	left:0;
}
.awards_itemlist .slick-next{
	right:0;
}
/* ----- ドット ----- */
.awards_itemlist .slick-dots{
	margin:60px 0 0;
	position:static;
}
.awards_itemlist .slick-dots li button,
.awards_itemlist .slick-dots li button:before{
	font-size:100%;
}
.awards_itemlist .slick-dots li button:before{
	transition:all 0.3s ease-out;
}


/*****************************************************
　６つの約束　
*****************************************************/
.promise{
	background:#f2f2f2;
	padding:0 0 56px;
}
/* 背景画像
------------------------------------------------- */
.promise_bg{
	background:url('../img/top/promise_bg.jpg') no-repeat center center;
	background-size:cover;
	-webkit-background-size:cover;
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
}
/* タイトル
------------------------------------------------- */
.promise .section-ttl{
	margin:350px 0 0;
	padding:93px 0 0;
}
/* 内容
------------------------------------------------- */
.promise_content{
	margin:48px 0 49px;
	display:flex;
	justify-content:space-between;
}
.promise_content .sidebar{
	max-width:340px;
	width:32%;
}
.promise_content .sidebar ul{
	list-style-type:none;
}
.promise_content .sidebar ul li{
	border:1px solid transparent;
	font-size:20px;
	font-size:2.0rem;
	line-height:1.5;
	color:#a0a0a0;
	letter-spacing:0.28em;
	padding:20px;
	cursor:pointer;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.promise_content .sidebar ul li.active{
	border:1px solid #000;
	color:#000;
}
.promise_content .sidebar ul li span{
	margin:0 0.5em 0 0;
	padding:0 0.5em 0 0;
	position:relative;
}
.promise_content .sidebar ul li span:after{
	content:'';
	border-right:1px solid #a0a0a0;
	height:1em;
	font-size:inherit;
	margin:-0.4em 0 0;
	display:block;
	position:absolute;
	top:50%;
	right:0;
	z-index:0;
}
.promise_content .sidebar ul li.active span:after{
	border-right:1px solid #000;
}
.promise_content .contents{
	background:#fff;
	max-width:600px;
	width:57%;
	padding:70px 75px 160px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.promise_content .contents:before{
	content:'';
	background:url('../img/top/promise_in.png') no-repeat center center;
	background-size:contain;
	-webkit-background-size:contain;
	width:160px;
	height:160px;
	display:block;
	position:absolute;
	bottom:-48px;
	right:109px;
	z-index:1;
}
.promise_content .contents .panel{
	opacity:0;
}
.promise_content .contents .panel.active{
	opacity:1;
	-webkit-animation:tab_fadein 2.5s;
	animation:tab_fadein 2.5s;
}
.promise_content .contents .head{
	margin:0 0 47px;
}
.promise_content .contents .num{
	width:118px;
	font-size:15px;
	font-size:1.5rem;
	font-weight:500;
	margin:0 auto;
	padding:0 0 26px 0;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.promise_content .contents .num:before{
	content:'';
	background:#000;
	width:43px;
	height:1px;
	margin:0 -16px 0 0;
	display:block;
	position:absolute;
	bottom:21px;
	right:50%;
	z-index:0;
	transform:skewY(-45deg);
}
.promise_content .contents .ttl{
	font-size:28px;
	font-size:2.8rem;
	text-align:center;
	letter-spacing:0.28em;
	margin:20px 0 0;
}
.promise_content .contents .text p{
	font-size:15px;
	font-size:1.5rem;
	color:#4e4e4e;
	line-height:1.9;
	letter-spacing:0.18em;
	text-align:justify;
}
.promise_content .contents .text p + p{
	margin:1em 0 0;
}


/*****************************************************
　日々のこと　
*****************************************************/
.blog{
	background:#fff;
	padding:100px 0;
	position:relative;
	z-index:1;
}
/* ブログリスト
------------------------------------------------- */
.blog_itemlist{
	max-width:1060px;
	width:100%;
	margin:50px auto 70px;
	display:flex;
}
.blog_itemlist .blog_item{
	max-width:230px;
	width:22%;
}
.blog_itemlist .blog_item + .blog_item{
	margin:0 0 0 4%;
}
.blog_item .thumb{
	text-align:center;
}
.blog_item .date{
	font-size:11px;
	font-size:1.1rem;
	color:#707070;
	letter-spacing:0.18em;
	margin:17px 0 10px;
	display:block;
}
.blog_item .ttl{
	text-decoration:underline;
	line-height:1.8;
	letter-spacing:0.18em;
}
.blog_item .category{
	font-size:11px;
	font-size:1.1rem;
	color:#707070;
	letter-spacing:0.18em;
	margin:10px 0 0;
}
.blog_item .category span{
	font-size:inherit;
}
.blog_item .category span + span{
	margin:0 0 0 1em;
}
.blog_none{
	width:100%;
	text-align:center;
	margin:50px 0;
}
/* MOREボタン
------------------------------------------------- */
.blog .more{
	font-size:20px;
	font-size:2.0rem;
	text-align:center;
	letter-spacing:0.18em;
}
.blog .more a{
	text-decoration:underline;
}


@media screen and (max-width:1024px){
	/*****************************************************
	　ヘッダー　
	*****************************************************/
	/* 通常 
	------------------------------------------------- */
	.top_header .globalnav_btn{
		opacity:1;
		position:absolute;
	}
	.top_header .globalnav_btn .txt{
		color:#fff;
	}
	.top_header .globalnav_btn .bar span{
		background:#fff;
	}
	.top_header .globalnav_btn.open .txt{
		color:#000;
	}
	.top_header .globalnav_btn.open .bar span{
		background:#000;
	}
	/* fix 
	------------------------------------------------- */
	.fixed .top_header .globalnav_btn{
		position:fixed;
	}
	.fixed .top_header .globalnav_btn .txt{
		color:#000;
	}
	.fixed .top_header .globalnav_btn .bar span{
		background:#000;
	}


	/*****************************************************
	　メインビジュアル　
	*****************************************************/
	.main-visual{
		padding:0;
	}
	.main-visual_inner{
		display:block;
	}
	/* サイドバー
	------------------------------------------------- */
	.top-sidebar{
		width:43.71vw;
		height:44.44vw;
		margin:-22.22vw 0 0 -21.85vw;
		padding:0;
		position:absolute;
		top:50%;
		left:50%;
		z-index:5;
	}
	.top-sidebar ul,
	.top-sidebar .copyright{
		display:none;
	}
	.top-sidebar .logo img{
		width:100%;
	}
	.top-sidebar .logo{
		width:43.71vw;
		height:44.44vw;
		margin:-22.22vw 0 0 -21.85vw;
		display:block;
		position:absolute;
		top:50%;
		left:50%;
		z-index:1;
	}
	.top-sidebar .logo img{
		width:100%;
	}
	/* 画像
	------------------------------------------------- */
	.main-visual_img{
		width:100%;
		position:relative;
	}
	.main-visual_img_vertical,
	.main-visual_img_horizontal{
		display:none;
	}
	.main-visual_img_scroll{
		font-size:3.38vw;
		margin:0 -3em 0 0;
		padding:0 0 18.59vw;
		right:50%;
		z-index:1;
	}
	.main-visual_img_scroll:before{
		width:0.24vw;
		height:15.94vw;
	}
	.main-visual_img_scroll:after{
		width:1.69vw;
		height:1.69vw;
		margin:0 -0.72vw 0 0;
		bottom:15.94vw;
		-webkit-animation:scroll_slide 2s infinite;
		animation:scroll_slide 2s infinite;
	}
	@keyframes scroll_slide{
		0%{
			transform:translate(0,0);
			opacity:0;
		}
		40%{
			opacity:1;
		}
		80%{
			transform:translate(0,15.94vw);
		}
		100%{
			opacity:0;
		}
	}


	/*****************************************************
	　印鑑について　
	*****************************************************/
	.about-inkan{
		height:auto;
		padding:19.32vw 0;
		display:block;
	}
	.fixed .about-inkan{
		position:static;
	}
	.about-inkan_inner{
		display:block;
	}
	/* フェードイン
	------------------------------------------------- */
	.fadein .about-inkan_img,
	.fadein .about-inkan_ttl,
	.fadein .about-inkan_lead{
		transform:translate(0,7.24vw);
	}
	/* 画像
	------------------------------------------------- */
	.about-inkan_img{
		max-width:none;
		width:43.47vw;
		margin:0 auto;
	}
	.about-inkan_img img{
		width:100%;
	}
	/* テキスト
	------------------------------------------------- */
	.about-inkan_text{
		max-width:none;
		width:100%;
	}
	.about-inkan_ttl{
		font-size:4.83vw;
		text-align:center;
		line-height:1.8;
		margin:11.11vw 0 9.66vw;
	}
	.about-inkan_ttl br{
		display:block;
	}
	.about-inkan_text p{
		font-size:2.89vw;
		line-height:2.3;
	}
	.about-inkan_text p br.pc{
		display:none;
	}


	/*****************************************************
	　相馬の歴史　
	*****************************************************/
	.history{
		padding:14.49vw 0 16.9vw;
		display:block;
	}
	.fixed .history{
		margin:0;
	}
	.history_inner{
		display:block;
	}
	/* タイトル
	------------------------------------------------- */
	.history .section-ttl{
		margin:0 0 28px;
	}
	/* テキスト
	------------------------------------------------- */
	.history_text{
		max-width:none;
		width:100%;
	}
	.history .acc-item{
		border-top:0.24vw solid #707070;
		border-bottom:0.24vw solid #707070;
	}
	.history .acc-item .acc-ttl{
		font-size:4.34vw;
		padding:6.28vw 8vw 6.8vw 0;
	}
	.history .acc-item .acc-ttl:before{
		background-size:4.83vw 1.93vw;
		-webkit-background-size:4.83vw 1.93vw;
		width:4.83vw;
		height:1.93vw;
		margin:-0.96vw 0 0;
		right:2.41vw;
	}
	.history .acc-item .acc-content{
		padding:0 0 9.17vw;
	}
	.history .acc-item .acc-content p{
		font-size:2.89vw;
	}
	/* 画像
	------------------------------------------------- */
	.history_img{
		max-width:none;
		width:100%;
		margin:9.66vw 0 0;
		padding:1.93vw;
		-webkit-box-shadow:0 0 0.72vw rgba(0,0,0,0.16);
		box-shadow:0 0 0.72vw rgba(0,0,0,0.16);
	}
	.history_img img{
		width:100%;
	}


	/*****************************************************
	　印を彫る　
	*****************************************************/
	.carve-a-seal_inner{
		display:block;
		position:static;
	}
	/* 画像
	------------------------------------------------- */
	.carve-a-seal_img{
		background:url('../img/top/carve-a-seal_main_sp.jpg') no-repeat center center;
		background-size:cover;
		-webkit-background-size:cover;
		width:100%;
		height:84.54vw;
		position:static;
	}
	.carve-a-seal_vertical{
		width:14vw;
		top:14vw;
		left:16.9vw;
	}
	.carve-a-seal_vertical span{
		width:1em;
		color:#fff;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		display:block;
	}
	.carve-a-seal_vertical .jp{
		font-size:5.79vw;
	}
	.carve-a-seal_vertical .en{
		font-size:2.89vw;
	}
	/* テキスト
	------------------------------------------------- */
	.carve-a-seal_text{
		width:100%;
		padding:10.62vw 9.66vw 15.45vw;
	}
	.carve-a-seal .num{
		font-size:2.89vw;
		margin:0 0 4.83vw;
	}
	.carve-a-seal .name{
		margin:0 0 7.72vw;
	}
	.carve-a-seal .name .kanji{
		border-right:0.24vw solid #000;
		font-size:4.83vw;
	}
	.carve-a-seal .name .kana{
		font-size:3.62vw;
	}
	.carve-a-seal .text{
		margin:0 0 12.07vw;
	}
	.carve-a-seal .text p{
		font-size:2.89vw;
		line-height:2.3;
	}
	.carve-a-seal .link li{
		font-size:2.89vw;
	}
	.carve-a-seal .link li:nth-child(3),
	.carve-a-seal .link li:nth-child(4){
		margin:6.52vw 0 0;
	}
	/* モーダルウィンドウ
	------------------------------------------------- */
	.modal-win_contents_inner{
		width:90.34vw;
		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);
	}
	/* モーダルウィンドウ内プロフィール */
	.carve-a-seal .profile{
		max-width:none;
		width:auto;
		display:block;
	}
	.carve-a-seal .profile.noimg{
		max-width:none;
		width:auto;
	}
	.carve-a-seal .profile .profile_img{
		max-width:none;
		width:48.3vw;
		margin:0 auto;
		padding:1.2vw;
		-webkit-box-shadow:0 0 0.72vw rgba(0,0,0,0.16);
		box-shadow:0 0 0.72vw rgba(0,0,0,0.16);
		position:absolute;
		top:18.11vw;
		left:0;
		right:0;
		z-index:0;
	}
	.carve-a-seal .profile .profile_img + .profile_text{
		max-width:none;
		width:100%;
	}
	.carve-a-seal .profile .num{
		margin:0 0 3.14vw;
	}
	.carve-a-seal .profile .name{
		margin:0 0 6.52vw;
	}
	.carve-a-seal .profile .name .kana{
		font-size:2.65vw;
	}
	.carve-a-seal .profile .text{
		margin:calc(7.24vw + 7.24vw + 62.07vw) 0 9.66vw;
	}
	.carve-a-seal .profile.noimg .text{
		margin:0 0 9.66vw;
	}
	.carve-a-seal .profile .link li{
		font-size:2.65vw;
	}


	/*****************************************************
	　受賞歴　
	*****************************************************/
	.awards{
		padding:12.07vw 0 13.28vw;
	}
	.awards .inner-1190{
		width:92.51vw;
	}
	/* スライダー
	------------------------------------------------- */
	.awards_itemlist{
		margin:8.45vw 0 0;
		padding:0 3.38vw;
	}
	.awards_itemlist .awards_item{
		max-width:none;
		width:37.68vw;
		/*margin:0 40px;*/
		margin:0 2.65vw;
	}
	.awards_itemlist .awards_item .thumb{
		border:0.24vw solid #f5f5f5;
		margin:0 0 3.62vw;
	}
	.awards_itemlist .awards_item .subttl{
		font-size:2.17vw;
		line-height:1.4;
		margin:0 0 3.62vw;
	}
	.awards_itemlist .awards_item .ttl{
		font-size:2.89vw;
		line-height:2;
	}
	/* ----- 矢印 ----- */
	.awards_itemlist .slick-prev,
	.awards_itemlist .slick-next{
		width:2.41vw;
		height:5.31vw;
	}
	/* ----- ドット ----- */
	.awards_itemlist .slick-dots{
		margin:9.66vw 0 0;
	}
	.awards_itemlist .slick-dots li{
		width:3.62vw;
		height:3.62vw;
		margin:0 1.69vw;
	}
	.awards_itemlist .slick-dots li button:before{
		width:3.62vw;
		height:3.62vw;
		line-height:3.62vw;
	}


	/*****************************************************
	　６つの約束　
	*****************************************************/
	.promise{
		padding:0 0 18.11vw;
	}
	/* タイトル
	------------------------------------------------- */
	.promise .section-ttl{
		margin:60.38vw 0 0;
		padding:13.28vw 0 0;
	}
	/* 内容
	------------------------------------------------- */
	.promise_content{
		margin:8.45vw 0 0;
		display:block;
	}
	.promise_content .sidebar{
		max-width:none;
		width:100%;
	}
	.promise_content .sidebar ul li{
		border:0.24vw solid transparent;
		font-size:3.38vw;
		padding:2.41vw 4.83vw;
	}
	.promise_content .sidebar ul li.active{
		border:0.24vw solid #000;
	}
	.promise_content .sidebar ul li span:after{
		border-right:0.24vw solid #a0a0a0;
	}
	.promise_content .sidebar ul li.active span:after{
		border-right:0.24vw solid #000;
	}
	.promise_content .contents{
		max-width:none;
		width:100%;
		margin:11.35vw 0 0;
		padding:9.17vw 6.76vw;
	}
	.promise_content .contents:before{
		width:19.32vw;
		height:19.32vw;
		top:-4.83vw;
		bottom:auto;
		right:8.21vw;
	}
	.promise_content .contents .head{
		margin:0 0 7.24vw;
	}
	.promise_content .contents .num{
		width:21.25vw;
		font-size:2.89vw;
		padding:0 0 6.28vw 0;
	}
	.promise_content .contents .num:before{
		width:10.38vw;
		height:0.24vw;
		margin:0 -3.86vw 0 0;
		bottom:5.07vw;
	}
	.promise_content .contents .ttl{
		font-size:4.34vw;
		margin:4.1vw 0 0;
	}
	.promise_content .contents .text p{
		font-size:2.89vw;
		line-height:2.3;
	}


	/*****************************************************
	　日々のこと　
	*****************************************************/
	.blog{
		padding:14.49vw 0 15.45vw;
	}
	/* ブログリスト
	------------------------------------------------- */
	.blog_itemlist{
		margin:8.45vw auto 10.38vw;
		flex-wrap:wrap;
	}
	.blog_itemlist .blog_item{
		max-width:none;
		width:46%;
		margin:0 8% 0 0;
	}
	.blog_itemlist .blog_item + .blog_item{
		margin:0;
	}
	.blog_itemlist .blog_item:nth-child(3){
		margin:6.28vw 8% 0 0;
	}
	.blog_itemlist .blog_item:nth-child(4){
		margin:6.28vw 0 0;
	}
	.blog_item .date{
		font-size:2.17vw;
		margin:1.93vw 0;
	}
	.blog_item .ttl{
		font-size:2.89vw;
		line-height:1.7;
	}
	.blog_item .category{
		font-size:2.17vw;
		margin:1.93vw 0 0;
	}
	.blog_none{
		margin:12.07vw 0;
	}
	/* MOREボタン
	------------------------------------------------- */
	.blog .more{
		font-size:4.83vw;
	}
}


@media screen and (orientation:landscape) and (max-width:1024px){ /* 横向き */
	/*****************************************************
	　メインビジュアル　
	*****************************************************/
	/* サイドバー
	------------------------------------------------- */
	.top-sidebar .logo{
		max-height:30vw;
		text-align:center;
	}
	.top-sidebar .logo img{
		width:auto;
		height:100%;
	}
	/* 画像
	------------------------------------------------- */
	.main-visual_img_scroll{
		padding:0 0 20vh;
	}
	.main-visual_img_scroll:before{
		height:17.35vh;
	}
	.main-visual_img_scroll:after{
		margin:0 -0.72vw 0 0;
		bottom:17.35vh;
		-webkit-animation:scroll_slide 2s infinite;
		animation:scroll_slide 2s infinite;
	}
	@keyframes scroll_slide{
		0%{
			transform:translate(0,0);
			opacity:0;
		}
		40%{
			opacity:1;
		}
		80%{
			transform:translate(0,17.35vh);
		}
		100%{
			opacity:0;
		}
	}
}

