@media only print {
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*
html5doctor.com Reset Stylesheet
v1.4
2009-07-27
Author: Richard Clark - http://richclarkdesign.com
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video, button {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-text-size-adjust: 100%;
}
body {
	color: #212121;
	line-height: 1;
	font-family: 'Sawarabi Gothic', 'Hiragino Gothic Pro', sans-serif;
	-webkit-overflow-scrolling: touch;
	width: 960px;
	margin: auto;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section, img, video {
	display: block;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	display: block;
	color: #212121
}
a:hover, li a:hover {
	color: #0078c6;
}
a:focus {
	outline: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}
input, select {
	vertical-align: middle;
}
head {
	display: none;
}
* {
	list-style-type: none;
	text-decoration: none;
}
.hidden {
	visibility: hidden;
}
.slick-list {
	width: 90%;
}
.sns_area_sp {
	display: block;
	width: 135px;
	margin: auto;
	padding: 10px 0;
}
.sns_area_sp .sns_links {
	width: 45px;
	float: left;
	border: none;
}
.sns_links img {
	display: block;
	width: 35px;
	margin: auto;
}
#video {
	width: 100%;
	height: auto;
}
a :link, a :visited, a :hover {
	color: #212121;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
	.links {

	height: 40px;
	width: 90%;
	max-width: 420px;
	margin: auto;
	margin-top: 24px;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
.movies {
	width: 32%;
	line-height: 40px;
	background-color: #fff;
	color: #717171;
	text-align: center;
	border-radius: 2px;
	float: left;
	margin-left: 0;
	margin-right: 3%;
	font-size: 12px;
	border: 1px solid #717171;
}
	/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.news_site {
	display: block;
	width: 32%;
	line-height: 40px;
	background-color: #fff;
	color: #717171;
	text-align: center;
	border-radius: 2px;
	float: right;
	margin-right: 0;
	margin-left: 3%;
	font-size: 10px;
	border: 1px solid #717171;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.sns_heading {
	color: #212121;
	line-height: 14px;
	font-size: 14px;
	font-weight: bold;
	font-family: 'sawarabi Gothic';
	margin-top: 3em;
	margin: 0.5em 0;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/		
.PC,
.language_area,
#btn,
#overlay,
.header_top_box,
.logo,
.sns_area,
.contact_btn,
.home {
	display: none;
}

header {
	display: block;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
		
.header_top {
	width: 960px;
	background-color: #fff;
	z-index: 99;
	box-sizing: border-box;
	padding:0 20px;
	position: fixed;
	height:50px;
	}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
.home_link {
	display: block;
	height: 64px;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/	
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
.header_top_main {
	height:21px;
	padding-top: 25px;
	padding-bottom: 8px;
	background-color:#fff;
	max-width: 960px;
}
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
.header_top_main img {
	 float: left;
	 position: relative;
	 top: 50%;
	 transform: translateY(-50%);
	width: 215px;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/		
/*-----------------

Gナビ

-------------------*/
.drawer-dropdown,
.drawer-dropdown>a {
	line-height: 48px;
	height: auto;
}
.drawer-dropdown>a {
	width: 50%;
	margin: auto;
	border-bottom: 1px solid #212121;
}
/*------------

検索

------------*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
.cse-search-box {
	margin: auto;
	position: relative;
	width: 100%;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
.search {
	height: 60px;
	width: 80%;
	max-width: 960px;
	margin: auto;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
.search_text {
	font-size: 36px;
	color: #fff;
	padding-left: 2.5em;
	padding-right: 0em;
	width: 90%;
	height: 75px;
	position: relative;
	left: 6px;
	box-sizing: border-box;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #fff;
	background-color: transparent;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
.search_btn {
	width: 40px;
	height: 38px;
	padding: 0px;
	background-color: #666;
	cursor: pointer;
	border: none;
	color: transparent;
	position:relative;
}
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.search_img {
	height: auto;
	right: 0.4em;
	width: 48px;
	padding: 0px;
	border: none;
	color: #fff;
	background-color: transparent;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 1em;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/*----------

mainコンテンツ

--------------*/
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
	.main_img {
	padding-top: 68px;
	padding:0;
	width: 70%;
	float: left;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
	.main_img img {
	width: 100%;
	height: auto;
	padding-top: 20px;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
		
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
	.top_title {
	position: relative;
	display:inline-block;
	/* font-size: 4.2vw; */
	-webkit-text-orientation: upright;
	-ms-text-combine-horizontal: all;
	-ms-text-combine-horizontal: digits 2;
	letter-spacing: -20px;
	padding: 20px 0;
	position: relative;
	display:inline-block;
	}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.main_text_area {
	width: 90%;
	margin: 0 auto;
	display: inline-block;
	height: 30vw;
	line-height: normal;
	box-sizing: border-box;
	float: right;
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
	padding-bottom: 0;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	transform-origin: left top;
	-webkit-transform-origin: left top;
	-moz-transform-origin: left top;
	-o-transform-origin: left top;
	}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
.slider {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top:none;
	border-bottom: 1px solid;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.slider_items {
	font-weight: bold;
	padding:0;
	text-align: center;
	border-top:none
	width: 33%;
	width: 33%;
	border-top: none;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
.is-selected {
	border-right: 1px solid #212121;
}
.second_slider_items .is-selected {
	border: none;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
	.box_area {

	border-bottom: 1px solid #212121;
	padding-top: 20px;
	padding-bottom: 20px;
	margin: 0 auto 30px;
	border-top:1px solid #212121;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/	
.contents_box {
	width: 40%;
	float: left;
	width: 22%;
	margin: 1%;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	

figure {
	position: relative;
	overflow: hidden;
	width: 300px;
}
figcaption {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .6);
	-webkit-transition: .3s;
	transition: .3s;
	animation-direction: reverse;
	opacity: 0;
}
figure:hover figcaption {
	opacity: 1;
	color: #fff;
	font-size: 20px;
	box-sizing: border-box;
	padding-top: 35%;
	text-align: center;
}
.contents_box img {
	width: 100%;
}
h2 {
	width: 100%;
	text-align: center;
	font-size: 14px;
	padding-top: 20px;
	padding-bottom: 20px;
	z-index: 2;
}
/*----------

ページ下部スライダー

--------------*/
.second_slider {
	counter-increment: gallery-cell;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.second_slider_image {
	height: auto;
	margin: auto;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
	/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.second_slider p {
	padding-top: 20px;
	padding-bottom: 20px;
	font-weight: normal;
	text-align: center;
	font-size: 14px;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
.second_slider:before {
	text-align: center;
	content: counter(gallery-cell);
	color: white;
}
/*---------

フッター

--------------------*/
#page_top {
	position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 20;
	width: 45px;
	height: 45px;
	font-size: 30px;
	color: #fff;
	background-color: #0078c6;
	text-align: center;
	line-height: 55px;
}
#page_top p {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}
#page_top a {
	color: #fff;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
footer {
	font-size: 16px;
	height: initial;
    width: 100%;
    box-sizing: border-box;
    padding-right: 200px;
    padding-left: 20px;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
	/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.footer_list_area {
	width: 90%;
	margin: 20px auto 40px;
	width: 60%;
	float: right;
}	
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
	/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.footer_list li {
	text-align: center;
	height:11px;
	line-height:11px;
	border-bottom:none;
	float: left;
	width: 20%;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.copylight {
	height: 100px;
	font-size: 11px;
	line-height:11px;
	width: 30%;
	float: left;
	margin-top: 20px;
	text-align: left;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/*-------

ヘッダー

--------------*/


.
/*-----------

Gナビ

------------*/
.drawer-dropdown>a {
	width: 50%;
	margin: auto;
	border-bottom: 1px solid #212121;
}
.drawer--top.drawer-open .drawer-nav {
	position: fixed;
	top: 64px !important;
}


/*---------

mainコンテンツ

------------*/


.movies,

	
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.eyecatch {
	margin-bottom: 1em;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.sentence_text {
	padding: 20px 20px 0 20px;
	line-height: 1.5em;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.slider{
	border:none;
	padding:0;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.slide_area {
	margin: 0 auto;
	width: 100%;
	padding-bottom: 20px;
	padding-top: 20px;
	border-top: 1px solid #212121;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

.slide_area_second {
	border-bottom: 1px solid #212121;
}
/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/

.second_slider_items {
	border: none;
	width: 25%;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
/*-----------

フッター

---------------*/



.footer_list li a {
	font-size: 11px;
}
.footer_list a:hover{
	color:#0078c6;
}
.bdr_right {
	border-right: 1px solid #000;
}

.SP {
	display: none!important;
}
.PC,
header,
.header_top,
.header_top_main,
.header_top_main h1,
.header_top_main img,
.header_top_box,
.contact_btn,
#btn,
.contact_btn,
.sns_area,
.language_area,
#overlay,
.logo,
.logo img{
	display:block;
}
/*-----+

ヘッダー

----------*/

.header_top_box{
	position:absolute;
	right:0;
}
.home_link{
	height:initial;
}

.header_top_main img{
	float:none;
	width:180px;
	margin:auto;
	position:static;
	transform:none;
}


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
#btn {
	background: #fff;
	color: #717171;
	float: right;
	text-align: center;
	border-radius: 3px;
	cursor: pointer;
	z-index: 2;
	margin-right: 16px;
	height: 26px;
	line-height: 26px;
	font-size: 10px;
	margin-top: 15px;
	border: 1px solid #717171;
	padding: 0 0.5em;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
#overlay {
	display: none;
	width: 100%;
	height: 100%;
	position: fixed;
	left:0;
	z-index: 100;
	background: rgba(0, 0, 0, 0.7);
}
#text {
	padding-top: 400px;
}
#close {
	background-color:transparent;
	margin:2.5em;
	width: 70px;
	float: right;
	cursor: pointer;
}



input[type="text"] {
	outline: none;
}

#overlay > div > form > input[type="submit"]:nth-child(5) {
	cursor: pointer;
	background-color: transparent;
	color: #fff;
	font-size: 24px;
	border: none;
	position: absolute;
	right: 2em;
	bottom: 0.5em;
}
.contact_btn a {
	color: #717171;
}


/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.contact_btn {
	float: right;
	color: #717171;
	background-color: #fff;
	text-align: center;
	border-radius: 3px;
	z-index: 100;
	margin-right: 16px;
	height: 26px;
	line-height: 26px;
	font-size: 10px;
	padding: 0 0.5em;
	margin-top: 15px;
	border: 1px solid #717171;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/
.header_right {
	width: 200px;
	position: relative;
	float: right;
	z-index: 2;
}
.logo {
	width: 200px;
	position: fixed;
	top: 68px;
}
.logo img {
	width: 168px;
	margin: 0 auto;
}
.date_area {
	width: 200px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 30px;
	position: fixed;
	top: 310px;
}
.date {
	font-size: 22px;
	text-align: center;
	margin-bottom: 10px;
	font-weight: bold;
	font-family: "Sawarabi Mincho";
}
.year {
	text-align: center;
	border-bottom: 1px solid #212121;
	padding-bottom: 10px;
	font-size: 10px;
	font-family: "Sawarabi Mincho";
}
/*---------

ナビ

-----------*/
.menu_box {
	width: 200px;
	position: fixed;
	top: 360px;
	font-weight: bold;
}
.drawer-dropdown >a{
	width:100%;
	border:none;
}
.drawer-dropdown-menu {
	height: 100vh;
}
.drawer-dropdown {
	font-size: 18px !important;
}
.drawer-menu li a {
	height: 33px;
	line-height: 33px;
}
.gmenu_child a {
	font-size: 15px;
}
.drawer-dropdown a:hover {
	color: #fff;
	background-color: #0c4c7f;
}
.sns_area a img:hover {
	opacity: 0.8;
}
.open a {
	color: #fff;
	background-color: #0c4c7f;
}
.drawer-dropdown-menu a {
	color: #fff;
	z-index: 1000;
}
.drawer-dropdown-menu>li {
	height: 50px;
	box-sizing: border-box;
	z-index: 5000;
}
.drawer-dropdown>a>i{
	display:none;
}
.language_area {
	position: fixed;
	width: 100px;
	top: 26px;
	text-align: center;
	height: 1.2em;
}
.en_btn:hover {
	background: #717171;
	color: #fff;
}

.sns_area {
	width: 150px;
	position: fixed;
	margin-left: 30px;
	top: 580px;
	border-top: 1px solid #212121;
	padding-top: 10px;
}
.sns_area img {
	width: 35px;
	float: left;
	margin: 5px;
}
/*---------

mainコンテンツ

-----------*/
#main {
	padding-right: 200px;
	padding-top:64px;
}
.main_innner {

	border-right: 1px solid #212121;
	padding-right: 20px;
	padding-left: 20px;
	z-index: 1;
}

/*↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*/
.title {
	font-size: 28px;
	font-weight: bold;
	font-family: "Sawarabi Gothic", "Hiragino Gothic Pro", sans-serif;
}
/*↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/

.links a:hover{
	color:#fff;
}


.box_area h2:hover {
	color: #fff;
}

.footer_inner {
	width: 75%;
}

.copylight{
	height:initial;
}

.footer_list li a:hover{
	color:inherit;
}

/*-------

ヘッダー

----------*/


.header_top_main img {
	width: 190px;
}



.en_btn {
	height: 1.4em;
	line-height: 1.4em;
}
/*-------

mainコンテンツ

----------*/

.main_text_area{
	width:30%;
}

.is-selected +.slider_items {
	border-right: 1px solid #212121;
}
.second_slider .is-selected {
	border: none;
}




.sentence {
	position: relative;
	display:inline-block;
	box-sizing: border-box;
	width: 75%;
	display: block;
	line-height: 1.5em;
	font-size: 1.4vw;
	font-family: "Sawarabi Gothic", "Hiragino Gothic Pro", sans-serif;
	-ms-text-combine-horizontal: digits 2;
	-webkit-text-orientation: upright;
	word-break: break-all;
	letter-spacing: -8px;
}
.num1, .num2, .num3, .num4 {
	-webkit-text-combine: horizontal;
	-ms-text-combine-horizontal: all;
	text-combine-upright:all;
	letter-spacing: normal;
}
/*-------------------
アルファベット
	以下、ie,edgeにおけるアルファベット表示の調整
	上下の調整はtop:~~;にて行います。マイナス値も指定可能です。
	左右の位置調整はleft:~~;にて行ってください。
	こちらもマイナス値の指定が可能です。
--------------------*/
.alpha {
	position: relative;
	display: inline-block;
}
.ua-ie .alpha {
	display: inline-block;
	transform: rotateZ(-90deg);
	-ms-transform: rotate(-90deg);
	width: 1em;
	height: 1em;
	}
.ua-ie .alpha-a {
}
.ua-ie .alpha-b {
	top: 0.1em;
}
.ua-ie .alpha-c {
}
.ua-ie .alpha-d {
}
.ua-ie .alpha-e {
}
.ua-ie .alpha-f {
	top: 0.1em;
}
.ua-ie .alpha-g {
	top: -0.1em;
}
.ua-ie .alpha-h {
	top: 0.1em;
}
.ua-ie .alpha-i {
	left: 0.12em;
}
.ua-ie .alpha-j {
	top: -0.1em;
	left: 0.12em;
}
.ua-ie .alpha-k {
}
.ua-ie .alpha-l {
	left: 0.1em;
}
.ua-ie .alpha-m {
	left: -0.13em;
}
.ua-ie .alpha-n {
}
.ua-ie .alpha-o {
}
.ua-ie .alpha-p {
}
.ua-ie .alpha-q {
}
.ua-ie .alpha-r {
	top: 0.1em;
	left: 0.1em;
}
.ua-ie .alpha-s {
}
.ua-ie .alpha-t {
	left: 0.1em;
	}
.ua-ie .alpha-u {
}
.ua-ie .alpha-v {
}
.ua-ie .alpha-w {
	left: -0.1em;
}
.ua-ie .alpha-x {
}
.ua-ie .alpha-y {
}
.ua-ie .alpha-z {
	top: 0.1em;
}
.ua-edge .alpha {
	transform: rotate(-90deg);
}
.ua-edge .alpha-a {
}
.ua-edge .alpha-b {
	top: 0.1em;
}
.ua-edge .alpha-c {
}
.ua-edge .alpha-d {
}
.ua-edge .alpha-e {
}
.ua-edge .alpha-f {
	top: 0.1em;
}
.ua-edge .alpha-g {
	top: -0.1em;
}
.ua-edge .alpha-h {
	top: 0.1em;
}
.ua-edge .alpha-i {
	left: 0.12em;
}
.ua-edge .alpha-j {
	top: -0.1em;
	left: 0.12em;
}
.ua-edge .alpha-k {
}
.ua-edge .alpha-l {
	left: 0.1em;
}
.ua-edge .alpha-m {
	left: -0.13em;
}
.ua-edge .alpha-n {
}
.ua-edge .alpha-o {
}
.ua-edge .alpha-p {
}
.ua-edge .alpha-q {
}
.ua-edge .alpha-r {
	top: 0.1em;
	left: 0.1em;
}
.ua-edge .alpha-s {
}
.ua-edge .alpha-t {
	left: 0.1em;
}
.ua-edge .alpha-u {
}
.ua-edge .alpha-v {
}
.ua-edge .alpha-w {
	left: -0.1em;
}
.ua-edge .alpha-x {
}
.ua-edge .alpha-y {
}
.ua-edge .alpha-z {
	top: 0.1em;
}
/*----------------
chrome
以下、chromeに対してのフォント表示位置の調整上下位置はtop:~~;にて行ってください。
	マイナス値の指定も可能です。
	左右位置はleft:~~;
	もしくはright:~~;
	にて行ってください。
----------------*/
/*------------
縦書き部のタイトルにあたる箇所に対し、文字詰めを行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が大きいほど文字間が広がります。
	また、この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
------------------*/
.ua-chrome .top_title {
	letter-spacing: -10px;
}
/*------------
縦書き部、本文にあたる箇所に対し、文字詰め指定の継承を予防しています。
	------------------*/
.ua-chrome .sentence {
	letter-spacing:-0.2em;
}
/*-----------
数値の横書き対応。
	4桁までの数字が対応可能です。
-----------------------*/
.ua-chrome .num1 {
	display: inline-block;
	font-size: 100%;
	position: relative;
	height: 1em;
	width: 1em;
	}
.ua-chrome .num2 {
	display: inline-block;
	font-size: 100%;
	position: relative;
	height: 1em;
	width: 1em;
}
.ua-chrome .num3 {
	display: inline-block;
	font-size: 160%;
	position: relative;
	left: 5%;
	transform: scaleY(0.7);
	height: 1em;
	width: 1em;
}
.ua-chrome .num4 {
	display: inline-block;
	font-size: 170%;
	position: relative;
	left: 5%;
	transform: scaleY(0.7);
	height: 1em;
	width: 1em;
}
/*--------------------
縦書き部タイトル部
	、
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .top_title .comma {
	height: 1em;
	width: 1em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em;
}
/*--------------------
　縦書き部　タイトル部 
	。
	の表示位置を設定しています。
	上下位置はtop:~~;
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .top_title .period {
	height: 1em;
	width: 1em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em;
}
/*--------------------
　縦書き部、タイトル部
	～
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
----------------------*/
.ua-chrome .top_title .tilde {
	display: inline-block;
	transform: rotateZ(-90deg);
	-webkit-transform: rotate(-90deg) scaleY(-1);
	position: relative;
	left: 0.15em;
	top: 0.1em;
	}
/*--------------------
　縦書き部、タイトル部
	ー
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .top_title .lps {
	display: inline-block;
	transform: rotateZ(90deg) scaleY(-1);
	-webkit-transform: rotate(90deg) scaleY(-1);
	position: relative;
	left: -0.15em;
	top: 0.1em;
}
/*--------------------
縦書き部、タイトル部
	「及び『
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .top_title .s-bracket-open {
	display: inline-block;
	transform: rotate(-90deg) scale(-1);
	position: relative;
	left: 0.2em;
	top: 0.2em;
	}
/*--------------------
縦書き部、タイトル部
	」及び』
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .top_title .s-bracket-close {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	left: 0em;
	top: -0.2em;
}
/*--------------------

縦書き部、タイトル部
	（
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
----------------------*/
.ua-chrome .top_title .c-bracket-open {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	width: 1em;
	height: 1em;
	position: relative;
	left: 0em;
	top: 0.2em;
}
/*--------------------
縦書き部、
	）
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .top_title .c-bracket-close {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	width: 1em;
	height: 1em;
	position: relative;
	left: 0em;
	top: 0.5em;
}
/*--------------------
縦書き部、本文中の
	「および　『
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
----------------------*/
.ua-chrome .sentence_text .s-bracket-open {
	display: inline-block;
	transform: rotate(-90deg) scale(-1);
	height: 0.5em;
	width: 1em;
	position: relative;
	left: 0.4em;
	top: 0.4em;
	}
/*--------------------
	縦書き部、本文中の
	」および』
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .sentence_text .s-bracket-close {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	width: 1em;
	height: 0.5em;
	position: relative;
	left: 0.0em;
	top: 0.5em;
}
/*--------------------
	縦書き部、本文中の
	「および『
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .sentence_text .c-bracket-open {
	display: inline-block;
	transform: rotate(-90deg) scale(-1);
	height: 0.5em;
	width: 1em;
	position: relative;
	left: 0.24em;
	top: 0.2em;
}
/*--------------------
	縦書き部、本文中の
	」および』
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .sentence_text .c-bracket-close {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	width: 1em;
	height: 0.5em;
	position: relative;
	left: 0.24em;
	top: 0.4em;
	}
/*--------------------
	縦書き部　本文中の
	、
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .sentence_text .comma {
	height: 1em;
	width: 1em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em;
}
/*--------------------
	縦書き部　本文中の 
	。
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .sentence_text .period {
	height: 1em;
	width: 1em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em;
}
/*--------------------
　縦書き部、本文中の
	～
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .sentence_text .tilde {
	display: inline-block;
	transform: rotateZ(-90deg);
	-webkit-transform: rotate(-90deg) scaleY(-1);
	position: relative;
	left: 0.15em;
	top: 0.1em;
	}
/*--------------------
	縦書き部、本文中の
	ー
	の表示位置を設定しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------*/
.ua-chrome .sentence_text .lps {
	display: inline-block;
	transform: rotateZ(90deg) scaleY(-1);
	-webkit-transform: rotate(90deg) scaleY(-1);
	position: relative;
	left: -0.15em;
	top: 0.1em;
	}
/*----------------
	safari用
	以下、safariに対してのフォント表示位置の調整
	----------------*/
/*------------
	縦書き部のタイトルにあたる箇所に対し、文字詰めを行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が大きいほど文字間が広がります。
	また、この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
------------------*/	
.ua-safari .top_title {
	letter-spacing: -0.15em;
	}
/*-----------
	縦書き部、本文にあたる箇所に対し、文字詰め指定の継承を予防しています。
	------------------*/
	.ua-safari .sentence{
		letter-spacing:normal;
	}
	.ua-safari .sentence .comma{
		display:inline-block;
		position:relative;
		left:0.5em;
		top:0.2em;
	}
/*---------------------
	縦書き部　本文の
	。
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .sentence .period {
	display: inline-block;
	position: relative;
	left: 0.5em;
	top: 0.2em;
	}
/*---------------------
	縦書き部　本文の
	～
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .sentence .tilde {
	display: inline-block;
	-webkit-transform: rotate(90deg) scaleY(-1);
	position: relative;
	width: 1em;
	height: 1em;
	left: 0.1em;
	top: 0.3em;
}
/*---------------------
	縦書き部　本文の
	ー
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .sentence .lps {
	display: inline-block;
	-webkit-transform: rotate(90deg) scaleY(-1);
	width: 1em;
	height: 1em;
	position: relative;
	left: 0.15em;
	top: 0.15em;
}
/*---------------------
	縦書き部　本文の
	「　及び　『
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .sentence .s-bracket-open {
	display: inline-block;
	transform: rotate(-90deg) scale(-1);
	height: 1em;
	width: 1em;
	position: relative;
	left: 0.3em;
	top: 0.5em;
}
/*---------------------
	縦書き部　本文の
	」及び』
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .sentence .s-bracket-close {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	width: 1em;
	height: 1em;
	position: relative;
	left: -0.5em;
	top: 0.3em;
}
/*---------------------
縦書き部　本文の
	（
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .sentence .c-bracket-open {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	width: 1em;
	height: 1em;
	position: relative;
	left: -0.3em;
	top: 0.15em;
	}
/*---------------------
縦書き部　本文の
	）
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
----------------------------------*/
.ua-safari .sentence .c-bracket-close {
	display: inline-block;
	-webkit-transform: rotate(90deg);
	width: 1em;
	height: 1em;
	position: relative;
	left: -0.3em;
	top: 0.3em;
}
/*---------------------
縦書き部　タイトルの
	「及び『
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .top_title .s-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	right: -0.1em;
	top: -0.2em;
	}
/*---------------------
	縦書き部　タイトルの
	」及び』
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .top_title .s-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.4em;
	top: 0.2em;
}
/*---------------------
	縦書き部　タイトルの
	（
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .top_title .c-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: 0em;
	top: 0em;
}
/*---------------------
	縦書き部　タイトルの
	）
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .top_title .c-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: 0em;
	top: -0.1em;
}
/*--------------------
	縦書き部　タイトルの
	、
	の調整を行います。上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	---------------------------------*/
.ua-safari .top_title .comma {
	display: inline-block;
	position: relative;
	left: 0.5em;
	top: 0.5em;
	height: 0.5em;
}
/*---------------------
	縦書き部　タイトルの
	。
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	---------------------------------*/

.ua-safari .top_title .period {
	display: inline-block;
	position: relative;
	left: 0.5em;
	top: 0.5em;
	height: 0.5em;
}
/*---------------------
	縦書き部　タイトルの
	ー
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .top_title .top_title .lps {
	display: inline-block;
	-webkit-transform: rotate(90deg) scaleY(-1);
	width: 1em;
	height: 1.5em;
	position: relative;
	left: 0.6em;
	top: 0em;
}
/*---------------------
縦書き部　タイトルの
	～
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-safari .top_title .top_title .tilde {
	display: inline-block;
	-webkit-transform: rotate(90deg) scaleY(-1);
	width: 1em;
	height: 1.5em;
	position: relative;
	left: 0.6em;
	top: 0em;
}
/*----------------
	fire fox
	以下、firefoxでの縦書きエリアの調整を行います。
	--------------*/
/*------------
	縦書き部、タイトルにあたる箇所に対し、文字間設定を行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が多いほど文字間が広がります。
	また、この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
	------------------*/
.ua-gecko .top_title {
	letter-spacing: normal;
}
.ua-gecko .sentence {
	letter-spacing: normal;
}
/*---------------------
	縦書き部本文の
	～
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/

.ua-gecko .sentence .tilde {
	display: inline-block;
	transform: rotate(-90deg) scaleY(-1);
	position: relative;
	left: -0.05em;
}
/*--------------------縦書き部本文の
	ー
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	---------------------------------*/
.ua-gecko .sentence .lps {
	display: inline-block;
	transform: rotate(90deg) scaleY(-1);
	position: relative;
	left: 0.1em;
	top: -0.1em;
}
/*---------------------
	縦書き部タイトルの
	～
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-gecko .top_title .tilde {
	display: inline-block;
	transform: rotate(-90deg) scaleY(-1);
	position: relative;
	left: -0.05em;
}
/*---------------------
	縦書き部タイトルの
	ー
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-gecko .top_title .lps {
	display: inline-block;
	transform: rotate(90deg) scaleY(-1);
	position: relative;
	left: 0.1em;
	top: -0.1em;
}
/*-----------
	数値の表示位置を調整します。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;
	にて調整して下さい。
	-----------------------*/
.ua-gecko .num1, .ua-gecko .num2, .ua-gecko .num3, .ua-gecko .num4 {
	position: relative;
	top: -0.1em;
}
/*----------------
	edge
	以下、縦書きエリアにおけるEDGEでの調整を行います。
	--------------*/
/*------------
	縦書き部、タイトルにあたる箇所に対し、文字間設定を行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が多いほど文字間が広がります。
	現在は初期化の値として　normal　が設定されています。
	変更を加える際には、px em % などの単位が使用可能です。
	この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
	------------------*/

.ua-edge .top_title {
	letter-spacing: normal;
}
.ua-edge .sentence {
	letter-spacing: normal;
}
/*---------------------
	縦書き部の
	一桁の数字
	の表示位置調整を行います。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .num1 {
	position: relative;
	font-size: 100%;
	top: -0.3em;
	left: -0.05px;
	display: inline-block;
	transform: rotateZ(-90deg);
	width: 1em;
	height: 1em;
}
/*---------------------
	縦書き部　本文の
	、
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;
	にて調整して下さい。
	----------------------------------*/
.ua-edge .sentence .comma {
	height: 1em;
	width: 1em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em;
}
/*---------------------
	縦書き部　本文の
	。
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .sentence .period {
	height: 1em;
	width: 1em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em;
}
/*---------------------
	縦書き部　本文の
	～
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .sentence .tilde {
	display: inline-block;
	transform: rotateZ(-90deg) scaleY(-1);
	position: relative;
	left: -0.5em;
	top: -0.5em;
}
/*---------------------
	縦書き部　本文の
	ー
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .sentence .lps {
	display: inline-block;
	transform: rotateZ(90deg) scaleY(-1);
	position: relative;
	left: 0;
	top: 0;
}
/*---------------------
	縦書き部　本文の
	「及び『
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .sentence .s-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	right: 0.3em;
}
/*---------------------
	縦書き部　本文の
	」及び』
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/

.ua-edge .sentence .s-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.6em;
}
/*--------------------
	縦書き部　本文の
	（
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .sentence .c-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.5em;
	top: -0.2em;
}
/*---------------------
	縦書き部　本文の
	）
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .sentence .c-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.5em;
}
/*---------------------
	縦書き部　タイトルの
	「及び『
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	---------------------------------*/

.ua-edge .top_title .s-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	right: 0.4em;
	top: -0.1em;
}
/*---------------------
	縦書き部　タイトルの
	」及び』
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .top_title .s-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.4em;
	top: 0em;
}
/*---------------------
	縦書き部　タイトルの
	（
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .top_title .c-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.45em;
	top: -0.2em;
}
/*---------------------
縦書き部　タイトルの
	）
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .top_title .c-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.45em;
	top: 0.1em;
}
/*---------------------
	縦書き部　タイトルの
	～
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	---------------------------------*/
.ua-edge .top_title .tilde {
	display: inline-block;
	transform: rotateZ(-90deg) scaleY(-1);
	position: relative;
	left: 0em;
	top: -0.5em;
}
/*---------------------
	縦書き部　タイトルの
	ー
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-edge .top_title .lps {
	display: inline-block;
	transform: rotateZ(90deg) scaleY(-1);
	position: relative;
	left: 0;
	top: 0;
}
.ua-edge .alpha {
	display: inline-block;
	transform: rotateZ(-90deg);
	width: 1em;
	height: 1em;
}
/*---------
	IE全般
	以下、縦書きエリアにおけるIE全体への設定を行います。
-------------*/
/*------------
	縦書き部、タイトルにあたる箇所に対し、文字間設定を行っています。
	文字の組み合わせによっては調整が必要になるケースがあります。
	数値が多いほど文字間が広がります。
	単位はpx % em 等が使用可能です。
	また、この数値を変更するとその後に設定している各記号類の設定の見直しが必要になります。
	具体的には各記号のtopからの位置やheightの調整です。
	------------------*/
/*------------------
	本文に対しての文字間調整です
--------------------------*/
.ua-ie .sentence {
	letter-spacing: normal;
}
/*------------------
	タイトルに対しての文字間調整です
--------------------------*/
.ua-ie .top_title {
	letter-spacing: normal;
}
/*---------------------
縦書き部　タイトルの
	「及び『
	の調整を行います。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .top_title .s-bracket-open {
	transform: rotate(90deg);
	right: 0.5em;
	top: -0.1em;
}
/*---------------------
	縦書き部　タイトルの
	」及び』
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .top_title .s-bracket-close {
	transform: rotate(90deg);
	left: -0.5em;
	top: 0.2em;
}
/*---------------------
	縦書き部　タイトルの
	（
	の調整を行います。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .top_title .c-bracket-open {
	transform: rotate(90deg);
	left: -0.45em;
	top: -0.2em;
}
/*---------------------
	縦書き部　タイトルの
	）
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .top_title .c-bracket-close {
	transform: rotate(90deg);
	left: -0.45em;
	top:0.3em;
}
/*---------------------
縦書き部　本文の
	「及び『
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .s-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	right: 0.3em;
}
/*---------------------
	縦書き部　本文の
	」及び』
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .s-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.6em;
}
/*---------------------
	縦書き部　本文の
	（
	の調整を行います
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .c-bracket-open {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.5em;
	top: -0.2em;
}
/*---------------------
	縦書き部　本文の
	）
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/

.ua-ie .c-bracket-close {
	display: inline-block;
	transform: rotate(90deg);
	position: relative;
	left: -0.5em;
}
/*---------------------
縦書き部　本文の
	、
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .comma {
	height: 0.5em;
	width: 0.5em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em
}
/*---------------------
	縦書き部　本文の
	。
	の調整を行います。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .period {
	height: 0.5em;
	width: 0.5em;
	display: inline-block;
	position: relative;
	top: -0.5em;
	left: 0.5em
}
/*---------------------
	縦書き部　本文の
	ー
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .lps {
	display: inline-block;
	transform: rotate(-90deg);
	position: relative;
	top: -0.5em;
}
/*---------------------
	縦書き部　本文の　
	～
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie .tilde {
	display: inline-block;
	transform: rotate(-90deg);
	position: relative;
	top: -0.5em;
}
/*------------------
	一桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie .num1 {
	display: inline-block;
	transform: rotateZ(-90deg);
	width: 1.5em;
	height: 1.5em;
	position: relative;
	left: 0.5em;
}
/*--------------------
	IE9
	以下、IE9に呈しての設定
----------------------*/
/*------------------
	タイトル部、
	一桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num1 {
	position: relative;
	font-size: 100%;
	top: -0.5em;
	left: 0.6em;
	display: inline-block;
	-ms-transform: rotate(-90deg);
	width: 2em;
	height: 1.2em;
}
/*------------------
	タイトル部、
	二桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num2 {
	position: relative;
	font-size: 100%;
	top: -12px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	タイトル部、
	三桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num3 {
	position: relative;
	font-size: 90%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	タイトル部、
	四桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .top_title .num4 {
	font-size: 70%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	本文中での
	一桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/

.ua-ie-9 .sentence .num1 {
	position: relative;
	font-size: 100%;
	top: -0.5em;
	left: 0.6em;
	display: inline-block;
	-ms-transform: rotate(-90deg);
	width: 2em;
	height: 1.2em;
}
/*------------------
	本文中での
	二桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .sentence .num2 {
	position: relative;
	font-size: 100%;
	top: -12px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
本文中での
	三桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-9 .sentence .num3 {
	position: relative;
	font-size: 90%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
本文中での
	四桁の数値
	の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-----------------*/
.ua-ie-9 .sentence .num4 {
	font-size: 70%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*---------------------
	縦書き部　本文の
	～
	の調整を行います。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie-9 .sentence .tilde {
	display: inline-block;
	-ms-transform: rotate(90deg) scaleY(-1);
	position: relative;
	left: 0.1em;
	top: 0em;
}
/*---------------------
	縦書き部　本文の
	－
	の調整を行います。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	----------------------------------*/
.ua-ie-9 .lps {
	display: inline-block;
	-ms-transform: rotate(90deg) scaleY(-1);
	position: relative;
	left: 0;
	top: -0.06em;
}
/*----------------
	IE10
	以下、IE10の表示設定
-------------------*/
/*------------------
	一桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-10 .num1 {
	position: relative;
	font-size: 100%;
	top: -0.5em;
	left: 0.6em;
	display: inline-block;
	-ms-transform: rotate(-90deg);
	width: 2em;
	height: 1.2em;
}
/*------------------
	二桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、左右位置はleft及びright:~~;にて調整して下さい。
-------------------*/
.ua-ie-10 .num2 {
	position: relative;
	font-size: 100%;
	top: -12px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	三桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-10 .num3 {
	position: relative;
	font-size: 90%;
	top: -2px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}
/*------------------
	四桁の数値の表示位置を調整しています。
	上下位置はtop:~~;、
	左右位置はleft及びright:~~;にて調整して下さい。
	-------------------*/
.ua-ie-10 .num4 {
	position: relative;
	font-size: 70%;
	top: 0px;
	left: 0px;
	display: inline-block;
	-ms-transform: rotate(-90deg);
}



.footer_inner{
	width:100%;
}


.footer_list{
	position: relative;
	right: -10%;
}

.footer_list li:last-child {
	width: 30%;
}

.footer_list a:hover {
	width:90%;
	margin:auto;
	border-bottom: 1px solid #212121;
}


/*スライド２個目*/

.slide_area_second a {
	color: #212121;
}


#page-top {
	bottom: 5px;
	right: 0px;
}