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




/* for All Pages
------------------------------------------------------------ */
html body{
	font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, YuGothic, /* Mac用 */ 'Yu Gothic', /* Windows用 */sans-serif;
	font-size:100%; /*16px*/
	line-height:1.4;
	}
@media screen and (max-width:768px) {
html body{
	font-family: "ヒラギノ角ゴ Pro W6", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, YuGothic, /* Mac用 */ 'Yu Gothic', /* Windows用 */sans-serif;
	font-size:75%; 
	line-height:1.4;
	}
    
}

.mincho{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

a{
	color:inherit;
	text-decoration:none;
	transition:0.6s;
	}

img{
	width:100%;
	height:auto;
	}
body{
	background-image: url("../img/wrap_bk.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
background-position: center top;
}
#wrapper{
	width:100%;
	margin:0;
	padding:0;
	position: relative;
	}

#container{
    margin:0 auto;
    max-width: 1280px;
    padding:0;
}

#container.counter{
    margin:3em auto 0;
    max-width: 1280px;
    padding:0;
}


#thanks #container{
	background: 
rgba(255,255,255,0.80)}

#ppolicy #container{
	background: 
rgba(255,255,255,0.80)}
/*#top #headerArea{
	width:100%;
	height:700px;
	border-top:#0D6BC5 6px solid;
	background-image:url(../img/topmain_img.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	}

#outline #headerArea{
	width:100%;
	height:350px;
	border-top:#0D6BC5 6px solid;
	background-image:url(../img/outline_main_img.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	}*/

/*#overseas #headerArea{
	width:100%;
	height:350px;
	border-top:#0D6BC5 6px solid;
	background-image:url(../img/overseas_main_img.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	}*/
/*
#adind #headerArea{
	width:100%;
	height:350px;
	border-top:#0D6BC5 6px solid;
	background-image:url(../img/adind_main_img.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	}

#contact #headerArea{
	width:100%;
	height:350px;
	border-top:#0D6BC5 6px solid;
	background-image:url(../img/contact_main_img.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	}

#spolicy #headerArea{
	width:100%;
	height:350px;
	border-top:#0D6BC5 6px solid;
	background-image:url(../img/spolicy_main_img.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	}

#ppolicy #headerArea{
	width:100%;
	height:350px;
	border-top:#0D6BC5 6px solid;
	background-image:url(../img/ppolicy_main_img.png);
	background-repeat:no-repeat;
	background-position:center left;
	background-size:cover;
	}



#headerArea .topcaption{
	position:absolute;
	top:250%;
	bottom:0;
	left:0;
	color:#fff;
	font-size:250%;
	font-weight:600;
	}

#headerArea .page .topcaption{
	position:absolute;
	top:150%;
	bottom:0;
	left:0;
	color:#fff;
	font-size:185%;
	font-weight:400;
	}

#header{
	position:relative;
	max-width:960px;
	text-align:left;
	margin:0 auto;
	}

#header .logo{
	position:relative;
	background-color:#fff;
	padding:20px 20px 15px;
	}

#header .logo img{
	display:block;
	max-width:534px;
	height:auto;
	}
	*/
/*--menu--*/
/*timer*/
.timertxt{
    text-align: center;
    width: 100%;
    background:radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, #f3b6c9 100%) no-repeat 50% 50% / 100% 100%;
    position: fixed;
    top:0;
    left: 0;
    padding:0.5em 0; 
    box-shadow: 0 32px 30px -20px rgba(53, 47, 47, 0.35);
    z-index: 9999;
    font-weight: bold;
    font-size:125%;
    text-shadow: 2px 2px 1px #fff;    
    }
/*refrection*/
.reflection {
/*  width: 100%;
    height:2em;
  position: relative;*/
  overflow: hidden;
  background-color: #666;
}
.reflection::after {
  content: "";
  display: block;
  width: 10%;
  height: 100%;
  position: absolute;
  top: -3em;
  left: -7em;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 8s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 8s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
#timer{
    display:inline-block;
}
.yycountdown-box{
  text-align:center;
  margin:10px 0;
  color:#000000;
}
/*PC用*/
@media screen and (min-width:769px) {




#header .gnavi{
	font-size:106%;
	/*padding:10px;*/
	color:#fff;
background-color:#0D6BC5;
width:100%;
z-index:999;
min-width:960px;
	}

#header .gnavi .main > li{
	float:left;
	z-index:999;
	}

#header .gnavi li a{
	display:inline-block;	
	background-color:#0D6BC5;
	background-image: url(../img/arrow_wht.png);
	background-repeat:no-repeat;
	background-position: center left 10px;
	padding:10px 0 10px 40px;
	min-width:200px;
	transition: 0.6s ;
	z-index:999;
	}
	
#header .gnavi .main > li a:hover {
	background-color:#09437D;
	background-image: url(../img/arrow_wht_d.png);
	transition: 0.6s ;
	z-index:999;
	}

#header .gnavi .sub li a:hover {
	background-color:#09437D;
	background-image: url(../img/arrow_wht.png);
	transition: 0.6s ;
	z-index:999;
	}
	


.accordion li ul.sub {
	font-size:90%;
   width: 100%;
   display: none;
   position: absolute;
   z-index:999;
}

.accordion li ul.sub li{
	float:none;
	z-index:999;
}


}

#footerArea{
	position:relative;
	width:100%;
	text-align:center;
	background-color:#eee;
	padding:60px 0 25px;
	}

.toTop{
	position:absolute;
	text-align:center;
	width:50px;
	height:auto;
	top:-13%;
	left:48%;
	right:50%;
	}



#footerArea #footer{
	max-width:960px;
	margin:0 auto;
	}

#footer address{
	float:left;
	text-align:left;
	font-size:75%;
	color:#333333;
	margin-top:10px;
	}

#footer address span{
	font-size:100%;
	font-weight:bold;
	}

#footer .inquery{
	float:right;
	display:inline-block;
	color:#fff;
	font-size:157%;
	background-image: url(../img/tel_img_wht.png);
	background-repeat:no-repeat;
	background-position:center left 10px;
	background-color:#FF8000;
	padding:8px 15px 8px 50px;
	}

#footer .inquery span{
	font-size:136%;
	padding-left:15px;
	margin-left:15px;
	border-left:#fff 2px solid;
	}

#footer .inquery p{
	font-size:70%;
	}

.fnavi{
	display:inline-block;
	margin:20px auto 0;
	}

.fnavi li{
	float:left;
	border-right:#333 1px solid;
	padding:0 10px;
	}

.fnavi li a:hover{
	border-bottom:#333 1px solid;
	padding:0;
	transition:0.6s;
	}


.footer{
    font-size: 85%;
    display: block;
    color: #fff;
    background-color: #004E5B;
    padding: 1em;
    text-align: center;
    line-height: 2;
	}

.footer a{
    text-decoration: underline;
}

/*-----------------------pgae-------------------------------*/

#container.page{
	margin-bottom:70px;
	}

.page section{
	margin:30px auto 0;
	max-width:960px;
	}

.page h2{
	display:block;
	background-image:url(../img/h2_right_light.png);
	background-repeat:no-repeat;
	background-position:right top;
	background-color:#0C6BC5;
	padding:10px 10px 10px 15px;
	color:#fff;
	font-size:125%;
	font-weight:600;
	margin-bottom:20px;
}

.page h3{
	padding:5px 15px;
	border-bottom:#0C6BC5 3px solid;
	/*border-left:#0C6BC5 3px solid;*/
	background-color:#BEDDFB;
	color:#0C6BC5;
	font-size:115%;
	margin:20px 0;
	font-weight:bold;
	}

.page h4{
	padding:5px 15px;
	border:#ccc 1px solid;
	background-color:#E9E9E9;
	color:#333;
	border-radius:3px;
	font-size:110%;
	margin:20px 0;
	}

.page table{
	margin-bottom:30px;
	}

.page table tr{
	border-top:#333 1px dotted;
	}

.page table tr:last-child{
	border-bottom:#333 1px dotted;
	}

.page table th{
	width:140px;
	background-color:#F6F6F6;
	vertical-align:text-top;
	}

.page table th{
	padding:10px 10px 10px 0;
	}
.page table td{
	padding:10px 10px 10px 20px;
	}

.page table td dl{
	}
.page table td dt{}
.page table td dd{
	margin-left:5.5em;
	margin-top:-1.4em;
	}


.page table th p{
	text-align:left;
	color:#0C6BC5;
	border-left:#0C6BC5 3px solid;
	margin-left:5px;
	padding:0 0 0 10px;
	}


.page .getReader{
	display:block;
	padding:10px;
	border:#333 1px solid;
	margin:0 auto 50px;
	background: #ECECEC;
	}

.page .getReader img{
	float:left;
	max-width:153px;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
	}
.page .getReader p{
	float:left;
	margin-left:20px;
	}


/*----------------------------------------------------------*/





/*.clear	{ clear: both;}*/

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* IE6 */
* html .clearfix { zoom: 1; }
/* IE7 */
*:first-child+html .clearfix { display: inline-block; }



.txtr{
	text-align:right;
	}


/*マージン*/
.mg0{ 
	margin:0;
	margin-bottom:0;
	margin-left:0;
	margin-right:0;
	margin-top:0;
	}

.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml30{ margin-left:30px;}
.ml50{ margin-left:50px;}
.ml75{ margin-left:75px;}

.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mt70{ margin-top:70px;}
.mt100{ margin-top:100px;}

.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{ margin-bottom:50px;}
.mb70{ margin-bottom:70px;}
.mb100{ margin-bottom:100px;}

/*Padding*/
.pd0{ padding:0;
	padding-top:0;
	padding-left:0;
	padding-right:0;
	padding-bottom:0;
	}

.pt0{padding-top:0;}
.pt10{ padding-top:10px;}
.pt15{ padding-top:15px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt100{ padding-top:100px;}

.pb30{ padding-bottom:30px;}
.pb10{padding-bottom:10px;}
.pb5{padding-bottom:5px;}
.pb0{padding-bottom:0;}

/*float*/
.flL{float:left;}
.flR{float:right;}

/* //for All Pages
------------------------------------------------------------ */






/*PC用*/
@media screen and (min-width:769px) {
.pc { display: block !important; visibility:visible; }
.sp { display: none !important; visibility:hidden; font-size:0; }

}

/*スマホ用*/
@media screen and (max-width:768px) {
.sp { display: block !important; visibility:visible; }
.pc { display: none !important; visibility:hidden; font-size:0;}

}