/* Crimson Text */
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:700);
/* Noto Sans */
@import url(http://fonts.googleapis.com/css?family=Noto+Sans:700);

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
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;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
	content: '\0020';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
	zoom: 1;
}


/* Font
----------------------------------------------------------------------------------------------------*/
body,select,input,button,textarea,button,pre {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "游ゴシック", "メイリオ", "Meiryo", "OSAKA", "ＭＳ Ｐゴシック", "sans-serif";
	-webkit-font-smoothing: subpixel-antialiased;
}
.EN {
	font-family: "Crimson Text", "Arial", sans-serif;
	-webkit-font-smoothing: antialiased;
}


/* Basic
----------------------------------------------------------------------------------------------------*/
html {
	background-color: #FFF;
	overflow-y: scroll;
	height:100%;
}
body {
	background-color: #FFF;
	color: #000;
	word-wrap: break-word;
}

a:link { color: #000; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; text-decoration: none; }
.LinkNoLine a:link, .LinkNoLine a:visited, a:link.LinkNoLine, a:visited.LinkNoLine { color: #000; text-decoration: none; }
.LinkNoLine a:hover, .LinkNoLine a:active, a:hover.LinkNoLine, a:active.LinkNoLine { color: #000; text-decoration: underline; }

.Fleft { float: left !important; }
.Fright { float: right !important; }
.Fnone { float: none !important; }

.TextLeft { text-align: left !important; }
.TextCenter { text-align: center !important; }
.TextRight { text-align: right !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }

.mt0 { margin-top: 0px !important; }
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }

.pb0 { padding-bottom: 0px !important; }
.pb5 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pt0 { padding-top: 0px !important; }
.pt5 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.SP { display: none; }

/* JavaScript */
.OverOpacity,
.Hwindow,
.external{}

/* Header */
#Header {
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 75px;
	z-index: 1000;
}
#Header .Logo {
	background-color: #FFF;
	width: 100%; height: 30px;
}
#Header .Logo h1 {
	float: left;
	width: 124px; /* 161 */
	margin: 7px 0 0 28px;
}
#Header .Logo h1 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#Header .Button,
#RmenuButton {
	float: right;
	margin: 6px 28px 0 0;
}
#Header .Button li {
	display: inline;
}
#Header .Button li a {
	border-radius: 5px;
	background-color: #333;
	color: #FFF;
	font-size: 9px;
	text-decoration: none;
	padding: 4px 5px;
	margin: 0 0 0 5px;
}
#Header .Button li.active a {
	background-color: #009fa8; // 009fa8 
	color: #FFF;
}
.drawer-header {
	display: none;
}

/* Gnavi */
#Gnavi {
	clear: both;
	background-color: rgba(0,0,0,0.60);
	width: 100%; height: 45px;
	font-family: "Noto Sans", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: right;
}
#Gnavi ul {
	display: table;
	margin-left: auto;
	margin-right: 25px;
}
#Gnavi li {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 45px;
}
#Gnavi li .menuSP {
	display: none;
}
#Gnavi li a {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.04;
	color: #FFF;
	text-decoration: none;
	padding: 0 15px;
	height: 45px;
}
#Gnavi li.active {
	background-color: #009fa8;
}
#Gnavi li a:hover {
	color: #009fa8;
}
#Gnavi li.active a:hover {
	color: #FFF;
}

/* Footer */
#Footer {
	position: fixed;
	bottom: 0; left: 0;
	width: 100%; height: 45px;
	background-color: rgba(0,0,0,0.60);
	font-size: 9px;
	color: #FFF;
	text-align: center;
	z-index: 1000;
}
#Footer p {
	margin-top: 12px;
}
#Footer img {
	margin-left: 10px;
	vertical-align: middle;
}
#PageTop {
	display: none;
	position: fixed;
	width: 36px; height: 36px;
	bottom: 55px; right: 10px;
	z-index: 11000;
}

/* border-box */
#Contents .ContentsBG .OverFlow {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}


/* Contents */
.Hwindow { height: 100%; }
#Contents {
	position: relative;
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	z-index: 100;
}
#Contents .LeftColumn {
	float: left;
	margin-top: 26px;
	width: 19.375%;
	text-align: center;
}
#Contents .ContentsBG {
	float: left;
	width: 74.0625%;
	height: 100%;
	background-color: rgba(255,255,255,0.70);
}
#Contents .ContentsBG .OverFlow {
	padding: 25px 0 25px 25px;
	height: 100%;
	overflow-y: scroll;
}


/* TOP */
#TOP {
	position: relative;
	height: 100%;
}
#TOP .Logo {
	width: 100%;
	position: absolute;
	top: 50%; left: 0;
	text-align: center;
	transform: translateY(-50%);
}
#TOP .Logo img {
	width: 70%;
	height: auto;
}


/* NEWS */
#NEWS,
#COMPANY .ContentsArea,
#SERVICE,
#DOCUMENT,
#WORKS,
#PRIVACY,
#PROPERTY #Contents,
#CONTACT #Contents,
#PARTNER #Contents {
	padding-top: 118px;
	padding-bottom: 89px;
}
#NEWS .ContentsBG .OverFlow {
	padding: 0 25px 25px 25px;
	overflow: hidden;
}
#NEWS th,
#NEWS td {
	font-size: 12px;
	line-height: 1.5;
	padding-top: 25px;
	vertical-align: top;
}
#NEWS th {
	padding-right: 20px;
}
#NEWS b,
#NEWS a b {
	font-weight: bold;
}

/* COMPANY */
#COMPANY .ContentsBG .OverFlow {
	padding: 0 25px 25px 25px;
	height: 100%;
	overflow: auto;
}
#COMPANY .LeftColumn ul {
	list-style: none;
}
#COMPANY .LeftColumn ul li {
	margin-top: 10px;
}
#COMPANY .LeftColumn ul li:first-child {
	margin-top: 6px;
}
#CompanyWrap, #Profile, #History, #Greeting, #Access { height: 100%; }
#Profile th, #Profile td, #Profile .Registry, #Profile .Block,
#History th, #History td,
#PARTNER th, #PARTNER td,
#Greeting p {
	font-size: 12px;
	line-height: 2;
}
#COMPANY .ContentsBG {
	overflow: hidden;
}
#COMPANY .ContentsBG .OverFlow {
	padding: 30px 5px 25px 25px;
	height: 100%;
	overflow: auto;
}

#Profile,
#History,
#Greeting,
#Access {
}
#Profile.Active,
#History.Active,
#Greeting.Active,
#Access.Active {
	display: block;
}
#Profile h3,
#History h3,
#Greeting h3,
#Access h3,
#PARTNER .logo {
	margin-bottom: 19px;
}

/* Profile */
#Profile .OverFlow {
	/*
	background: url(../images/company/profile_bg.png) no-repeat right top;
	*/
}
#Profile .brandBlock + .brandBlock,
#SERVICE .brandBlock + .brandBlock {
	margin-top: 50px;
}
#Profile .logo,
#SERVICE .logo {
	margin-bottom: 19px;
}
#Profile .logo img,
#SERVICE .logo img {
  width: clamp(100px, 100%, 300px);
  max-width: 100%;
  height: auto;
}
#Profile th,
#Profile td {
	vertical-align: top;
	text-align: left;
}
#Profile th {
	white-space: nowrap;
	font-weight: normal;
	margin-right: 15px;
	padding-right: 30px;
}
#Profile .Registry th,
#Profile .Registry td {
	padding-top: 15px;
	padding-bottom: 25px;
}
#Profile .Block {
	margin-top: 20px;
	margin-right: 20px;
}
#Profile .Block dt {
	margin-bottom: 5px;
	font-weight: bold;
	font-size: 14px;
}
#Profile .Block p {
	font-size: 12px;
	line-height: 166%;
}

/* History */
#History .OverFlow {
	/*
	background-image: url(../images/company/history_bg1.png), url(../images/company/history_bg2.png);
	background-repeat: no-repeat, no-repeat;
	background-position: right top, center bottom;
	*/
}
#History th,
#History td {
	line-height: 150%;
	vertical-align: top;
	text-align: left;
	padding-bottom: 18px;
}
#History th {
	padding-right: 11px;
	font-weight: normal;
}
#History td.Month {
	text-align: right;
	padding-right: 16px;
}
#History th.Year,
#History td.Month {
	white-space: nowrap;
}

/* Greeting */
#Greeting .OverFlow {
	background: url(../images/company/greeting_bg.png) no-repeat right top;
	padding-right: 15px;
}
#Greeting p {
	margin-top: 1em;
}

/* Access */
#Access .Gmap,
#Access .Map {
	border: solid 1px #231815;
	width: 81.93832599%;
	margin-top: 24px;
}
#Access .Map img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
#Access .Gmap {
	margin-top: 0;
}
#Access .Block {
	margin-top: 20px;
}

/* SERVICE */
#SERVICE .ContentsBG .OverFlow,
#DOCUMENT .ContentsBG .OverFlow,
#PRIVACY .ContentsBG .OverFlow {
	padding: 25px;
	overflow: hidden;
}
#SERVICE .Block,
#DOCUMENT .Block,
#PRIVACY .Block {
	margin-top: 20px;
}
#SERVICE .Block:first-child,
#DOCUMENT .Block:first-child,
#PRIVACY .Block:first-child {
	margin-top: 0;
}
#Access .Block h3,
#SERVICE .Block h3,
#DOCUMENT .Block h3 {
	border-bottom: solid 1px #009fa8;
	padding-bottom: 10px;
	margin-bottom: 5px;
}
#Access .Block p,
#SERVICE .Block p,
#DOCUMENT .Block p,
#PRIVACY .Block {
	font-size: 12px;
	line-height: 2;
}

/* PRIVACY */
#PRIVACY .ContentsBG .OverFlow {
	padding: 25px;
	overflow: hidden;
	font-size: 12px;
	line-height: 2;
}
#PRIVACY ol {
	list-style: none;
}
#PRIVACY .Block h3 {
	font-weight: bold;
}
#PRIVACY .Block ol {
	list-style-type: none;
	margin-left: 1.5em;
}
#PRIVACY .Block ol li {
	list-style-type: none;
	counter-increment: cnt;
}
#PRIVACY .Block ol li::before {
	content: counter(cnt) ") ";
	display: inline-block;
	margin-left: -1.5em;
	width: 1.5em;
}


/* WORKS */
#WORKS .ContentsBG .OverFlow {
	padding: 30px 34px 25px 0;
	overflow: hidden;
}

#Entry {
	width: 100%;
}

#Detail {
	float: left;
	position: relative;
	width: 247px;
}
#Detail .icon {
	height: 10px;
	position: absolute;
	top: -13px; left: 30px;
}
#Detail .iconText {
	position: absolute;
	top: -15px; left: 30px;
	font-size: 10px;
	background: #000;
	color: #FFF;
	padding: 1px 2px;
}
#Detail .icon img {
	vertical-align: top;
}

/* Name */
#Detail .Name {
	padding: 0px 10px 9px 0px;
	border-bottom: solid 1px #009fa8;
}
#Detail .Name h2 {
	padding-left: 30px;
	font-size: 10px;
}
#Detail .Name h2 .EN {
	font-size: 14px;
}

/* Data */
#Detail .Data {
	padding: 9px 10px 0px 30px;
	font-size: 10px;
	line-height: 120%;
}
#Detail .Data th,
#Detail .Data td {
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: top;
}
#Detail .Data th {
	padding-right: 1em;
	white-space: nowrap;
	font-weight: normal;
}
#Detail .Data p {
	margin-top: 16px;
}

/* Photo */
#Entry .Photo {
	float: right;
	width: 429px;
}
#Entry .Photo .Large {
}
#Entry .Photo .Large img {
	width: 100%; height: auto;
}

#Entry .Photo .Prize {
	float: left;
	width: 95px;
	margin-top: 7px;
}

/* Thumb */
#Entry .Photo .Thumb {
	height: 48px;
	margin-top: 20px;
}
#Entry .Photo .Thumb ul {
	float: right;
	width: 265px;
	list-style: none;
}
#Entry .Photo .Thumb ul li {
	float: left;
	height: 48px;
	width: 48px;
	margin-left: 5px;
}
#Entry .Photo .Thumb ul li img {
	width: 100%; height: auto;
}

/* Map */
#Entry .Map {
	clear: both;
	float: left;
	width: 203px; height: 95px;
	margin: 25px 0 0 30px;
}

/* WorksList */
#WorksList,
#EntryList {
	margin: 14px 0 0 24px;
	list-style: none;
}
#WorksList li,
#EntryList li {
	float: left;
	height: 59px;
	width: 59px;
	margin: 6px 0 0 6px;
}
#WorksList li img,
#EntryList li img {
	width: 100%; height: auto;
}
#WorksList li {
	height: auto;
	width: 100px;
	margin: 10px 0 0 8px;
	line-height: 0.85;
}
#WorksList li span {
	margin-top: 3px;
}
#WorksList li .EN {
	color: #000;
	font-size: 9px;
}
#WorksList li .JA {
	color: #646464;
	font-size: 8px;
}


/* PROPERTY */
#PROPERTY #Contents,
#CONTACT #Contents,
#PARTNER #Contents {
	width: 834px;
}
#PROPERTY .EntryBlock {
	position: relative;
	width: 100%;
	padding: 25px 0;
	background-color: rgba(255,255,255,0.70);
	margin-bottom: 50px;
}

#PROPERTY .EntryBlock .Name,
#PROPERTY .EntryBlock .Data {
	width: 279px;
}
#PROPERTY .EntryBlock .Photo {
	position: absolute;
	width: 525px;
	top: 25px; right: 30px;
}

#PROPERTY .EntryBlock .Name {
	padding: 0 0 9px 0;
	border-bottom: solid 1px #009fa8;
}
#PROPERTY .EntryBlock .Name .Category {
	list-style: none;
	margin-left: 30px;
}
#PROPERTY .EntryBlock .Name .Category li {
	margin-bottom: 15px;
	font-size: 12px;
}
#PROPERTY .EntryBlock .Name .Category li span {
	padding: 4px 5px;
	border-radius: 5px;
	color: #FFF;
	background-color: #333;
}
#PROPERTY .EntryBlock .Name h2 {
	padding-left: 30px;
	padding-right: 10px;
	font-size: 14px;
}
#PROPERTY .EntryBlock .Name h2 .EN {
	font-size: 23px;
}
#PROPERTY .EntryBlock .Name h2 a { text-decoration: none; }

#PROPERTY .EntryBlock .Data {
	padding: 9px 0;
	font-size: 10px;
	line-height: 1.3;
}
#PROPERTY .EntryBlock .Data table {
	margin: 0 10px 0 30px;
	font-size: 10px;
	line-height: 120%;
}
#PROPERTY .EntryBlock .Data th,
#PROPERTY .EntryBlock .Data td {
	padding-top: 1px;
	padding-bottom: 1px;
	text-align: left;
	vertical-align: top;
}
#PROPERTY .EntryBlock .Data th {
	padding-right: 1em;
	white-space: nowrap;
	font-weight: normal;
}
#PROPERTY .EntryBlock .Data p {
	margin-top: 16px;
}

#PROPERTY .EntryBlock .Button {
	margin: 20px 0 10px 30px;
}
#PROPERTY .EntryBlock .Button a {
	border-radius: 5px;
	background-color: #333;
	color: #FFF;
	font-size: 12px;
	text-decoration: none;
	padding: 4px 5px;
}

#PROPERTY .EntryBlock .Map {
	margin-left: 30px;
	margin-top: 20px;
}
#PROPERTY .acf-map {
	width: 237px;
	height: 105px;
	border: solid 1px #CCC;
}

#PROPERTY .EntryBlock .Photo img {
	width: auto; height: auto;
}
#PROPERTY .EntryBlock .Photo .Large {
	text-align: center;
	height: 525px; height: 275px;
	overflow: hidden;
}
#PROPERTY .EntryBlock .Photo .Large img {
	width: auto; height: 275px;
}
#PROPERTY .EntryBlock .Photo .Text {
	font-size: 10px;
	line-height: 1.3;
	margin-top: 16px;
}

/* Thumb */
#PROPERTY .Photo .Thumb {
	height: 48px;
	margin-top: 20px;
}
#PROPERTY .Photo .Thumb ul {
	text-align: right;
	margin-left: auto;
	width: 265px;
	list-style: none;
}
#PROPERTY .Photo .Thumb ul li {
	display: inline-block;
	height: 48px;
	width: 48px;
	margin-left: 5px;
}
#PROPERTY .Photo .Thumb ul li img {
	width: 100%; height: auto;
}

#PROPERTY #PageNavi {
	text-align: center;
}
#PROPERTY #PageNavi a {
	margin: 0 32px;
}

/* CONTACT */
#CONTACT #Contents .Wrap {
	position: relative;
	padding: 25px 30px;
	background-color: rgba(255,255,255,0.70);
}
#CONTACT #Contents form table {
	width: 100%;
}
#CONTACT #Contents form table th,
#CONTACT #Contents form table td {
	background-color: #FFF;
}

/* PARTNER */
#PARTNER #Contents .Wrap {
	position: relative;
	padding: 25px 30px;
	background-color: rgba(255,255,255,0.70);
}



@media screen and (max-width: 959px){
	/*
	img{
		max-width: 100%;
		height: auto;
		width :auto;　
	}
	*/
	h2 img,
	#CompanyNavi img {
		max-width: 100%;
		height: auto;
		width :auto;　
	}
	#Contents{
		width:100%;
		margin: 0;
	}
	
	/* COMPANY */
	#CompanyNavi {
		width: 60.927152317%;
		margin: 0 auto;
	}
	
	/* WORKS */
	#Detail {
		float: none;
		width: 100%;
	}
	#Detail .Data {
		padding: 9px 0px  9px 30px;
	}
	#Entry .Photo {
		float: none;
		width: auto;
		margin: 30px 0 0 30px
	}
	#Entry .Photo .Large {
	}
	#Entry .Map {
		float: none;
		width: auto; height: 200px;
		margin: 25px 0 0 30px;
	}
	#Entry .Map iframe {
		width: 100%; height: 200px;
	}
	
	/* PROPERTY 834 */
	#PROPERTY #Contents,
	#CONTACT #Contents,
	#PARTNER #Contents {
		width: 86.875%;
		margin: 0 auto;
	}
	#PROPERTY .EntryBlock {
		width: auto;
		padding: 25px 30px 25px 0;
	}
	#PROPERTY .EntryBlock .Name,
	#PROPERTY .EntryBlock .Data {
		width: auto;
	}
	#PROPERTY .EntryBlock .Photo {
		position: relative;
		width: auto;
		top: auto; right: auto;
		margin-left: 30px;
	}
	#PROPERTY .Map iframe {
		width: 100%; height: 200px;
	}
	#PROPERTY .acf-map {
		width: auto; height: 200px;
	}

}
@media screen and (max-width: 767px){
	
	.PC { display: none; }
	.SP { display: inline; }
	
	/* Header */
	#Header {
		height: 60px;
	}
	#Header .Logo {
		height: 60px;
	}
	#Header .Logo h1 {
		margin-top: 18px;
		margin-left: 14px;
	}
	#Header .Logo h1 img {
		/*
		width: 241px;
		height: auto;
		width: auto;
		height: 30px;
		*/
		width: 80vw;
		height: auto;
	}
	
	/* Gnavi */
	#Header .Button, #Gnavi {
		display: none;
	}
	.drawer-header {
		display: block;
	}
	
	/* common */
	#Contents{
		width: 86.875%;
		margin: 0 auto;
	}
	#Contents .LeftColumn {
		float: none;
		margin-top: 0;
		width: auto;
		text-align: left;
	}
	#Contents .ContentsBG {
		float: none;
		width: 100%;
		height: auto;
		background-color: rgba(255,255,255,0.70);
	}
	#Contents .ContentsBG .OverFlow {
		height: auto;
		overflow: hidden;
	}
	#NEWS,
	#COMPANY .ContentsArea,
	#SERVICE,
	#DOCUMENT,
	#WORKS,
	#PRIVACY,
	#PROPERTY #Contents,
	#CONTACT #Contents,
	#PARTNER #Contents {
		padding-top: 50px;
		padding-bottom: 150px;
	}
	
	/* LOGO */
	#TOP {
		position: relative;
		height: auto;
		padding-top: 150px;
		padding-top: calc(60px + 50px + 100px);
		padding-bottom: 100px;
	}
	#TOP .Logo {
		width: auto;
		position: relative;
		top: auto; left: auto;
		transform: translateX(0);
	}
	#TOP .Logo img {
		width: 85%;
		height: auto;
	}
	
	/* NEWS */
	#NEWS .LeftColumn img {
		width: 96px;
		height: auto;
	}
	
	/* COMPANY */
	#COMPANY .LeftColumn ul {
		display: none;
	}
	#CompanyWrap, #Profile, #History, #Greeting, #Access { height: auto; }
	#Contents #COMPANY .ContentsBG { background-color: transparent; }
	#COMPANY .CBlock { margin-top: 20px; background-color: rgba(255,255,255,0.70); }
	#COMPANY .CBlock:first-child { margin-top: 0; }
	#COMPANY .ContentsBG .OverFlow { padding: 15px; }
	#Profile .OverFlow, #History .OverFlow, #Greeting .OverFlow {
		background: none;
	}
	#Profile th, #Profile td {
		padding-bottom: 10px;
	}
	#Profile th { padding-right: 15px;}
	#Profile .Block { margin-right: 0; }
	
	/* SERVICE */
	#SERVICE .Block h3 img,
	#DOCUMENT .Block h3 img {
		max-width: 294px;
		width: 100%;
		height: auto;
	}
	
	#CONTACT #Contents form table th,
	#CONTACT #Contents form table td {
		width: auto;
		display: block;
		border: none;
	}
	#CONTACT #Contents form table th {
	}
	#CONTACT #Contents form table td {
		padding-top: 0;
		border-bottom: solid 1px #000;
	}
	#CONTACT #Contents form table th input,
	#CONTACT #Contents form table td input {
		/* width: auto; */
	}
	
	/* WORKS */
	#Entry .Map,
	#Entry .acf-map {
		height: 150px;
	}
	#Entry .Map iframe,
	#Entry .acf-map {
		height: 150px;
	}
	
	/* Footer */
	#Footer {
		width: 100%; height: auto;
	}
	#Footer span {
		display: block;
		margin-bottom: 10px;
	}

	#PageTop {
		bottom: 0;
		right: 0;
	}
	
	#spNavi {}

	#spNavi ul {
		width: 100vw;
		display: flex;
		list-style: none;
	}

	#spNavi ul li {
		border-left: solid 1px #FFF;
	}

	#spNavi ul li:first-child {
		border-left: none;
	}

	#spNavi ul li a {
		display: block;
	}

	#spNavi ul li img {
		width: calc(100vw/4);
		height: calc(56/375*100vw);
		margin: 0;
	}
	
	/* FONT */
	#NEWS th, #NEWS td {
		font-size: 12px;
		line-height: 1.5;
	}
	#Profile th, #Profile td, #Profile .Registry, #Profile .Block, #Profile .Block p,
	#History th, #History td,
	#PARTNER th, #PARTNER td,
	#Greeting p,
	#SERVICE .Block p,
	#DOCUMENT .Block p {
		font-size: 14px;
		line-height: 1.5;
	}
	#PRIVACY .ContentsBG .OverFlow, #PRIVACY .Block {
		font-size: 12px;
		line-height: 1.5;
	}
	#Profile .Block p {
		line-height: 166%;
	}
	#Detail .Name h2,
	#PROPERTY .EntryBlock .Name h2 {
		font-size: 15px;
	}
	#Detail .Name h2 .EN,
	#PROPERTY .EntryBlock .Name h2 .EN {
		font-size: 20px;
	}
	#Detail .Data,
	#PROPERTY .EntryBlock .Data,
	#PROPERTY .EntryBlock .Data table,
	#PROPERTY .EntryBlock .Photo .Text {
		font-size: 12px;
		line-height: 1.5;
	}
}
@media screen and (max-width: 390px){
	#Entry .Photo .Thumb ul {
		float: none;
		width: 100%;
		margin-left: auto;
	}
	#Entry .Photo .Thumb ul li {
		width: 20%;
		margin: 0;
	}
	#Entry .Photo .Thumb ul li img {
		max-width: 48px;
		width: 98%;
		height: auto;
	}
}