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

/*
==============================================================
   basic-styles
==============================================================
*/
body {	
	color:#555;
	font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:93.75%;
	line-height:1.66666667;
}
#page-body :first-child {
	margin-top:0;
}
#page-body :last-child {
	margin-bottom:0;
}
#tinymce {
	font-size:100%;
	max-width: 680px;
}
#tinymce.post-type-post {
	font-size:87.5%;
	line-height:1.71428571;
}
a {
	color:#005A9A;
	text-decoration:none;
	transition:  all ease .2s
}
a:hover {
	text-decoration: underline;
	transition:  all ease .2s
}
p,ul,ol,dl {
	margin:0 0 .8em 0;
}
nav ul,
nav ol {
	list-style:none;
	padding:0;
	margin:0;
}
p {
	text-align:justify;
	text-justify:distribute;
}
ul {
	list-style: square outside;
	padding-left:2em;
	line-height:1.4;
}
ul li {
	margin-bottom:.2em;
}
ul ul {
	padding-left:1em;
	margin:.2em 0 .2em;
}
dl dt {
	margin:0 0 2px 0;
}
dl dd {
	margin:0 0 6px 0;
}
address {
	font-style:normal;
}
strong {
	color:#000;
	font-weight:normal;
}
hr {
	height:0;
	margin:1.2em 0 1.4em;
	border:none;
	border-bottom:1px solid #ddd;
}
/*
-----------------------------------------------------------
 headdings
-----------------------------------------------------------
*/
h1, h2, h3, h4, h5 {
	font-family: 'Lato', "FOT-ロダン ProN L", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	font-weight:normal;
	clear:both;
}
h1 {
	font-size:100%;
}
h2 + h3,
h3 + h4,
h4 + h5 {
	margin-top:0;
}
h2:first-child {
	margin-top:6px;
}
h2 {
	font-size:240%;/*36px*/
	line-height:1.22222222;
	text-align:center;
	letter-spacing:1px;
	margin:80px 0 40px;
}
h2:after {
	content:"";
	display:block;
	background:#999;
	width:80px;
	height:1px;
	margin:.2em auto 0;
	box-shadow:0 1px 0 #eaeaea;
}
h3:first-child {
	margin-top:6px;
}
h3 {
	font-size:146.666667%;/*22px*/
	line-height:1.27272727;
	letter-spacing:1px;
	padding:.6em .4em .5em;
	margin:40px 0 .6em;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	position:relative;
}
h3 a {
	color:#000;
	text-decoration:none !important;
}
h3 a:hover {
	color:#007ABF;
}
h3 a:after {
	font-size:16px;
	content:'\e811';
	margin-left:.3em;
	vertical-align:2px;
}
h4 {
	font-size:120%;/*18px*/
	line-height:1.11111111;
	letter-spacing:1px;
	padding:0 .2em .2em;
	margin:25px 0 10px;
	border-bottom:1px solid #999;
}
.no-clear {
	clear:none;
	overflow:hidden;
}
/*
 = Table
------------------------------------------*/
table {
	border-collapse:separate;
	background:#fff;
	margin: 10px 0 15px;
	border:1px solid #d0d0d0;
	border-right:none;
	border-bottom:none;
}
caption {
	text-align:left;
	margin-bottom:4px;
}
th,
td {
	padding:6px 8px 4px;
	border:1px solid #d0d0d0;
	border-top:1px solid #fff;
	border-left:1px solid #fff;
	empty-cells: show;
}
th {
	font-weight:normal;
	color:#333;
	background: #F9F9F5;
}
thead th {
	color:#fff;
	background: #0068B3;
	border-top:1px solid #448BBF;
	border-left:1px solid #448BBF;
	border-bottom:1px solid #999;
	border-right:1px solid #999;
}
.text-shadow-black {
	text-shadow:1px 1px 5px rgba(0,0,0,.9); 
}
.text-shadow-white {
	text-shadow:1px 1px 5px rgba(255,255,255,.9); 
}
.nowrap {
	white-space:nowrap;
}
th *:last-child,
td *:last-child {
	margin-bottom:0;
}
th p,
td p {
	margin-bottom:4px;
	line-height:1.2;
}
/*
 = form
------------------------------------------*/
input[type="text"],
input[type="email"],
input[type="submit"],
textarea {
	border:1px solid #ddd;
}
input[type="submit"] {
	display:inline-block;
	padding-left:12px;
	padding-right:12px;
}
/* .wpcf7*/
.wpcf7-captcha-captcha {
	vertical-align:bottom;
	box-shadow:none !important;
	border:none!important;
}
.wpcf7-form-control {
	line-height:19px;
}
.wpcf7 .font-size-13px {
	font-size:13px;
	line-height:1.53846154;
}
.wpcf7-submit {
	color:#333;
	line-height:22px;
	background:#eee;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#eee), to(#ccc));
	background: -webkit-linear-gradient(#eee, #ccc);
	background: -moz-linear-gradient(#eee, #ccc);
	background: -ms-linear-gradient(#eee, #ccc);
	background: -o-linear-gradient(#eee, #ccc);
	background: linear-gradient(#eee, #ccc);
	padding-left:18px;
	padding-right:18px;
	border:1px solid #fff !important;
	border-radius:4px;
	box-shadow: 0 0 3px rgba(0,0,0,.25)
}
.wpcf7-submit:hover {
	color:#222;
	background:#ddd;
	background:-webkit-gradient(linear, 0 0, 0 bottom, from(#ddd), to(#bbb));
	background: -webkit-linear-gradient(#ddd, #bbb);
	background: -moz-linear-gradient(#ddd, #bbb);
	background: -ms-linear-gradient(#ddd, #bbb);
	background: -o-linear-gradient(#ddd, #bbb);
	background: linear-gradient(#ddd, #bbb);
}
/*
==============================================================
   common-styles
==============================================================
*/
/*
 = .assistive-text
------------------------------------------*/
.assistive-text,
.screen-reader-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
/*
 = alignment
------------------------------------------*/
.alignleft {
	float:left;
	margin:0 15px 0 0;
}
.alignright {
	float:right;
	margin:0 0 0 15px;
}
#tinymce .aligncenter,
.aligncenter {
	display:block;
	float:none !important;
	margin:1.4em auto;
}
#tinymce .aligncenter .wp-caption-dd {
	text-align: justify;
	text-justify:distribute;
}
.text-alignleft {
	text-align: left;
}
.text-alignright {
	text-align:right;
}
.text-aligncenter {
	text-align:center;
}
/*
 = float Clear
------------------------------------------*/
.clear {
	clear:both;
}
hr.clear {
	display:block;
	width:100%;
	height:0;
	clear:both;
	margin:0;
	visibility:hidden;
}
#tinymce hr.clear {
	display:block;
	clear:both;
	background:#999;
	height:2px;
	width:100%;
	border:none;
	padding:0;
	margin:15px 0;
	visibility:visible;
}
#tinymce hr.clear:before {
	content:"clear";
	font-size:12px;
	vertical-align:2px;
	line-height:14px;
	color:#fff;
	background:#999;
	padding:0 4px;
	position:relative;
	top:-10px;
	left:0;
}
/*
 = font-size
------------------------------------------*/
.font-size-13px {
	font-size:13px;
	line-height:17px;
}
.font-size-18px {
	font-size:18px;
	line-height:24px;
}
.font-size-20px {
	font-size:20px;
	line-height:26px;
}
.font-size-22px {
	font-size:22px;
	line-height:30px;
}
.font-size-24px {
	font-size:24px;
	line-height:32px;
}
.position-relative {
	position:relative;
}
/*
 = letter-spacing
------------------------------------------*/
.letter-spacing_1px {
	letter-spacing:1px;
}
.letter-spacing_2px {
	letter-spacing:2px;
}
.letter-spacing_3px {
	
	letter-spacing:3px;
}
/*
 = link-icon
------------------------------------------*/
.link-icon {
	margin:0 2px;
	font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.link-icon:before {
	color:#333;
	content:'\e844';
	margin:0 -2px 0 0 !important;
}
/*
==============================================================
   fonts
==============================================================
*/
@font-face {
  font-family: 'icon-font-1-1';
  src: url('../font/icon-font-1-1.eot?86252807');
  src: url('../font/icon-font-1-1.eot?86252807#iefix') format('embedded-opentype'),
       url('../font/icon-font-1-1.woff?86252807') format('woff'),
       url('../font/icon-font-1-1.ttf?86252807') format('truetype'),
       url('../font/icon-font-1-1.svg?86252807#icon-font-1-1') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'icon-font-1-1';
    src: url('../font/icon-font-1-1.svg?86252807#icon-font-1-1') format('svg');
  }
}
*/
#header-nav li a:before,
#banner-phone-number .phone-number:before,
#global-nav .sub-menu li a:before,
.works-list a:before,
.link-icon:before,
.link-icon:after,
[class^="icon-"]:before,
[class*=" icon-"]:before,
#breadcrumb > span:before,
#breadcrumb > span.home a:before,
.icon-rss:before,
.widget ul li:before,
h3 a:after {
  font-family: "icon-font-1-1";
  font-style: normal;
  font-weight: normal;
  speak: none;
 
  display: inline-block;
  text-decoration:none;
  width: 1em;
  margin-right: 3px;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
     
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /*margin-left: .2em;*/
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
/*
 = Images
------------------------------------------*/
img,
figure {
	max-width:100%;
	height:auto;
	vertical-align:bottom;
}
img.circle {
	border-radius:100px;
	box-shadow:0 2px 2px #fff;
}
.type-page img,
.image-frame,
#page-body .mapp-layout {
	border:5px solid #fff;
	box-sizing:border-box;
	box-shadow:0 0 4px rgba(0,0,0,.4);
}
article img.no-frame {
	border:none;
	box-shadow:none;
}
#tinymce .wp-caption {
	max-width:100% !important;
}
#tinymce .wp-caption-dd,
.wp-caption-text,
.gallery-caption {
	font-size:12px;
	line-height:16px;
	padding:4px 0 0;
	text-align:justify;
	text-justify:distribute;
}
.wp-caption-text {
	padding:8px 0 4px;
}
/*
 = Gallery
------------------------------------------*/
.gallery img {
	width:100%;
	height:auto;
	border: 5px solid #fff;
	box-shadow:0 0 4px rgba(0,0,0,.4);
	box-sizing:border-box;
}
.gallery {
	clear:both;
	margin:0;
	overflow:hidden;
}
.gallery:first-child {
	margin-top:0;
}
.gallery:last-child {
	margin-bottom:0;
}
.gallery .gallery-item {
	float:left;
	margin:0;
	padding:1.4705882%;
	box-sizing:border-box;
}
.gallery .gallery-item a {
	position:relative;
	overflow:hidden;
}
.gallery-columns-2 .gallery-item:nth-child(odd),
.gallery-columns-3 .gallery-item:nth-child(3n+1),
.gallery-columns-4 .gallery-item:nth-child(4n+1),
.gallery-columns-5 .gallery-item:nth-child(5n+1),
.gallery-columns-6 .gallery-item:nth-child(6n+1),
.gallery-columns-7 .gallery-item:nth-child(7n+1),
.gallery-columns-8 .gallery-item:nth-child(8n+1),
.gallery-columns-9 .gallery-item:nth-child(9n+1) {
	clear:both;
}
#tinymce .gallery .gallery-item,
#tinymce .gallery-columns-2 .gallery-item,
#tinymce .gallery-columns-3 .gallery-item,
#tinymce .gallery-columns-4 .gallery-item {
	margin:0 10px 10px 0  !important;
}
#tinymce .gallery-columns-2 .gallery-item:nth-child(odd),
#tinymce .gallery-columns-3 .gallery-item:nth-child(3n+1),
#tinymce .gallery-columns-4 .gallery-item:nth-child(4n+1) {
	clear:none;
}
.gallery-icon img {
	display:block;
}
#tinymce .gallery .gallery-item {
	margin-left:0 !important;
	margin-right:0 !important;
}
/*
 = columns
------------------------------------------*/
.column {
	float:left;
	padding:1.4705882%;
	box-sizing:border-box;
}
.column.col-full,
.column.col-12-12 {
	clear:both;
	float:none;
}
.column.rtl {
	float:right;
}
.column.last {
	margin:0;
}
.gallery-columns-6 .gallery-item {
	width:16.666667%; /*140px + 30px =170px*/
}
.column.col-1-12 {
	width:8.3333333%; /*55px + 30px = 85px*/
}
.column.col-1-6,
.column.col-2-12 {
	width:16.666667%; /*140px + 30px = 170px*/
}
.column.col-1-5,
.gallery-columns-5 .gallery-item {
	width:20%; /*174px + 30px = 204px*/
}
.column.col-1-4,
.column.col-3-12,
.gallery-columns-4 .gallery-item {
	width:25%; /*225px + 30px = 255px*/
}
.column.col-1-3,
.column.col-4-12,
.gallery-columns-3 .gallery-item {
	width:33.333333%; /*310px + 30px = 340px*/
}
.column.col-2-5 {
	width:40%; /*372px + 30px = 408px*/
}
.column.col-5-12 {
	width:41.666667%; /*395px + 30px = 425px*/
}
.column.col-half,
.column.col-1-2,
.column.col-2-4,
.column.col-6-12,
.gallery-columns-2 .gallery-item {
	width:50%; /*480px + 30px = 510px*/
}
.column.col-7-12 {
	width:58.333333%; /*565px + 30px = 595px*/
}
.column.col-3-5 {
	width:60%; /*582px + 30px = 612px*/
}
.column.col-2-3,
.column.col-8-12 {
	width:66.666667%; /*650px + 30px = 680px*/
}
.column.col-3-4,
.column.col-9-12 {
	width:75%; /*735px + 30px = 765px*/
}
.column.col-5-6,
.column.col-10-12 {
	width:83.333333%; /*820px + 30px = 850px*/
}
.column.col-11-12 {
	width:91.666667%; /*905px + 30px = 935px*/
}
/*
 = Highlighted Box
------------------------------------------*/
.mat,
.note {
	color:#444;
	background:#faf7f0 url(../images/bg-paper.png);
	padding:1.4705882%;
	margin:0 1.4705882%;
	overflow:hidden;
}
.note {
	background-color:#eee;
}
.blog .note,
.single-post .note {
	margin:2.9411764% 1.4705882% 0;
}
.mat hr,
.note hr {
	margin:.6em 0 .8em;
	border-bottom:1px solid rgba(0,0,0,.2);
	box-shadow:0 1px 0 rgba(255,255,255,.8);
}
.note p,
.note ul,
.note ol {
	margin:.33333333em;
}
.note img {
	border:none !important;
	box-shadow:none !important;
}
.mat h2,
.mat h3,
.mat h4,
.mat h5,
.mat h6 {
	color:#333;
}
/*
 = Highlighted Box
------------------------------------------*/
.lg-backdrop {
	background:rgba(0,0,0,.9) !important;
}
@media screen and (max-width: 1019px) {
	body {	
		font-size:87.5%;
		line-height:1.42857143;
	}
}
@media screen and (max-width: 889px) {
	.row-inner {
		padding:1.4705882%;
	}
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 639px) {
	.gallery-columns-3 .gallery-item,
	.gallery-columns-4 .gallery-item,
	.gallery-columns-5 .gallery-item,
	.gallery-columns-6 .gallery-item,
	.gallery-columns-7 .gallery-item,
	.gallery-columns-8 .gallery-item,
	.gallery-columns-9 .gallery-item {
		width:50%; /*480px*/
	}
	.gallery-columns-3 .gallery-item:nth-child(3n+1),
	.gallery-columns-4 .gallery-item:nth-child(4n+1),
	.gallery-columns-5 .gallery-item:nth-child(5n+1),
	.gallery-columns-6 .gallery-item:nth-child(6n+1),
	.gallery-columns-7 .gallery-item:nth-child(7n+1),
	.gallery-columns-8 .gallery-item:nth-child(8n+1),
	.gallery-columns-9 .gallery-item:nth-child(9n+1) {
		clear:none;
	}
	.gallery-columns-2 .gallery-item:nth-child(odd),
	.gallery-columns-3 .gallery-item:nth-child(odd),
	.gallery-columns-4 .gallery-item:nth-child(odd),
	.gallery-columns-5 .gallery-item:nth-child(odd),
	.gallery-columns-6 .gallery-item:nth-child(odd),
	.gallery-columns-7 .gallery-item:nth-child(odd),
	.gallery-columns-8 .gallery-item:nth-child(odd),
	.gallery-columns-9 .gallery-item:nth-child(odd) {
		clear:both;
	}
	.column {
		width:auto !important;
		float:none !important;
		padding:2.9411765%;
	}
}
@media screen and (max-width: 566px) {
}
@media screen and (max-width: 479px) {
	.mat,
	.note {
		padding:5%;
	}
}