*{margin:0 auto;padding:0;}
body{font-family: "KozGoPro-Light", "¬’ΛƒSƒVƒbƒN Pro L", "ƒqƒ‰ƒMƒmŠpƒS ProN W3", "Hiragino Kaku Gothic ProN", "ŸΰƒSƒVƒbƒN", YuGothic, "ƒƒCƒŠƒI", Meiryo, sans-serif;}
body,html{line-height:1.5em; letter-spacing:0.1em;width:100%;height:100%;}
a{color: #000;}
nav a{text-decoration:none;}




/*-------------ALL-------------*/
/*-----------------------------*/

div#main{ max-width:940px;width:80%;margin:0 auto;min-height:98%; position:relative;}
div.content{padding-bottom:6em;}/*footer‚‚³“―‚Ά*/
div.content:after, div#top_com:after{content: "";clear: both;display: block;}


nav a {position: relative;display: inline-block;}

header{text-align:center;padding:1.2em 0;}
header a:hover{color:#FDBA00;}
header ul li{display: inline-block;width:25%;vertical-align: middle;}
header img{width:60%;border:0;}

/* header nav */
header ul li a::before,
header ul li a::after {
	display: inline-block;
	opacity: 0;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
	-moz-transition: -moz-transform 0.3s, opacity 0.2s;
	transition: transform 0.3s, opacity 0.2s;
}

header ul li a::before {
	margin-right: 0.5em;
	content: '[';
	-webkit-transform: translateX(1em);
	-moz-transform: translateX(1em);
	transform: translateX(1em);
}

header ul li a::after {
	margin-left: 0.5em;
	content: ']';
	-webkit-transform: translateX(-1em);
	-moz-transform: translateX(-1em);
	transform: translateX(-1em);
}

header ul li a:hover::before,
header ul li a:hover::after,
header ul li a:focus::before,
.cl-effect-1 a:focus::after {
	opacity: 1;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	transform: translateX(0px);
}

/*fotter*/

footer{text-align:center;font-size:80%;position:absolute; bottom:0; width:100%;margin:0 auto;height:6em;background:#fff;}
footer ul li{display: inline-block;padding:1% 2%;}
footer a{
border-bottom:1px solid #fff;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
-ms-transition: 0.2s;
transition: 0.2s;
}
footer a:hover{border-bottom:1px solid #FFCA38;color:#FDBA00;}


/*------------PAGE-------------*/
/*-----------------------------*/
/**/

h1, h2, h3{font-size:100%; font-weight:normal;}
.bg_b,.bg_d{margin:1%;font-size:90%;padding:2%;}
.bg_b{background:#FFEEC0;}
.bg_d,#formWrap{border: 1px dashed #FFCA38;}

/*top*/
#top{width:100%;margin:0 auto;position:relative;height:98%;min-height: 98%;}
#top header{width:80%;}

#top_com{
font-family:"ƒqƒ‰ƒMƒm–Ύ’© Pro W3","Hiragino Mincho Pro","Ÿΰ–Ύ’©","HG–Ύ’©E","‚l‚r ‚o–Ύ’©","‚l‚r –Ύ’©",serif;
text-align:center;width:100%;color:#fff;text-shadow:0 0 1em #000,0 0 1em #000,0 0 1em #000;
background: url("../img/top.jpg") center center no-repeat fixed;
background-size:100% auto;
height:70%;
}
#top_com div{width:60%;line-height:2em;min-width:40em;height:85%;position: relative;}
#top_com h1{font-size:150%;line-height:1.5em;/*padding:8% 0 3%;*/position: absolute;bottom:0;right:0;left:0;}
#top_com h1 span{font-size:130%;}
#top_com h1 span span{font-size:120%;}
#top_com article{color:#000;text-shadow:0 0 1em #fff,0 0 1em #fff,0 0 1em #fff;}

/*business*/
.content h1{border-left: 1.5em solid #000;padding: 1%;background: #FDBA00;
/* Old browsers */
background: -moz-linear-gradient(top, #F3A600 0%, #FDBA00 50%, #F3A600 51%, #BC8100 100%);
/* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3A600), color-stop(50%,#FDBA00), color-stop(51%,#F3A600), color-stop(100%,#BC8100)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F3A600 0%,#FDBA00 50%,#F3A600 51%,#BC8100 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F3A600 0%,#FDBA00 50%,#F3A600 51%,#BC8100 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #F3A600 0%,#FDBA00 50%,#F3A600 51%,#BC8100 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F3A600', endColorstr='#FDBA00',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #F3A600 0%,#FDBA00 50%,#F3A600 51%,#BC8100 100%); /* W3C */}
h2{border-bottom: 1px dashed #FFCA38;border-left: 1em solid #FFBB00;padding: 1%;margin:1% 1% 0;}
h3{font-weight:bold;}
.content ol{list-style:none;}
.content ul{list-style:inside square;}
.content ul.num{list-style:inside decimal;}

.content div{padding:2%;}
.content li div{padding:1% 2%;}

#business .li_fl ul:after{content: "";clear: both;display: block;}
#business .li_fl li{float:left;list-style:none;padding-right:1%;}

/*profile*/
#profile table{margin:0 auto;border-collapse: separate;border-spacing: 0 0.5em;width:100%;}
#profile th{font-weight:normal;min-width:8em;max-width:30%;vertical-align: middle;overflow: visible;position: relative;color: #fff;}
#profile th,#profile td{padding:2%;}
#profile td{padding-left:3%;}
#profile table th:after {
left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);border-left-color: #FFCC5C;
border-width: 0.5em;margin-top:-0.5em;
}
#profile td section{margin:0.5em 0;}
#profile td section:after{visibility: hidden;display: block;content: " ";clear: both;height: 0;}
#profile td section h1{color:#FFCC5C;border:0;padding:0;background:none;}
#profile td section p{float:left;margin:0.3em 1em 0.3em 0;}

/*privacypolicy*/
dl{padding: 1% 2% 0%;}
dt{background:#FDBA00;padding:1% 2%;width:4em;text-align:center;float:left;margin-right:3%;}
dd{padding:1% 2%;}
dd:after{content: "";clear: both;display: block;}


/*contact*/
#contact table{width:100%;}
#contact td{padding:2% 1%;}
#contact th{font-weight:normal;text-align:left;width:11em;padding:2% 0% 2% 2%;}
#contact td#imp{width:3em;}
#contact td p{border-radius:0.6em;text-align:center;font-size:60%;color:#fff;padding:0 0.5em;width:3em;margin:0;}
#contact dl{padding: 2% 0 0;margin:0 auto;}
#contact dt{width:13em;color:#fff;}

input[type="text"],textarea{font-size:120%;border:1px solid #FDBA00;outline: none;width:98%;font-weight:normal;}
input[type="text"] {height:1.5em;padding:0.5% 1%;}
textarea{height:10em;padding:1%;}
input[type="text"]:focus,textarea:focus{border:1px solid #FDBA00;background:#FDBA00;}

input[type="submit"],input[type="button"]{padding:1.5%;border:1px solid #FDBA00;background:#fff;}
input[type="submit"]:hover,input[type="button"]:hover{background:#FDBA00;}
#subm{text-align:center;}
.error_messe{padding-top:1em;}


/*ƒOƒ‰ƒf*/
dt, #profile th, #contact td p, .gr,.formTable th
{background:#FDBA00;
background: -moz-linear-gradient(left, #FDBA00 0%, #FFBD2D 50%, #FFCC5C 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FDBA00), color-stop(50%,#FFBD2D), color-stop(100%,#FFCC5C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #FDBA00 0%,#FFBD2D 50%,#FFCC5C 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #FDBA00 0%,#FFBD2D 50%,#FFCC5C 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #FDBA00 0%,#FFBD2D 50%,#FFCC5C 100%); /* IE10+ */
background: linear-gradient(left, #FDBA00 0%,#FFBD2D 50%,#FFCC5C 100%); /* W3C */
}

.bg_b{background:#FFEEC0;
background: -moz-linear-gradient(left, #FFEEC0 0%, #FFF6DD 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#FFEEC0), color-stop(100%,#FFF6DD)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #FFEEC0 0%,#FFF6DD 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #FFEEC0 0%,#FFF6DD 100%); /* Opera11.10+ */
background: -ms-linear-gradient(left, #FFEEC0 0%,#FFF6DD 100%); /* IE10+ */
background: linear-gradient(left, #FFEEC0 0%,#FFF6DD 100%); /* W3C */}


/*‚«o‚΅*/
dt, #profile th, .gr,.formTable th{overflow: visible;position: relative;}
dt:after, #profile th:after, .gr:after,.formTable th:after {
left: 100%;top: 50%;border: solid transparent;
content: " ";height: 0;width: 0;position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);border-left-color: #FFCC5C;
border-width: 0.5em;margin-top:-0.5em;
}


@media screen and (max-width: 740px){
#top_com div{height:60%;}
}

@media screen and (max-width: 670px){
	header{padding:0.5em 0;}
	footer{color:#ccc;}
	footer ul li{padding:1% 1% 0;}
}

@media screen and (max-width: 600px){
	#top_com div{width:100%; min-width:100%;}
	footer{font-size:60%;}
}
@media screen and (max-width: 520px){
	#top header{width:95%;}
	div#main{width:95%;}
}
@media screen and (max-width: 409px){
header ul li{width:auto;max-width:25%;padding:0 2%;}
#profile th{min-width:6em;}
#contact dt{width:96%;margin-bottom:1%;}
#contact dd{ text-align:center;}
#contact th{width:auto;font-size:80%;}
#contact td{padding:1%;}
#contact td#imp{width:auto;}
#contact dt:after,.formTable th:after{border:none;}
/* header nav */
header ul li a::before {
	margin-right: 0.1em;
	-webkit-transform: translateX(0.2em);
	-moz-transform: translateX(0.2em);
	transform: translateX(0.2em);
}
header ul li a::after {
	margin-left: 0.1em;
	-webkit-transform: translateX(-0.2em);
	-moz-transform: translateX(-0.2em);
	transform: translateX(-0.2em);
}
}


@media screen and (max-width: 360px){
	footer{letter-spacing:0.05em;line-height:1.2em;}
	header ul li a::before {
	margin-right: 0;
	content: '';
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
header ul li a::after {
	margin-left: 0;
	content: '';
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	transform: translateX(0);
}
}
@media screen and (orientation: portrait){
footer nav{padding:1%;}
footer a{border-bottom:1px solid #FDBA00;}
#top_com{height:80%;}
#top_com div{height:60%;}
#top_com{background-image: url("../img/top_m.jpg");background-size: cover;}
}

@media screen and (orientation: portrait) and (max-width: 420px){
#top_com{height:75%;}
footer{font-size:80%;/*height:8.5em;*/}
} 

@media screen and (orientation: portrait) and (max-width: 320px){
footer{height:5.5em;}
} 

@media print {
/*all*/
div#main,div#top{width:100%; font-size:10px;min-height:auto;}
footer{ display:none;}
}