@charset "utf-8";
/* -------------------------------------------------- 
	Copyright: (c)visual and echo japan
	Created: 2016-03-20
 -------------------------------------------------- */


/*----------------------------------------------------
 common
--------------------------------------------------- */

.flL{
	float:left;
}
.flR{
	float:right;
}
.tc{
	text-align:center;
}
.fsize10{
	font-size:10px;
}
.fsize11{
	font-size:11px;
}
.fsize12{
	font-size:12px;
}
.fsize13{
	font-size:13px;
}
.fsize14{
	font-size:14px;
}
.fsize15{
	font-size:15px;
}
.fsize16{
	font-size:16px;
}

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

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


/*----------------------------------------------------
	clearfix
--------------------------------------------------- */
.clr:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}
.clr {min-height: 1px;}
* html .cf {
    height: 1px;
    /*¥*//*/
    height: auto;
    overflow: hidden;
    /**/
}

/*----------------------------------------------------
	reset
--------------------------------------------------- */

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;
}
ol,ul {
    list-style:none;
}
fieldset,img {
    border:0;
}
img {
    vertical-align:bottom;
}
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;*/
}
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;
    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;
}
input[type="submit"]{
	background:none;
	
}
/*----------------------------------------------------
 common
--------------------------------------------------- */
html, body {
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#f29800;
  line-height:1.6;
	background-color:#FFF;
	font-size:14px;
}
input, button, textarea{
	border-radius: 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;

}
section{
	position:relative;
	z-index:100;
}
.bg{
	z-index:1;
}
/*----------------------------------------------------
 link
--------------------------------------------------- */
a:link,a:visited,a:active{
	color:#000;
	text-decoration:none;
}
a:hover {
	color:#000;
	text-decoration:underline;
}
.fade {
	-webkit-backface-visibility: hidden;
	-webkit-transition: 0.2s ease-in-out;  
		 -moz-transition: 0.2s ease-in-out;  
			 -o-transition: 0.2s ease-in-out;  
					transition: 0.2s ease-in-out;  
}  
.fade:hover {  
	opacity: 0.6;  
	filter: alpha(opacity=60);  
}

@media screen and (min-width:769px) {
.spOnly {
	display:none;
}
.inner {
	width:740px;
	margin:0 auto;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#spMenuBtn{display:none;}
#header {
	display:none;
	width:100%;
	position: fixed;
	top:0;
 z-index:9999;
}
#gNavi {
	background-color:#f29800;
	box-shadow:0px 0px 9px -4px #000000;
	-moz-box-shadow:0px 0px 9px -4px #000000;
	-webkit-box-shadow:0px 0px 9px -4px #000000;
	overflow: hidden;
}
#gNavi ul{
	margin:0 auto;
	width:770px;
	overflow:hidden;
}
#gNavi li {
	float: left;
}
#gNavi a {
	font-size: 15px;
	color: #FFFFFF;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	padding:13px 12px;
	line-height:1.7;
}
#gNavi a span.translation{display:block;font-size:70%;}
#gNavi a:hover {

}
#gNavi li:first-child a {

}
#gNavi li:last-child a {

}
/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align:center;
	background-color:#fff;
	color:#f29800;
	padding-bottom:60px;
	position:relative;
}
#footer .footerBg{display:none;}
#footer .links a {
	font-size:12px;
	color:#f29800;
	text-decoration:underline;
}
#footer .links a:hover {
	text-decoration: none;
}
#footer .pageTop{
	position: absolute;
	top: -40px;
	right: 20px;
	display:block;
	padding: 10px;
	cursor:pointer;
	z-index:100;
}
#footer .copyRight{font-size:14px;}
}
@media screen and (max-width: 768px) {
#spWrap{position:relative;}
#contener{height:auto;overflow:visible;position:relative;}
#contener.stop{height:100%;overflow:hidden;position:absolute;}
#bg3{display:none;}
.inner {
	width:92%;
	margin:0 auto;
}
/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	display:none;
	position:fixed;
	z-index:9999;
	width:100%;
	height:100%;
	background:#f29800;
}

#spMenuBtn{display:block;position:fixed;width:50px;height:50px;z-index:10;background:#f29800;top:15px;right:15px;}
#spMenuBtn.open{box-sizing:border-box;border:#fff 2px solid;} 
#spMenuBtn .inner{position:relative;margin:0 auto;width:32px;height:100%;}
#spMenuIcon{display:block;position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;}
#spMenuIcon:before,#spMenuIcon:after{display:block;content:"";position:absolute;top:50%;left:0;width:100%;height:2px;background:#fff;}
#spMenuIcon:before{top:-500%;}
#spMenuIcon:after{top:500%;}

#spMenuBtn.open span{
	background:none;
}

#spMenuBtn.open span:before, #spMenuBtn.open span:after{
  margin-top: 0;
}
#spMenuBtn.open span:before{
		top:0;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}
#spMenuBtn.open span:after{
		top:0;
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}

#gNavi{
	position:relative;
	right:0;
	height:100%;
	width:70%;
	font-size:16px;
	line-height:1;
	overflow:scroll;
}
#gNavi ul{margin:15px 0 14.2%;text-align:center;}
#gNavi ul li:first-child{border-top:#fff 1px solid;}
#gNavi ul li{border-bottom:#fff 1px solid;}
#gNavi ul li a{display:block;padding:8.3% 0;color:#fff;line-height:1.7;}
#gNavi ul li a span.translation{display:block;font-size:70%;}
/*----------------------------------------------------
	#footer
----------------------------------------------------*/
#footer {
	clear: both;
	width: 100%;
	text-align:center;
	background-color:#fff;
	color:#f29800;
 padding-bottom:9.375%;
	position:relative;
}
#footer .footerBg{display:none;}
#footer .inner {
	padding-top:20px;
}
#footer .links a {
	font-size:12px;
	color:#f29800;
	text-decoration:underline;
}
#footer .links a:hover {
	text-decoration: none;
}
#footer .pageTop {
	position:absolute;
	top:-30px;
	right:3%;
	z-index:100;
	padding:10px;
}
#footer .pageTop img {
	width:30px;
}
#footer img {
	vertical-align:top;
}

#footer .copyRight{font-size:80%;}
}

/* 送信ボタン押した後のpopup */
/*	結果Tips表示用のベース枠	*/
#sendwrap {
	position:relative;
}
/*	結果Tips表示枠	*/
.resultTips {
	position:absolute;
/*	left:10px;
	top:-40px;*/
	left:27.8%;
	top:10px;
	width:300px;
	border:solid 1px #666;
	background-color:#fff;
	text-align:center;
	padding:10px;
	line-height:1.2em;
	display:none;
	color:#000;
}