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

/* -----------------------------------------------
       基本設定
--------------------------------------------------*/
html{
	overflow-y: scroll;
}
body {
	font-family: "游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.serif {
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝", "MS PMincho",  serif;
}
img {
	display: block;
	width: 100%;
	height: auto;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.cf:before,
.cf:after {
	content: " ";
	display: table;
}
.cf:after {
	clear: both;	
}
.cf {
	*zoom: 1;
}
a {
	text-decoration: none;
	transition: background 100ms linear 0s, color 200ms linear 0s, opacity 300ms linear 0s;
	}	
	
/*========================================
           open-header
==========================================*/	
	
	
#open-header {
	background-color: #000;
	color: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 122;
	width: 100%;
	height: 100%;
	transition: all 0.75s ease 0s;
	padding-top: 10%;
	opacity: 0;
	pointer-events: none;
	visibility: hidden;
	}
#open-header.shown {
	opacity: 1;
	pointer-events: all	;
	visibility: visible;
	}
	
#open-header .row {
	margin: 0 auto;
	}
#open-header .row h1 {
	font-weight: normal;
	margin-top: 60px;
	margin-bottom: 20px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #CCC;
	padding-left: 25px;
	font-size: 90%;
	font-family: 'Roboto', sans-serif;
	}
#open-header .row h1 i {
	margin-right: 5px;
	}
#open-header .row ul {
	list-style: outside none none;
	margin-top: 10px;
	background-color: #333;	
	}
#open-header .row ul li {
	display: block;
	border-bottom: #666 1px solid;
	padding-left: 28px;
	position: relative;
	}
#open-header .row ul:first-child li {
	border-top: #666 1px solid;
	}
#open-header .row ul li a {
	color: #fff;
	font-size: 100%;
	text-decoration: none;
	letter-spacing: 5px;
	font-weight: normal;
	transition: background 100ms linear 0s, color 200ms linear 0s, opacity 300ms linear 0s;
	line-height: 4em;
	 }
#open-header ul li a:hover {
    color: #a0d8ef;
	}
#open-header .row ul li i {
	font-size: 140%;
	position: absolute;
	right: 13px;
	top: 20px;
		}
	 
	 
/*========================================
           openButton
==========================================*/
#openButton p {
	width: 10%;
	}	

.home #openButton {
	color: #fff;
	cursor: pointer;
	margin-top: 20px;
	position: absolute;
	top: 3px;
	left: 20px;
	font-size: 80%;
	z-index: 120;
	}
	
.home #openButton i {
	font-weight: normal;
	margin-right: 0.5em;
	font-size: 200%;
	}
.kaisya #openButton,.gyoumu #openButton,.contact #openButton {
	color: #272727;
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	padding-bottom: 20px;
	padding-top: 20px;
	background: #fff none repeat scroll 0 0;
	z-index: 109;
	transform: translate(0px, 0px);
	transition: all 0.35s ease 0s;
	margin-top: 0;
	border-bottom: 1px solid #eee;
	font-size: 110%;

	}
.kaisya #openButton p,.gyoumu #openButton p,.contact #openButton p {
	margin-left: 20px;
	margin-top: 8px;
	cursor: pointer;
	font-size: 90%;
	font-family: 'Roboto', sans-serif;
	}
.kaisya #openButton i,.gyoumu #openButton i,.contact #openButton i {
	font-size: 160%;
	margin-right: 6px;
	font-weight: normal;
	}
	
/*========================================
           closeButton
==========================================*/	
#closeButton {
	cursor: pointer;
	position: absolute;
	left: 18px;
	top: 28px;
	color: #ccc;
	font-family: 'Roboto', sans-serif;
	letter-spacing: 1px;
	}
	
#closeButton i {
	font-size: 130%;
	font-weight: normal;
	margin-right: 5px;
	}
#closeButton p {
	font-size: 50%;
	}
/*===================home=================*/
	
.home #copy {
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin: 0 0 0 -83px;
	}
.home #copy p {
	color: #fff;
	font-size: 70%;
	font-family: 'Roboto', sans-serif;
	}
.home .logo {
	width: 393px;
	}
	
/*=================lead=================*/

#main .lead {
	color: #fff;
	text-align: center;
	line-height: 1.6em;
	}	
/*===================slide01=================*/	
#slide01 {
	margin-top: 65px;
	padding-bottom: 38px;
	background-color: #fff;
	color: #7b7b79;
	height: auto;
	padding-top: 42px;
	border-bottom: 20px solid #e8ecef;
	}
	#slide01 .logo {
	width: 280px;
	}
#slide01 a img {
		width: 280px;
		margin: 0 auto;
}
	
#slide01 ul {
	list-style: outside none none;
	margin-top: 42px;
	text-align: center;
	}
#slide01 ul li {
	display: inline-block;
	}
#slide01 ul li a {
	color: #164a84;
	text-decoration: none;
	padding-bottom: 4px;
	font-size: 85%;
	font-weight: normal;
	}
#slide01 .link li a.active {
	border-bottom: 2.5px solid #c0c6c9;
  color: #272727;
	}
#slide01 ul li a:hover {
	opacity: 0.6;
	}
	

/*===================footer=================*/
#colophon {
	background-color: #7A7B7C;
	}	
#colophon .box01 {
	background-color: #666;
	height: 31px;
	}
#colophon .box01 .page {
	background-color: #666;
	height: 31px;
	margin: 0 auto;
	}
#colophon .box01 .page p {
	width: 100px;
	background-color: #4C4A4A;
	text-align: center;
	height: 31px;
	float: right;
	padding-top: 7px;
	letter-spacing: 1px;
	transition: all 400ms ease-in-out 0s;
	position: relative;
	top: 0;
	}
#colophon .box01 .page:hover p {
	position: relative;
	top: -5px;
	}
#colophon .box01 .page p a {
	color: #fff;
	font-size: 75%;
	font-family: 'Roboto', sans-serif;
	}
#colophon .box01 .page p a:hover {
	opacity: 0.6;
	}

#colophon .box01 .page p a i {}

#colophon .center {
	background-color: #7A7B7C;
	margin: 0 auto;
	font-size: 80%;
	}
#colophon .center .ad {
	}
#colophon .center .ad a {
	width: 230px;
	display: inline-block;
	}
footer .center .ad ul {
	list-style: outside none none;
	border-left: 1px dotted #fff;
	color: #fff;
	font-size: 85%;
	padding: 5px 0 5px 20px;
	display: inline-block;
	line-height: 1.6em;
	}
#colophon .center .ad ul li {}
#colophon .box02 {
	background-color: #666;
	height: 31px;
	}
#colophon .box02 p {
	color: #fff;
	font-size: 70%;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	}
/*===================sub=================*/
#sub {
	padding: 1rem;
	background-color: #fff;
	}
#sub h1 {
	color: #9ea1a3;
	text-align: center;
	letter-spacing: 1px;
	margin-top: 10px;
	font-weight: normal;
	font-size: 110%;
	}
/*===================gaiyou=================*/
#gaiyou,#wrap-01 {
	border-top: 1px solid #eee;
	padding: 0 12px;
	margin-top: 18px;
	border-top:

	}
#gaiyou table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 14px;
	font-weight: normal;
	margin: auto 0;
	width: 100%;
		}
#gaiyou tr {
	line-height: 2em;
	
	}
#gaiyou tr th {
	text-align: left;
	font-weight: normal;
	color: #4c6cb3;
	padding: 17px 13px;
	border-bottom: 1px dotted #dcdddd;

	}
#gaiyou tr td {
	border-bottom: 1px dotted #dcdddd;
	color: #666565;
	padding: 17px 13px;
	text-align: left;
	}
#gaiyou tr th,td {
	letter-spacing: 1px;
	}
#gaiyou table td .mlink {
    position: static;
    text-align: right;
    width: 100%;
}
#gaiyou table td .mlink a {
		color: #4c6cb3;
    font-size: 12px;
    line-height: 12px;
    margin: 0 0 0 17px;
    padding: 0 0 5px 17px;
    text-align: left;
}
#gaiyou table td .mlink a i {
	font-size: 100%;
	margin: 0 3px;
	}
#gaiyou table .name-01 {
	position: relative;
	letter-spacing: 2.5px;
	}
#gaiyou table .name-01 .ai {
	font-size: 68%;
	position: absolute;
	left: 1.3em;
	top: 0;
	}
/*===================ggmap=================*/
#ggmap iframe {
    height: 400px;
    width: 100%;
		}
/*========================================
           gyoumu-naiyou
==========================================*/
#wrap-01 h2 {
	background-color: #34519e;
	color: #fff;
	letter-spacing: 2px;
	font-weight: normal;
	padding-left: 5px;
	line-height: 2.2em;
	font-size: 108%;
	text-indent: 4px;
	margin-bottom: 18px;
	margin-top: 30px;
	text-indent: 0.5em;
	}

#wrap-01 dl dt {
	color: #34519e;
	font-weight: normal;
	font-size: 94%;
	line-height: 1.8em;
	margin-bottom: 10px;
	}
#wrap-01 dl dt .no {
	font-size: 120%;
	color: #34519e;
	margin-right: 10px;
	}

#wrap-01 dl dd {
	color: #666565;
	font-size: 82%;
	line-height: 1.5em;
	margin-bottom: 22px;
	}
#wrap-01 ul {
	padding-left: 15px;
	margin-bottom: 20px;
	color: #666565;
	}
#wrap-01 ul li {
	line-height: 1.8em;
	font-size: 83%;
	margin-bottom: 10px;
	}
#wrap-01 #left {}	
#wrap-01 #right {}	
/*========================================
           contact
==========================================*/
.contact #wrap-01 .p-01 {
	font-size: 87%;
	line-height: 1.8em;
	color: #666565;
	} 

/*==========================form============================*/

#formWrap {
	width:460px;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:90%;
}
table.formTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	vertical-align: middle;
}
table.formTable td span {
	color: #F00;
	font-size: 78%;
	}

#formWrap .push {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
	}
#sub .kanryo {
	margin: 120px 50px;
	text-align: center;
	line-height: 1.8em;
	color: #666565;
	}
/*===============SP=======================================*/

@media only screen and (max-width:767px) {
	
/*----------------openButton------------------------*/

.kaisya #openButton p,.gyoumu #openButton p,.contact #openButton p {
	width: 30%;
	font-size: 85%;
	}
.kaisya #openButton i,.gyoumu #openButton i,.contact #openButton i {
	font-size: 140%;
	}
/*===================home=================*/
.home1 {
	height: 100%;
	background: #fff url(../img/b-09.png) no-repeat ;
	background-position: center center;
	background-size: cover;
	background-attachment: fixed;
	}
.home body {
	position: relative;
	}
.home #main {
	margin: 0 auto;
	color: #fff;
	padding-top: 210px;
	width: 90%;
	}
.home #main .logo {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 100%;
	max-width: 393px;
	}
.home #main .lead {
	text-align: center;
	}
/*-----------------about-----------------------*/
#about #photo {
	background: #F6F7F8 url(../img/sky-06.jpg) no-repeat 0 0;
	height: 116px;
	}

#about #photo img {
	display: none;
	}

/*-----------------sub-----------------------*/
#sub {
	padding-bottom: 10px;
	}
#sub h1 {
	font-size: 110%;
	}
/*-----------------slide01-----------------------*/
#slide01 .logo {
	width: 240px;
	}
#slide01 .logo img {
	width: 240px;

	}

#slide01 ul {
	padding-left: 0px;
	}
#slide01 ul .l-01 {
	letter-spacing: 1px;
	margin-right: 4px;
	}
#slide01 ul .l-02 {
	margin: 0 5px;
	letter-spacing: 1px;
	}
/*-----------------kaisya-gaiyou-----------------------*/
#gaiyou table {
	font-size: 82%;
	}

#gaiyou tr th {
	padding-right: 10px;
	}

#ggmap {
	margin:20px 0;
	}
/*-----------------gyoumu-naiyou-----------------------*/
#wrap-01 {
	padding: 0 15px;
	}
#wrap-01 h2 {
	margin-bottom: 30px;
	margin-top: 0;
	}
#wrap-01 ul {
	margin-bottom: 40px;
	padding-left: 16px;
	}
#wrap-01 ul li {
	font-size: 82%;
	}

/*-----------------footer-----------------------*/
#colophon .center .ad {
	margin: 0 auto;
	width: 90%;
	margin-top: 6px;
	}

#colophon .center .ad a {
	display: block;
	width: 200px;
	margin: 0 auto;
	margin-top: 10px;
	}
#colophon .center .ad ul {
	display: block;
	border-left: none;
	font-size: 78%;
	padding: 5px 10px;
	text-align: center;
	line-height: 1.4em;
	}
#colophon .center .ad li {
	margin-bottom: 4px;}
#colophon .box02 p {
	padding-top: 12px;
	font-size: 58%;
	}
/*-----------------contact-----------------------*/
#wrap-01 .p-01 {
	padding: 40px 8px;
	color: #666565;
	line-height: 1.6em;
	text-align: center;
	}
#wrap-01 .p-01 p {
	color: #666565;
	font-size: 13px;}
	
/*==================lead===========================*/	
#main .lead {
	margin-top: 20px;
	}
#main .lead p {
	font-size: 80%;
	text-shadow:  2px 2px 1px #000;}
	
	
/*==================form===========================*/

	
#formWrap {
	width: 100%;
}
table.formTable{
	width: 90%;
}

table.formTable td {
	display: block;
	width: 100%;
	font-size: 90%;
}
table.formTable th{
	display: block;
	width: 100%;
}
table.formTable td span {
	}

#formWrap .push {
	text-align: center;
	margin: 30px 0;
	}
#sub .kanryo {
	margin: 75px 10px;
	text-align: center;
	line-height: 1.6em;
	color: #666565;
	font-size: 80%;
	}
}


/*===============PC=======================================*/

@media only screen and (min-width:768px) {
body {}
/*-----------------home-----------------------*/
.home1 {
	height: 100%;
	background: #000 url(../img/b-08.png) no-repeat ;
	background-position: center center ;
	background-size: cover;
	background-attachment: fixed;
	}
.home #main {
	height: 331px;
	left: 50%;
	margin: -123px 0 0 -200px;
	padding: 0;
	position: absolute;
	text-align: center;
	top: 40%;
	width: 442px;
	}
.home #main .logo {
	margin-left: 8px;
	}
.home #main .lead {
	}
/*-----------------open-header-----------------------*/
#open-header {
	max-width: 355px;
	}
#open-header ul {
	}
#open-header ul li {}
#open-header ul li a {}
#open-header h1 {
	}
/*-----------------closeButton-----------------------*/
#closeButton {
	}
/*-----------------openButton-----------------------*/

#openButton {
}
/*-----------------about-----------------------*/

#photo {
	width: 100%;
	 }
#photo img {
	height: auto;
	width: 100%;
	}
/*===================slide01=================*/
#slide01 {}
#slide01 .logo {
	width: 290px;
	float: left;
	margin-left: 25px;
	}
#slide01 .logo img {
	width: 290px;
	}
#slide01 a img {}
#slide01 ul {
	float: right;
	margin-top: 20px;
		}
#slide01 ul li {
	clear: both;
	display: inline-block;
	margin-right: 30px;
	}
#slide01 ul li a {
	font-size: 100%;
	letter-spacing: 0.5px;
	
}

#slide01 ul .l-02 a {
	margin-left: 2px;
	letter-spacing: 2px;
	}
#slide01 ul .l-01 a {
	letter-spacing: 2px;
	}
/*===================sub=================*/
#sub h1 {
	font-size:126%;
	padding: 15px 0;
	}
/*===================ggmap=================*/
#ggmap {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 40px;
	margin-top: 40px;

	}
/*===================footer=================*/
footer {
	}
#colophon .box01 .page {
	max-width: 960px;
	}
#colophon .center {
	max-width: 960px;
	padding: 30px 0;
	}
#colophon .center .ad {
	padding-left: 135px;
	}
#colophon .center .ad ul {
	padding-left: 15px;
	
	}
#colophon .center .ad a {
	padding-right: 15px;
	margin-bottom: -5px;
	}
#colophon .box02 {
	padding-top: 13px;}
#colophon .box02 p {
	font-size: 60%;
	letter-spacing: 1px;
	}

/*===================gaiyou=================*/
#gaiyou {
	padding-top: 5px;
	}
#gaiyou,#wrap-01 {
	max-width: 960px;
	margin: 0 auto;
	}
#gaiyou table {
	margin: 0 auto;
	width: 90%;
	}
#gaiyou tr {
	font-size: 100%;
	}
#gaiyou tr th,td {
	letter-spacing: 2px;

	}
#gaiyou table td .mlink a {
	letter-spacing: 1px;
	}
#gaiyou table td .mlink a i {
	font-size: 120%;
	}
/*===================gyoumu-naiyou=================*/

/*---------------wrap-01-------------------*/
#wrap-01 {
	margin: 0 auto;
	padding: 30px 28px;
	}
#wrap-01 dl dt{
	padding-bottom: 5px;
	padding-left: 3px;
	padding-top: 18px;
	font-size: 110%;
	margin-bottom: 0;
	}
#wrap-01 dl dd {
	padding: 10px 0 0 35px;
	font-size: 87%;
	line-height: 1.8em;
	margin-bottom: 30px;
	}

#wrap-01 #left {
	width: 50%;
	float: left;
	padding-right: 43px;
	}
#wrap-01 h2{
	text-align: left;
	font-size: 116%;
	text-indent: 14px;
	padding: 1px;
	margin-bottom: 25px;
	}
	
#wrap-01 #right {
	width: 50%;
	float: right;
	padding-left: 43px;

	}	
#wrap-01 #box {
	clear: both;
	}	
#wrap-01 #box ul {}
#wrap-01 #box ul li {
	font-size: 87%;
	}
/*------------------p-01--------------------*/	
#wrap-01 .p-01 {
	margin: 34px 0;
	line-height: 1.6em;
	text-align: center;
	margin-bottom: 63px;
	}
#wrap-01 .p-01 p {
	color: #7A7B7C;
	font-size: 15px;}
	
/*=====================lead====================*/	
#main .lead {
	margin-top: 20px;
	}
#main .lead p {
	font-size: 98%;
	text-shadow:  3px 3px 2px #000;
	line-height: 1.8em;
	}
	
/*=====================form====================*/	

	
}