@charset "utf-8";
/*--------------------------------------------------*/
/*bodyの非表示*/
/*--------------------------------------------------*/
#outer{
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #FFFFFF;
}


/*--------------------------------------------------*/
/*init*/
/*--------------------------------------------------*/
html{overflow-y:auto;}
html,body{min-height: 100%; height: 100%;}
body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,
form,fieldset,legend,input,textarea,
p,blockquote,th,td{
  margin:0;
  padding:0;
}

body{
  color:#333333;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:87.5%;  /*14px*/
  font-weight:normal;
  line-height:1.5;
  letter-spacing:0px;
  text-align:center;
  background-color:#ffffff;
  -webkit-text-size-adjust:100%;
}

ul,ol,li{list-style:none;}

h1,h2,h3,h4,h5,h6{font-size:100%;}

form, fieldset, input, textarea{font:inherit;}
input, select, textarea{outline:none;}
input{vertical-align:top;}
fieldset{border:0;}

img{
  max-width:100%;
  border:0;
  vertical-align:top;
}

h1,h2,h3,h4,h5,h6{clear:both;}

a{outline:none;}
a:link, a:visited{color:#333333; text-decoration:none;}
a:hover, a:active{color:#0069b4; text-decoration:none;}

input.alpha:hover,
a.alpha:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

sup{vertical-align:top;}
sub{vertical-align:baseline;}

em{font-style:normal;}

table{}
table, th, td{font:inherit;}
th, td{text-align:left; vertical-align:top;}

form, fieldset, input, textarea{font:inherit;}


@media screen and (max-width:1240px){
}

@media screen and (max-width:960px){
}

@media screen and (max-width:768px){
}

@media screen and (max-width:640px){
}


#wrap{
	position:relative;
	min-height: 100%;
	padding-bottom: 50px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(/common/images/menu_bg.gif) left top repeat-y;
}

#spMenuOverlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width: 100%;
	background: rgba(255,255,255,0.8);
	z-index:1000;
}

/*--------------------------------------------------*/
/*header*/
/*--------------------------------------------------*/
#header{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width: 140px;
	height:100%;
}
/*#header:after{
	content:"";
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	width: 140px;
	background: #0079c2;
	box-shadow:0 0 5px 0 rgba(0,0,0,0.4);
}
*/
#header h1{
	position:relative;
	z-index:1;
}
#header h1 img.sp{
	display:none;
}

/*--------------------------------------------------*/
/*footer*/
/*--------------------------------------------------*/
#footer{
    position: absolute;
    color: #FFF;
    z-index: 1;
    width: 100%;
    bottom: 0;
}
#footer p{
    background: #929292;
	padding:1em 0;
	text-align:center;
}


/*--------------------------------------------------*/
/*gNavi*/
/*--------------------------------------------------*/
#gNavi{
	font-size: 12px;
}
#gNavi .hMenu{
	position: relative;
	margin:0 auto;
	z-index:1001;
}
#gNavi .hMenu ul{
	display:table;
	position:absolute;
	top: 0;
	right: 0;
}
#gNavi .hMenu li{
	display:table-cell;
}
#gNavi .hMenu li br{
	display:none;
}
#gNavi .hMenu li a{
	display:block;
	margin-left: 1px;
	padding:1.25em 2.25em 1.25em 3em;
	color:#FFF;
	font-size: 12px;
	line-height:1;
	white-space:nowrap;
	background: url(/common/images/arrow_01_r.png) 2em center no-repeat;
	background-size:0.8em;
}
#gNavi .hMenu li a img{
	display:none;
}
#gNavi .hMenu li.btn1 a{
	box-sizing:border-box;
	width: 11em;
	background-color:#555555;
}
#gNavi .hMenu li.btn2{
	display:none;
}
#gNavi .hMenu li.btn2 a{
	background-color:#0079c2;
}
#gNavi .menu .account{
	position:absolute;
	top:0;
	right: 11em;
	z-index:1001;
}
#gNavi .menu .account ul{
	display:table;
	margin-right: 1px;
}
#gNavi .menu .account li{
	padding-left: 1px;
	display:table-cell;
	vertical-align:middle;
}
#gNavi .menu .account li a{
	display:block;
	padding: 1.25em 2.25em;
	line-height:1;
	color: #FFF;
	white-space:nowrap;
}
#gNavi .menu .account li.btn1 a{
	background-color: #0079c2;
}
#gNavi .menu .account li.btn2 a{
	background-color: #0069aa;
}
#gNavi .menu .account li.btn3 a{
	background-color: #01619c;
}
#gNavi .menu .account li a span{
	padding-left: 1.5em;
	background: url(/common/images/arrow_01_r.png) left center no-repeat;
	background-size: 0.8em;
}
#gNavi .menu .conMenu{
	position:absolute;
	left:0;
	top:136px;
	width: 140px;
	background:#FFF;
	z-index:1001;
}
#gNavi .menu .conMenu li{
	border-bottom: 1px solid #c6e2f4;
	background: top left no-repeat;
}
#gNavi .menu .conMenu li a{
	display:block;
	height:93px;
	font-size: 114.29%;
	font-weight: bold;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
#gNavi .menu .conMenu li:hover{
	opacity:0.8;
}
#gNavi .menu .conMenu li.menu1{
	background-image: url(/common/images/side_icon_mymansion.png);
}
#gNavi .menu .conMenu li.menu2{
	background-image: url(/common/images/side_icon_calendar.png);
}
#gNavi .menu .conMenu li.menu3{
	background-image: url(/common/images/side_icon_support.png);
}
#gNavi .menu .conMenu li.menu4{
	background-image: url(/common/images/side_icon_reform.png);
}
#gNavi .menu .conMenu li.menu5{
	background-image: url(/common/images/side_icon_maintenance.png);
}
#gNavi .menu .conMenu li.menu6{
	background-image: url(/common/images/side_icon_webshop.png);
}
#gNavi .menu .conMenu li.menu7{
	background-image: url(/common/images/side_icon_contact.png);
}
#gNavi .menu .conMenu li.menu8{
	background-image: url(/common/images/side_icon_info.png);
}
#gNavi .menu .conMenu li.menu9{
	background-image: url(/common/images/side_icon_movie.png);
}
#gNavi .menu .conMenu li.menu10{
	background-image: url(/common/images/side_icon_post.png);
}
#gNavi .menu .conMenu li.menu11{
	background-image: url(/common/images/side_icon_elavelclub.png);
}
#gNavi .menu .conMenu li.menu12{
	background-image: url(/common/images/side_icon_car_assessment.png);
	background-size: cover;
}
#gNavi .menu .close{
	display:none;
	width: 12em;
	margin:1em auto 2em auto;
}
#gNavi .menu .close a{
	display:block;
	padding:0.6em 0;
	color:#FFF;
	background:#0079c2;
}
#gNavi .menu .close a span{
	display:inline-block;
	padding-left: 2em;
	font-weight: bold;
	font-size: 100%;
	background: url(/common/images/menu_icon_close.png) left center no-repeat;
	background-size:1.25em;
}

.contents{
	padding-left: 140px;
/*	background: url(/common/images/menu_bg.gif) left top repeat-y;
*/}

#pageTop{
	max-width: 1240px;
	margin:0 auto ;
}
#pageTop:after{
	content:"";
	display:block;
	clear:both;
}
#pageTop a{
	display:block;
	float: right;
	width: 38px;
	height: 38px;
	margin-bottom: 1.5%;
	text-indent:100%;
	white-space:nowrap;
	background: url(/common/images/arrow_01_u.png) center center no-repeat #d1d1d1;
	background-size: 16px;
	overflow:hidden;
}

#pageTop2{
	max-width: 1240px;
	margin:0 auto ;
}
#pageTop2:after{
	content:"";
	display:block;
	clear:both;
}
#pageTop2 a{
	display:block;
	float: right;
	width: 30px;
	height: 30px;
	margin-bottom: 1.2%;
	text-indent:100%;
	white-space:nowrap;
	background: url(/common/images/arrow_01_u.png) center center no-repeat #d1d1d1;
	background-size: 12px;
	overflow:hidden;
}
@media screen and (max-width:960px){
#wrap{
	background: none;
}
}
@media screen and (min-width:961px){
#spMenuOverlay{
	display: none !important;
}
#gNavi .menu > div{
	display: block !important;
}
}

/*--------------------------------------------------*/
/*共通*/
/*--------------------------------------------------*/
.contents{
	padding-top: 136px;
	padding-bottom: 150px;
}

.contents h3{
	font-weight: bold;
	font-size: 157%;
}
.contents .section{
	padding: 1px 0;
	background-color:#FFF;
}
.contents .section > div{
	max-width: 1240px;
	margin:0 auto;
}
.contents .bgLightBlue{
	border-top: 1px solid #c6e2f4;
	border-bottom: 1px solid #c6e2f4;
	background:#eaf7fe;
}

/*--------------------------------------------------*/
/*FAQ　お知らせ一覧・詳細　イベント詳細*/
/*--------------------------------------------------*/

.def_style ol,
.def_style ul{
 padding-left: 20px;
}
.def_style ol li{
 list-style: decimal;
}
.def_style ul li{
 list-style: disc;
}


@media screen and (max-width:960px){

#gNavi .hMenu{
	display:table;
	width: 100%;
	table-layout:fixed;
}
#header {
	display:table-cell;
	position: static;
	width: 65%;
	height: auto;
	bottom: auto;
	vertical-align:top;
	background:#FFF;
}
/*#header:after{
	display:none;
}
*/
#header h1 img{
	display:none;
}
#header h1 img.sp{
	display:block;
}
#gNavi .hMenu ul{
	position: relative;
	display:table-cell;
	width: 35%;
	vertical-align:top;
	overflow:hidden;
}
#gNavi .hMenu li {
	width: 50%;
	text-align:center;
	z-index:1;
}
#gNavi .hMenu li br{
	display:block;
}
#gNavi .hMenu li span{
	display:none;
}
#gNavi .hMenu li.btn1{
	float: left;
	display: block;
	left: -1px;
	background-color: #555555;
}
#gNavi .hMenu li.btn1 a{
	width: auto;
	background:none;
}
#gNavi .hMenu li.btn2{
	float: right;
	display: block;
	right:0;
	background-color: #0079c2;
}
#gNavi .hMenu li.btn2 a{
	background:none;
}
#gNavi .hMenu li a {
	display:block;
	margin: 0;
	padding: 0;
	white-space:nowrap;
	background:none;
}
#gNavi .hMenu li a img{
	display: inline-block;
}

#gNavi .menu{
	width: 100%;
	top: auto;
}
#gNavi .menu > div{
	display:none;
}
#gNavi .menu .inner{
	position: absolute;
	width: 100%;
	background: #FFF;
	z-index:1001;
}
#gNavi .menu .account{
	position: static;
}
#gNavi .menu .account ul{
	display:block;
	margin: 0;
}
#gNavi .menu .account li{
	display:block;
}
#gNavi .menu .account li a{
	font-size: 114.29%;
}
#gNavi .menu .conMenu{
	position: static;
	width: auto;
}
#gNavi .menu .conMenu li{
	border-bottom: none;
}
#gNavi .menu .conMenu li a{
	height:auto;
	text-indent:0;
	background:#FFF;
}
#gNavi .menu .conMenu li a span{
	display:inline-block;
	width:10em;
	margin:0 auto;
	padding:1.25em 0 1.25em 3em;
	text-align:left;
	background-position: left center;
	background-repeat:no-repeat;
	background-color:#FFF;
	background-size:2em;
}
#gNavi .menu .conMenu li.menu1 a span{
	background-image: url(/common/images/menu_icon_mymansion.png);
}
#gNavi .menu .conMenu li.menu2 a span{
	background-image: url(/common/images/menu_icon_calendar.png);
}
#gNavi .menu .conMenu li.menu3 a span{
	background-image: url(/common/images/menu_icon_support.png);
}
#gNavi .menu .conMenu li.menu4 a span{
	background-image: url(/common/images/menu_icon_reform.png);
}
#gNavi .menu .conMenu li.menu5 a span{
	background-image: url(/common/images/menu_icon_maintenance.png);
}
#gNavi .menu .conMenu li.menu6 a span{
	background-image: url(/common/images/menu_icon_webshop.png);
}
#gNavi .menu .conMenu li.menu7 a span{
	background-image: url(/common/images/menu_icon_contact.png);
}
#gNavi .menu .conMenu li.menu8 a span{
	background-image: url(/common/images/menu_icon_info.png);
}
#gNavi .menu .conMenu li.menu9 a span{
	background-image: url(/common/images/menu_icon_movie.png);
}
#gNavi .menu .conMenu li.menu10 a span{
	background-image: url(/common/images/menu_icon_post.png);
}
#gNavi .menu .conMenu li.menu11 a span{
	background-image: url(/common/images/menu_icon_elavelclub.png);
}
#gNavi .menu .conMenu li.menu12 a span{
	background-image: url(/common/images/menu_icon_car_assessment.png);
}
#gNavi .menu .close{
	display:block;
}

#gNavi.op .hMenu li.btn2{
	background: url(/common/images/gnav_close.png) center center no-repeat #FFF;
	background-size:contain;
}
#gNavi.op .hMenu li.btn2 img{
	visibility:hidden;
}
.contents{
	padding-left: 0;
	padding-top: 0;
	background: none;
}

}

@media screen and (max-width:640px){
#pageTop{
	margin: 0 6%;
}
#pageTop a{
	margin-bottom: 6%;
}

/*--------------------------------------------------*/
/*footer*/
/*--------------------------------------------------*/
#footer p{
	font-size: 78.57%;
}

}



/*--------------------------------------------------*/
/*Utility*/
/*--------------------------------------------------*/
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt35{margin-top:35px !important;}
.mt40{margin-top:40px !important;}
.mt45{margin-top:45px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mt70{margin-top:70px !important;}
.mt80{margin-top:80px !important;}
.mt90{margin-top:90px !important;}
.mt100{margin-top:100px !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt35{padding-top:35px !important;}
.pt40{padding-top:40px !important;}
.pt45{padding-top:45px !important;}
.pt50{padding-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb35{margin-bottom:35px !important;}
.mb40{margin-bottom:40px !important;}
.mb45{margin-bottom:45px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}
.mb90{margin-bottom:90px !important;}
.mb100{margin-bottom:100px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb35{padding-bottom:35px !important;}
.pb40{padding-bottom:40px !important;}
.pb45{padding-bottom:45px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}

.fs32{font-size:228.57% !important;}
.fs30{font-size:214.29% !important;}
.fs28{font-size:200% !important;}
.fs26{font-size:185.71% !important;}
.fs24{font-size:171.43% !important;}
.fs20{font-size:142.86% !important;}
.fs18{font-size:128.57% !important;}
.fs17{font-size:121.42% !important;}
.fs16{font-size:114.29% !important;}
.fs15{font-size:107.14% !important;}
.fs14{font-size:100% !important;}
.fs13{font-size:92.86% !important;}
.fs12{font-size:85.71% !important;}
.fs11{font-size:78.57% !important;}
.fs10{font-size:71.43% !important;}

.flL{float:left !important;}
.flR{float:right !important;}
.flN{float:none !important;}

.clB{clear: both !important;}

.taL{text-align:left !important;}
.taC{text-align:center !important;}
.taR{text-align:right !important;}

.vaT{vertical-align: top !important;}
.vaM{vertical-align: middle !important;}
.vaB{vertical-align: bottom !important;}

.fwB{font-weight:bold !important;}
.fwN{font-weight:normal !important;}

.cRed{color:#c32633 !important;}
.cBlue{color:#31496b !important;}
.cOrg{color:#dd6b17 !important;}

.cRedB{color:#c32633 !important; font-weight:bold !important;}
.cBlueB{color:#31496b !important; font-weight:bold !important;}
.cOrgB{color:#dd6b17 !important; font-weight:bold !important;}

.wordB{
	word-break:break-all;
	word-wrap: break-word;
}

.imeFull{ime-mode:active;}    /*初期値：日本語入力モード*/
.imeHalf{ime-mode:inactive;}  /*初期値：英数字入力モード*/
.imeAlp{ime-mode:disabled;}   /*英数字入力モード*/

.wordB{
  word-break:break-all;
  word-wrap: break-word;
}

input.alpha:hover,
a.alpha:hover img,
.alpha a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
}

a.link:link, a.link:visited{color:#0069b4;}
a.link:hover, a.link:active{color:#333333;}
.sp a.link{color:#0069b4;}


/*--------------------------------------------------*/
/*Media Query Display*/
/*--------------------------------------------------*/
.uaPc{}
.uaPcI{display:inline !important;}
.uaSp{display:none !important;}
.uaSpI{display:none !important;}

.sp .uaPc{display:none !important;}
.sp .uaPcI{display:none !important;}
.sp .uaSp{display:block !important;}
.sp .uaSpI{display:inline !important;}

.forPc{}
.forSp{display:none;}
.forPcI{display:inline;}
.forSpI{display:none;}

.w1000{display:none;}
.w1000I{display:none;}
.w1000Ov{display:block;}
.w1000IOv{display:inline;}

.w640{display:none;}
.w640I{display:none;}
.w640Ov{display:block;}
.w640IOv{display:inline;}

.w480{display:none;}
.w480I{display:none;}
.w480Ov{display:block;}
.w480IOv{display:inline;}

.w320{display:none;}
.w320I{display:none;}
.w320Ov{display:block;}
.w320IOv{display:inline;}

@media screen and (max-width:1280px){
}

@media screen and (max-width:1000px){
.w1000{display:block;}
.w1000I{display:inline;}
.w1000Ov{display:none;}
.w1000IOv{display:none;}
}

@media screen and (max-width:768px){
.forPc{display:none;}
.forSp{display:block;}
.forPcI{display:none;}
.forSpI{display:inline;}
}

@media screen and (max-width:640px){
.w640{display:block;}
.w640I{display:inline;}
.w640Ov{display:none;}
.w640IOv{display:none;}
}

@media screen and (max-width:480px){
.w480{display:block;}
.w480I{display:inline;}
.w480Ov{display:none;}
.w480IOv{display:none;}
}

@media screen and (max-width:320px){
.w320{display:block;}
.w320I{display:inline;}
.w320Ov{display:none;}
.w320IOv{display:none;}
}

/*--------------------------------------------------*/
/*clearfix*/
/*--------------------------------------------------*/
.clearfix:after{content:""; display:block; clear:both;}

/*--------------------------------------------------*/
/*　パンくず　*/
/*--------------------------------------------------*/

#breadCrumb{
	width: 820px;
	margin: 0 auto 50px;
}

#breadCrumb li{
	float: left;
}

#breadCrumb li:first-child a{
	background-image:url(/common/images/icon_home.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left: 22px;
}

@media screen and (max-width:960px){
	#breadCrumb{
		width: 90%;
		margin:4.6%;
	}
}

@media screen and (max-width:640px){
	#breadCrumb{
		display: none;
	}
}

/*--------------------------------------------------*/
/*Helper*/
/*--------------------------------------------------*/
.contents .section .section-inner {
	max-width: 820px;
	margin: 4% auto 100px;
	box-sizing: border-box;
	text-align: left;
}
.contents .section .section-inner *,
.contents .section .section-inner *:before,
.contents .section .section-inner *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.pageTitle {
	font-weight: bold;
	font-size: 157%;
}
.instruction {
	font-size: 115%;
	position: relative;
	padding-left: 30px;
	margin-bottom: 3%;
}
.instruction:before {
	content: '';
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	top: 1px;
	left: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background: #fff;
	border: 5px solid #0079c2;
}
@media screen and (max-width: 960px) and (min-width: 768px) {
	.contents .section .section-inner {
		margin-right: 5%;
		margin-left: 5%;
	}
}
@media screen and (max-width: 767px) {
	.contents {
		padding-top: 20px;
	}
	.spContainer {
		padding: 0 15px;
	}
	.contents .section .section-inner {
		margin-bottom: 75px;
	}
}
/*--------------------------------------------------*/
/*Error Message*/
/*--------------------------------------------------*/
.errorMessage:not(:first-child) {
	margin-top: 4%;
}
.errorMessage {
	background: #ffd5d6;
	padding: 25px 40px;
	line-height: 1.5;
	color: #c32633;
}
.inputError.center {
	display: inline-block;
}
.errorMessage li,
.inputError li {
	position: relative;
	padding: 5px 0 0 22px;
	font-size: 85%;
}
.errorMessage li::before,
.errorMessage li:before,
.inputError li::before,
.inputError li:before {
	content: '';
	display: block;
	position: absolute;
	top: 7px;
	left: 0;
	width: 14px;
	height: 14px;
	background: #c32633;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.inputError li::before,
.inputError li:before {
	content: '!';
	color: #fff;
	width: 16px;
	height: 16px;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}
.inputError {
	display: block;
	margin-top: 5px;
	color: #c32633;
}

@media screen and (max-width: 767px) {
	.errorMessage {
		padding: 10px 15px;
	}
	.inputError {
		font-size: 85%;
	}
	.errorMessage li,
	.inputError li {
		padding: 1px 20px;
	}
	.errorMessage li::before,
	.errorMessage li:before {
		top: 4px;
	}
	.inputError li::before,
	.inputError li:before {
		top: 1px;
	}
	.inputError.center {
		text-align: left;
		padding: 0 20px;
	}
}

/*--------------------------------------------------*/
/*Form*/
/*--------------------------------------------------*/
.formTable {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #dbdbdb;
	margin-top: 5%;
}
.formTable td {
	vertical-align: middle;
}
.fieldLabel {
	background: #efefef;
	border-top-color: #fff;
	padding: 5px 10px;
	font-weight: bold;
}
.inputBox {
	padding: 5px 0;
}
.fieldBox {
	padding: 15px;
}
.inputField {
	min-height: 38px;
	border: 1px solid #dedede;
	background: #f7f7f7;
	display: block;
	width: 100%;
	padding: 5px 10px;
}
@media screen and (min-width: 768px) {
	.formTable td:first-child {position: relative; }
	.formTable td:first-child:before {
		content: '';
		height: 1px;
		width: 100%;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
	}
	.fieldLabel {
		width: 30%;
		padding: 20px;
		border: 1px solid #dbdbdb;
	}
	.formTable tr:not(:first-child) .fieldLabel:before {
		top: -1px;
	}
	.fieldBox {
		width: 70%;
		padding: 40px 35px;
		border: 1px solid #dbdbdb;
	}
}
@media screen and (max-width: 767px) {
	.formTable {
		border: none;
	}
	.formTable tr,
	.formTable td {
		display: block;
	}
	.fieldLabel {text-align: center;}
	.formTable tr {
		margin-top: 10px;
		border: 1px solid #dbdbdb;
	}
}

/*--------------------------------------------------*/
/*Buttons & Link*/
/*--------------------------------------------------*/
.buttonSet {
	text-align: center;
	margin: 7% auto 5%;
}
.buttonSet .inputError {
	display: inline-block;
}
button.btn,
a.btn,
input[type="submit"].btn {
	display: inline-block;
	color: #FFFFFF;
	padding: 12px 15px;
	text-align: center;
	background: #0079c2 url(/common/images/arrow_01_r.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 1em auto;
	min-width: 250px;
	border: none;
	cursor: pointer;
	display: inline-block;
	font-size: 100%;
	line-height: 1.5;
	vertical-align: middle;
	font-family: inherit;
}
button.btnA,
a.btnA,
input[type="submit"].btnA {
	background-color: #a6a6a6;
}
button.btnB,
a.btnB,
input[type="submit"].btnB {
	background-image: url(/common/images/trash_icon.gif);
	-webkit-background-size: auto;
	background-size: auto;
}
.linkArrow {
	text-align: right;
}
.linkArrow a {
	background-image: url("/common/images/arrow_02_r_s.gif");
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 17px;
	color: #333;
}
.linkArrow a:hover {
	text-decoration: underline;
}
@media screen and (max-width: 767px) {
	.linkArrow {
		text-align: center;
		font-size: 85%;;
	}
	.buttonSet button.btn,
	.buttonSet a.btn,
	.buttonSet input[type="submit"].btn {
		margin-bottom: 10px;
	}
	button.btnB,
	a.btnB,
	input[type="submit"].btnB {
		background-image: url("/common/images/trash_icon1.gif");
		background-color: transparent;
		color: #0165ab;
		text-decoration: underline;
		min-width: 1px;
		padding: 0 0 0 37px;
		background-size: 17px;
	}
}
@media screen and (min-width: 768px) {
	button.btn,
	a.btn,
	input[type="submit"].btn {
		padding-left: 50px;
		padding-right: 50px;
		font-size: 115%;
	}
}

/*--------------------------------------------------*/
/*Radiobox*/
/*--------------------------------------------------*/
.radioBox, .checkBox {display: none;}
.radioBox + label,
.checkBox + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
}
.radioBox + label:before,
.radioBox + label:after,
.checkBox + label:before,
.checkBox + label:after {
	content: '';
	position: absolute;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.checkBox + label:before,
.checkBox + label:after {
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.radioBox + label:before,
.checkBox + label:before {
	top: 1px;
	left: 0;
	width: 17px;
	height: 17px;
	border: 1px solid #dbdbdb;
	background: rgba(245,245,245,1);
	background: -moz-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(217,217,217,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(245,245,245,1)), color-stop(100%, rgba(217,217,217,1)));
	background: -webkit-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(217,217,217,1) 100%);
	background: -o-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(217,217,217,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,245,245,1) 0%, rgba(217,217,217,1) 100%);
	background: linear-gradient(to bottom, rgba(245,245,245,1) 0%, rgba(217,217,217,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#d9d9d9', GradientType=0 );
}
.checkBox + label:before {
	width: 24px;
	height: 24px;
	border-color: #bbb;
	top: -3px;
	left: -5px;
}
.radioBox:checked + label:after {
	top: 5px;
	left: 4px;
	width: 9px;
	height: 9px;
	background: #666;
}
.checkBox:checked + label:after {
	background: url(../images/check.png) 0 0 no-repeat;
	width: 18px;
	height: 15px;
	top: 2px;
	left: -2px;
}
@media screen and (max-width: 767px) {
	.radioBox + label:before {
		background: rgba(208,208,208,1);
		background: -moz-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(253,253,253,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(208,208,208,1)), color-stop(100%, rgba(253,253,253,1)));
		background: -webkit-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(253,253,253,1) 100%);
		background: -o-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(253,253,253,1) 100%);
		background: -ms-linear-gradient(top, rgba(208,208,208,1) 0%, rgba(253,253,253,1) 100%);
		background: linear-gradient(to bottom, rgba(208,208,208,1) 0%, rgba(253,253,253,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#fdfdfd', GradientType=0 );
	}
	.radioBox:checked + label:after {
		background: rgba(12,182,224,1);
		background: -moz-linear-gradient(top, rgba(12,182,224,1) 0%, rgba(5,64,153,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(12,182,224,1)), color-stop(100%, rgba(5,64,153,1)));
		background: -webkit-linear-gradient(top, rgba(12,182,224,1) 0%, rgba(5,64,153,1) 100%);
		background: -o-linear-gradient(top, rgba(12,182,224,1) 0%, rgba(5,64,153,1) 100%);
		background: -ms-linear-gradient(top, rgba(12,182,224,1) 0%, rgba(5,64,153,1) 100%);
		background: linear-gradient(to bottom, rgba(12,182,224,1) 0%, rgba(5,64,153,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0cb6e0', endColorstr='#054099', GradientType=0 );
	}
}

/*--------------------------------------------------*/
/*Form Progress*/
/*--------------------------------------------------*/
.formProgress {
	border: 1px solid #dbdbdb;
	overflow: hidden;
	margin-bottom: 5%;
}
.formProgressItem > span,
.formProgressItem > a {
	/*cursor: pointer;*/
	color: #01619c;
	text-align: center;
	padding: 9px;
}
.formProgress li:not(:first-child) .formProgressItem > span,
.formProgress li:not(:first-child) .formProgressItem > a {
	border-left: 0;
}
.formProgress li.active .formProgressItem > span,
.formProgress li.active .formProgressItem > a,
.formProgress li.active .formProgressItem > span:after,
.formProgress li.active .formProgressItem > a:after {
	background: #0079c2;
	color: #fff;
}
@media screen and (min-width: 768px) {
	.formProgress {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.formProgress li {
		display: table-cell;
		vertical-align: middle;
	}
	.formProgressItem {
		display: table;
		width: 100%;
	}
	.formProgressItem > span,
	.formProgressItem > a {
		display: table-cell;
		position: relative;
		height: 60px;
		vertical-align: middle;
		padding: 5px;
	}
	.formProgress li:not(:last-child) .formProgressItem > span:after,
	.formProgress li:not(:last-child) .formProgressItem > a:after {
		content: '';
		display: block;
		position: absolute;
		top: 8px;
		right: -22px;
		height: 45px;
		width: 45px;
		border-right: 2px solid #dbdbdb;
		border-top: 2px solid #dbdbdb;
		-webkit-transform: rotateY(-65deg) rotateZ(45deg);
		-moz-transform: rotateY(-65deg) rotateZ(45deg);
		transform: rotateY(-65deg) rotateZ(45deg);
	}
}
@media screen and (max-width: 767px) {
	.formProgressItem > span,
	.formProgressItem > a {
		position: relative;
		display: block;
		border-bottom: 1px solid #dbdbdb;
		font-size: 78%;
	}
	.formProgress li:last-child .formProgressItem > span,
	.formProgress li:last-child .formProgressItem > a {
		border-bottom: 0;
	}
	.formProgress li.active:not(:last-child) .formProgressItem > span:after,
	.formProgress li.active:not(:last-child) .formProgressItem > a:after {
		content: '';
		display: block;
		position: absolute;
		bottom: -11px;
		right: 50%;
		margin-right: -9px;
		height: 20px;
		width: 20px;
		border-bottom: 2px solid #dbdbdb;
		border-right: 2px solid #dbdbdb;
		-webkit-transform: rotateX(55deg) rotateZ(45deg);
		-moz-transform: rotateX(55deg) rotateZ(45deg);
		transform: rotateX(55deg) rotateZ(45deg);
	}
}
/*--------------------------------------------------*/
/*BlockQuote*/
/*--------------------------------------------------*/
.blockQuote {
	border-left: 2px solid #0079c2;
	margin: 3% 0;
	padding: 10px 20px;
}
.blockQuote li span {
	color: #01619c;
	font-weight: bold;
}
@media screen and (max-width: 767px) {
	.blockQuote {
		padding: 0px 5px;
		margin: 3% 0 5%;
	}
}


/*--------------------------------------------------*/
/*sarchArea*/
/*--------------------------------------------------*/

.sarchArea{
}

.sarchArea .inner{
	width: 820px;
	margin:4% auto 2%;
}

.sarchArea .yearBox{
	float: left;
}
.sarchArea .number{
	float: right;
}
.sarchArea .number span{
	font-weight: bold;
	font-size: 171.4%;
}

.sarchArea .yearBoxPc select{
	width: 160px;
	height: 32px !important;
}

.yearBoxPc{
	display: none;
}
.yearBoxSp {
	display: block;
}

@media screen and (min-width: 767px) {
	.yearBoxSp{
		display: none;
	}
	.yearBoxPc{
		display: block;
	}
}

.yearBoxPc .customSelect {
	border: #c0c0c0 solid 1px;
	background-image:url(/information/images/arrow_select_d.gif);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position:right center;
/*	width: 160px;
	height: 32px;
*/}

.yearBoxPc .customSelectInner {
	font-size: 114%;
	text-align: left;
	padding: 5px 10px;
	box-sizing: border-box;
}

.sarchArea .yearBoxSp select{
	width: 100px;
}

.yearBoxSp .customSelect {
	border: #c0c0c0 solid 1px;
	background-image:url(/information/images/arrow_select_d.gif);
	background-repeat:no-repeat;
	background-size: auto 100%;
	background-position:right center;
}

.yearBoxSp .customSelectInner {
	font-size: 107%;
	text-align: left;
	padding: 0 10px;
	box-sizing: border-box;
}

@media screen and (max-width:960px){

/*--------------------------------------------------*/
/*sarchArea*/
/*--------------------------------------------------*/
	.sarchArea{
		width: 100%;
	}
}

@media screen and (max-width:640px){

/*--------------------------------------------------*/
/*sarchArea*/
/*--------------------------------------------------*/
 .sarchArea .number{
		float: left;
		margin-left: 10px;
		font-size: 71.42%;
		padding-top: 5px;
	}

	.sarchArea .number span{
		font-weight: normal;
		font-size: inherit;
	}
}

/*--------------------------------------------------*/
/*calendar*/
/*--------------------------------------------------*/
.calendar{
	padding: 0 3%;
}
.calendar .inner{
	position:relative;
	max-width: 820px;
	margin:4% auto;
}
.calendar table{
	width: 100%;
	margin-top: 3%;
	border-top: 2px solid #0079c2;
	border-bottom: 2px solid #0079c2;
	border-collapse:collapse;
}
.calendar tbody{
	display:table-row;
}
.calendar tbody:not(:first-child) {
		border-top: 1px solid #7fbce0;
	}
.calendar tbody tr{
	display:table-cell;
	width: 14.28%;
	border-left: 1px solid #7fbce0;
	vertical-align:top;
	background: #FFF;
}
.calendar tr.sun,
.calendar tr.sun td{
	background:#feebeb;
}
.calendar tr.sat,
.calendar tr.sat td{
	background:#dfeefe;
}
.calendar tr:first-child{
	border-left: none;
}
.calendar tbody th,
.calendar tbody td{
	display:block;
	background: #FFF;
}
.calendar tbody th{
	border-bottom: 1px solid #7fbce0;
	padding:0.25em 0.5em;
	text-align:center;
	background-color: #f0f3f5;
}
.calendar thead th {
	text-align: center;
	color: #fff;
	font-size:128.57%;
	background: #0079c2;
	padding: 10px 5px;
}
.calendar thead th:not(:nth-child(2)) {
	background: #015ba0;
	padding: 0;
}
.calendar thead th:not(:nth-child(2)) span,
.calendar thead th:not(:nth-child(2)) a {
	display: block;
	padding: 10px 5px;
	color: inherit;
}

.calendar thead th:first-child span:before,
.calendar thead th:first-child a:before,
.calendar thead th:last-child span:after,
.calendar thead th:last-child a:after {
	content: '';
	display: inline-block;
	background: url(/common/images/calendar_arrow.gif) no-repeat;
	width: 11px;
	height: 20px;
	vertical-align: middle;
}

.calendar thead th:first-child span:before,
.calendar thead th:first-child a:before {
	background-position: top left;
	margin: -2px 10px 0 0;
}
.calendar thead th:last-child span:after,
.calendar thead th:last-child a:after {
	background-position: top right;
	margin: -2px 0 0 10px;
}
.calendar .sun th{
	background-color: #ff8787;
}
.calendar .sat th{
	background-color: #67a5f4;
}
.calendar td{
	min-height:8em;
	padding:0.5em;
}
.calendar .week{
	display:block;
}
.calendar .sun .week{
	color:#FFF;
}
.calendar .sat .week{
	color:#FFF;
}
.calendar .day{
	display:block;
	font-size: 114.29%;
}
.calendar .sun .day{
	color:#f91212;
}
.calendar .sat .day{
	color:#067ffb;
}
.calendar .event{
	display:block;
	margin-top: 0.25em;
	padding-left: 25px;
	background:left top no-repeat;
	background-size: 19px;
}
.calendar .event.gomi{
	background-image: url(/images/calendar_icon_01.png);
}
.calendar .event.tenken{
	background-image: url(/images/calendar_icon_04.png);
}
.calendar .event.bin{
	background-image: url(/images/calendar_icon_03.png);
}
.calendar .event.hunen{
	background-image: url(/images/calendar_icon_02.png);
}
.calendar .event.riji{
	background-image: url(/images/calendar_icon_05.png);
}
.calendar .event small{
	font-size: 78.57%;
}
.calendar .btn{
	position:absolute;
	top: 0;
	right:0;
}
.calendar .btn a{
	box-sizing:border-box;
	display:inline-block;
	width: 12em;
	padding:0.75em;
	font-size: 85.71%;
	color:#FFF;
	line-height:1;
	text-align:center;
	background:#0079c2;
}
.calendar .btn a:before{
	content:"";
	display:inline-block;
	width: 10px;
	height:10px;
	margin-right: 0.25em;
	background: url(/common/images/arrow_01_r.png) left top no-repeat;
	background-size: contain;
}

@media screen and (max-width:640px){

	.contents h3{
		font-size: 114.29%;
	}
	.contents .bgTown {
		background-size: 640px;
	}

	/*--------------------------------------------------*/
	/*vi*/
	/*--------------------------------------------------*/
	.vi .pc{
		display:none;
	}
	.vi .sp{
		display:block;
	}


	/*--------------------------------------------------*/
	/*calendar*/
	/*--------------------------------------------------*/
	.calendar{
		padding: 0;
		background: url(/images/calendar_bg_01.jpg) center bottom no-repeat;
		background-size:cover;
	}
	.calendar .inner{
		margin:0;
		padding: 8% 3% 15% 3%;
	}
	.calendar table{
		border-top: none;
		border-bottom: none;
	}
	.calendar tbody,
	.calendar thead{
		display: block;
	}
	.calendar thead tr {
		display: table;
		width: 100%;
	}
	.calendar thead th:not(:nth-child(2)) {
		width: 75px;
	}
	.calendar thead th:first-child span:before, .calendar thead th:first-child a:before, .calendar thead th:last-child span:after, .calendar thead th:last-child a:after {
		width: 6px;
	}
	.calendar thead th:not(:nth-child(2)) span, .calendar thead th:not(:nth-child(2)) a {

	}
	.calendar thead th {
		font-size: 85%;
	}
	.calendar tbody tr{
		display:table-row;
		width: auto;
		border: none;
		background: none;
	}
	.calendar tbody th,
	.calendar tbody td{
		display:table-cell;
		height:3em;
		min-height:0;
		border-bottom: 1px solid #7fbce0;
	}
	.calendar tbody tr:last-child th,
	.calendar tbody tr:last-child td{
		border-bottom: none;
	}
	.calendar tbody th{
		width: 1%;
		vertical-align:middle;
	}
	.calendar .day{
		float:left;
		font-weight: bold;
	}
	.calendar .event{
		padding-left: 6.25em;
		background-position: 4.25em top;
	}
	.calendar .btn {
		position: static;
		margin-top: 2em;
	}
	.calendar .btn a{
		font-size: 100%;
	}
}

.calendar-note {
	background: #f8f8f8;
	padding: 10px 15px;
	margin-top: 15px;
}
.calendar-note li a {
	padding-left: 1em;
	background: url(/common/images/arrow_02_r.png) left 0.4em no-repeat;
	background-size: 0.6em;
	text-decoration: underline;
}
@media screen and (min-width: 640px) {
	.calendar tbody:not(:first-of-type) th {
		display: none;
	}
	.calendar-note {
		padding: 25px 35px;
	}
	.calendar-note li a {
		text-decoration: none;
	}
}

/*--------------------------------------------------*/
/*info*/
/*--------------------------------------------------*/

.info .inner{
	width: 820px;
	margin:4% auto;
	background-color: #FFFFFF;
	box-sizing: border-box;
}

.info li{
	display: table;
	width: 100%;
	box-sizing: border-box;
	padding: 2% 3%;
	border-bottom: #7fbce0 1px dashed;
	text-align: left;
	font-size: 107%;
}

.info li:last-child{
	border-bottom: none;
}

.info .date{
	display: table-cell;
	width: 14.3%;
}

.info .text{
	display: table-cell;
	background-image: url("/common/images/arrow_02_r_s.gif");
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 17px;
}

.info .text a{
	color: #0079c2;
	display: inline;
	border-bottom: 1px solid #0079c2;
}

span.new{
	padding: 0.3% 0.8% 0.2%;
	font-size: 64.2%;
	color: #FFFFFF;
	background-color: #e61919;
	vertical-align: middle;
	margin-left: 1.5em;
}


@media screen and (max-width:960px){

/*--------------------------------------------------*/
/*共通*/
/*--------------------------------------------------*/
	.info .inner{
		width: 90%;
		margin:4.6%;
	}
}

/*--------------------------------------------------*/
/*info*/
/*--------------------------------------------------*/
/*
.info .inner{
	width: 90%;
	margin:4.6%;
}

.info li{
	padding: 3%;
}


.info .date,
.info .text{
	display: block;
}
*/
/*--------------------------------------------------*/
/*info_detail*/
/*--------------------------------------------------*/


.info_detail .inner{
	width: 820px;
	margin:4% auto;
	box-sizing: border-box;
	text-align: left;
}

.info_detail .time{
	display: none;
}

.info_detail .title{
	border-bottom: #7fbce0 dashed 1px;
}

.info_detail .title p{
	font-size: 114%;
	margin-bottom: 8px;
	background-image: url(/information/images/icon_circle.gif);
	background-repeat: no-repeat;
	background-position: left 6px;
	background-size: 20px;
	padding: 5px 5px 5px 35px;
}

.info_detail .topic{
	margin: 50px 0 60px;
}

.info_detail .photo{
	float: left;
	width: 48.7%;
}

.info_detail .text{
	float: right;
	width: 48.7%;
	line-height: 1.6;
}

.info_detail .btnArea{
	width: 30.4%;
	margin: 0 auto;
	background-color: #0079c2;
}

.info_detail .btnArea a{
	display: block;
	color: #FFFFFF;
	padding: 15px;
	text-align: center;
	background-image: url(/common/images/arrow_01_r.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	background-size: 1em auto;
}


@media screen and (max-width:960px){

/*--------------------------------------------------*/
/*共通*/
/*--------------------------------------------------*/
.info_detail .inner{
	width: 90%;
	margin:4.6%;
}

/*--------------------------------------------------*/
/*sarchArea*/
/*--------------------------------------------------*/

}

@media screen and (max-width:640px){

.info_detail .time{
	display: block;
	background-image: url(/information/images/icon_calendar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 23px;
	font-weight: bold;
	border-bottom: #7fbce0 dashed 1px;
	margin-bottom: 15px;
	padding: 5px 0 0 28px;
	font-size: 85.7%;
	vertical-align: middle;
}

.info_detail .time p{
	margin-bottom: 10px;
}

.info_detail .title{
	border-bottom: none;
}

.info_detail .title p{
	font-size: inherit;
	margin-bottom: 0;
	background-size: 19px;
	padding-left: 28px;
}

.info_detail .topic{
	margin: 15px 0 20px;
}

.info_detail .photo,
.info_detail .text{
	float: none;
	width: 100%;
}

.info_detail .photo{
	padding-bottom: 15px;
}

.info_detail .btnArea{
	width: 68.9%;
}

.info_detail .btnArea a{
	background-position: 25% center;
}

}
.info_detail .title02 {
    margin-top: 20px;
}
.info_detail .title02 .name {
	float: left;
    font-size: 114%;
    background-image: url(/common/images/icon_setting.gif);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px;
    padding: 3px 0 0 35px
}
.info_detail .title02 .date {
	float: right;
	display: block;
	background: #929292;
	color: #fff;
	padding: 2px 15px;
}


/*FAQ*/
.faqMenu {
	margin: 0 15px 5%;
}
.faqMenu li a {
	display: block;
	text-align: center;
	background: #fff;
	font-size: 115%;
	padding: 13px 10px;
}
.faqMenu li.active a {
	position: relative;
	background: #0079c2;
	color: #fff;
}

.faq dt {
	background: url(/common/images/faq_q.gif) 0 0 no-repeat;
	padding: 7px 15px 19px 45px;
	font-size: 115%;
	line-height: 1.8;
}
.faq dd {
	position: relative;
    background: #f8f8f8 url(/common/images/faq_a.gif) 45px 20px no-repeat;
    padding: 25px 15px 20px 90px;
    line-height: 2.2;
    margin-bottom: 20px;
}
.faq dd:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: url(/common/images/faq_dotted.gif) 0 0 repeat;
}
@media screen and (max-width: 961px) {
	.faqMenu {
		margin: 0 0 5%;
		overflow: hidden;
	}
}

@media screen and (max-width: 767px) {
	.faqMenu li {
		float: left;
		width: 50%;
		padding: 2.5px;;
	}
	.faqMenu li a {
		border: 1px solid #0079c2;
		color: #0079c2;
		font-size: 100%;
		padding: 8px;
	}
	.faqMenu li a:before {
		content: '';
		display: inline-block;
		width: 7px;
		height: 12px;
		vertical-align: middle;
		margin: -2px 5px 0 0;
		background: url(/common/images/icon_caret_right.png) top left no-repeat;
		-webkit-background-size: 14px;
		background-size: 14px;
	}
	.faqMenu li.active a:before {
		background-position: top right;
	}
	.faq dt,
	.faq dd {
		-webkit-background-size: 25px;
		background-size: 25px;
	}
	.faq dt {
		font-size: 85%;
		padding: 3px 15px 5px 45px;
		background-position: 10px 0;
	}
	.faq dd {
		font-size: 80%;
		padding: 12px 15px 5px 45px;
		background-position: 10px 10px;
		margin-bottom: 15px;
	}
}

@media screen and (min-width: 768px) {
	.faqMenu {
		display: table;
		table-layout: fixed;
		width: 100%;
		border-collapse: collapse;
	}
	.faqMenu li {
		display: table-cell;
		border: 1px solid #4ca1d4;
		border-top: 0;
		border-bottom: 0;
	}
	.faqMenu li.active a:after {
		content: '';
		display: block;
		position: absolute;
		width: 0;
		height: 0;
		border-top: 8px solid #0079c2;
		border-right: 8px solid transparent;
		border-left: 8px solid transparent;
		bottom: -8px;
		left: 50%;
		margin-left: -4px;
	}
}



/*--------------------------------------------------*/
/*pagerArea*/
/*--------------------------------------------------*/
.pagerArea .inner {
	margin: 2% auto 4%;
	width: 820px;
}

.pager{
    margin: 0 auto;
	display: table;
	width: 42.6%;
	border-collapse: separate;
	border-spacing: 5px 0;
}

.pager li{
	background-color: #0079c2;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	box-sizing: border-box;
	width: 8.57%;
}

.pager li a{
	padding: 3px 2px;
	display: block;
	color: #FFFFFF;
	font-size: 114%;
}

.pager li.on{
	border: #d1d1d1 1px solid;
	background-color: #FFFFFF;
	color: #929292;
	padding: 3px 2px;
	font-size: 114%;
}

.pager td a img{
	width: 30px;

}

.pager .icon{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 90%;
}

.pager .prev{
	background-image: url("/information/images/icon_prev.png");
}
.pager .prevFirst{
	background-image: url("/information/images/icon_prev_first.png");
	background-color: #01619c;
}
.pager .next{
	background-image: url("/information/images/icon_next.png");
}
.pager .nextLast{
	background-image: url("/information/images/icon_next_last.png");
	background-color: #01619c;
}

@media screen and (max-width:960px){

/*--------------------------------------------------*/
/*共通*/
/*--------------------------------------------------*/
.pagerArea .inner{
	width: 90%;
	margin:4.6%;
}
}

@media screen and (max-width:640px){
/*--------------------------------------------------*/
/*pagerArea*/
/*--------------------------------------------------*/
.pager li.forPc{
	display: none;
}

.pager{
	width: 100%;
	border-spacing: 8px 0;
}

.pager li{
	width: 9.31%;
}
}

/* 20250307 */
.conMenu .menuTtl{
	padding: 0.5em 2.25em;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #0079c2;
}

#gNavi .property_btn{
	position: absolute;
	right: 0;
	top: 52px;
}

#gNavi .property_btn_pc{
	width: 310px;
}

@media screen and (min-width:961px){
	#gNavi .menu .conMenu li.newMenu13,
	#gNavi .menu .conMenu li.newMenu14{
		display: none;
	}

	.conMenu .menuTtl,
	#gNavi .hMenu .price_btn img{
		display: none;
	}

	#header {
		height: 140px;
		background-color: #fff;
	}
	#header img{
		width: 77%;
		margin-top: 5px;
	}
	
	.property_ttlArea .property_ttl{
		max-width: 53vw;
	}
}

@media screen and (max-width:960px){
	#gNavi .menu .conMenu li.newMenu13 a span{
		display: block;
		background-image: url(/common/images/menu_icon_mypage.png);
	}
	#gNavi .menu .conMenu li.newMenu14 a span{
		display: block;
		background-image: url(/common/images/menu_icon_logout.png);
	}
	#gNavi .menu .inner .account .btn1{
		display: none;
	}
	#header img.sp{
		width: 73.5%;
	}
	#gNavi .hMenu .price_btn,
	.property_btn_pc{
		display: none;
	}

	#gNavi .hMenu .price_btn{
		display: block;
		position: absolute;
		top: -2px;
		right: 19%;
		width: 30.3%;
		z-index: 1;
	}
	#gNavi .hMenu .price_btn img{
		width: 100%;
		overflow: hidden;
	}
}

@media screen and (min-width:820px){
	#header img.sp{
		width: 50%;
		margin-top: -2px;
	}
	#gNavi .hMenu .price_btn{
		width: 20%;
	}
}

@media screen and (min-width:700px){
	#header img.sp{
		width: 60%;
	}
	#gNavi .hMenu .price_btn{
		width: 24%;
	}
}

@media screen and (min-width:900px){
	#header img.sp{
		width: 50%;
	}
	#gNavi .hMenu .price_btn{
		width: 21%;
	}
}

/* updated 251117 */
@media print, screen and (min-width: 961px) {

	/* Default sidebar state (not fixed yet) */
	#conMenu {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 50;
		width: 140px !important;
		height: 100vh;
		overflow: hidden;
		background-color: #0079C2 !important;
	}

	/* Fixed state only after header disappears */
	#conMenu.sidebar-fixed {
		position: fixed !important;
		top: 0 !important;
		left: 0 !important;
	}

	#conMenu.nav-scroll {
		width: 140px !important;
		overflow-y: auto !important;
	}
	#gNavi .menu .conMenu li {
		width: 140px;
		background: top center no-repeat;
	}
	#gNavi .menu .conMenu li.menu11,
	#gNavi .menu .conMenu li.menu12 {
		background-color: #0069b4 !important;
	}
}

/* SP STYLES */
@media screen and (max-width: 960px) {
	body.body-lock {
		overflow: hidden;
		touch-action: none;
	}
	.hMenu {
		background: #fff;
	}
	#gNavi .menu.open > div {
		position: relative;
	}
	#gNavi .menu.open {
		width: 100% !important;
		height: 100vh;
	}
	#gNavi .menu.open .inner {
		position: relative;
		padding-bottom: 10px;
	}
	#gNavi .menu .inner {
		display: none;
	}
	#gNavi .menu.open .inner {
		display: block;
	}
	#gNavi .menu.open {
		position: fixed;
		/* top: 17.7vw; */
		left: 0;
		z-index: 99999;
		/* max-height: 85vh; */
		overflow-y: auto;
	}
	.hMenu.fixed {
		position: fixed !important;
		top: 0;
		left: 0;
		z-index: 999;
		width: 100%;
	}
	#gNavi.op {
		position: fixed;
		top: 0;
		z-index: 1002;
		height: 100%;
		overflow: scroll;
		background: rgb(255,255,255,0.8);
		font-size: 12px;
	}
	#spMenuOverlay {
		background: rgb(255,255,255);
	}
}

@media (orientation: landscape) {
	/* Styles for landscape orientation */
	#gNavi .menu.open {
		/* max-height: 70vh; */
		/* top: 16.75vw; */
		background: black;
	}
}

@supports (-webkit-touch-callout: none) {
	@media screen and (orientation: landscape) {
		#gNavi .menu.open {
			/* max-height: 55vh; */
			/* padding-bottom: 20px; */
			/* top: 15.5vw !important; */
		}
	}
	body.body-lock {
		overflow: hidden; /* fallback */
		touch-action: none;
	}
	#gNavi .menu.open {
		/* max-height: 75vh; */
		padding-bottom: 20px;
	}
}

/** 20251117 **/
.section-inner01{
	margin-top: 1% !important;
	margin-bottom: 0 !important;
}

.sctInnerContainer{
	display: flex;
	padding-top: 64.5%;
	padding-bottom: 3.5%;
	background-image: url(/common/images/happy_support_bg_pc.png);
	background-size: cover;
	background-repeat: no-repeat;
	background-size: 100%;
	justify-content: center;
	text-align: center;
}

.btn_userguide{
	width: 37%;
}

.buttonSet01{
	margin-bottom: 0 !important;
}

@media screen and (max-width: 767px){
	.tac_sp{
		margin-top: 20px;
	}
	.taC_wb{
		word-break: break-all;
	}
	.sctInnerContainer{
		width: 100%;
		padding-top: 285%;
		padding-bottom: 8%;
		background-image: url(/common/images/happy_support_bg_sp.png);
		background-size: cover;
		background-repeat: no-repeat;
		background-size: 100%;
	}
	.btn_userguide{
		width: 90%;
	}
}

@media screen and (min-width: 1200px){
	.section-inner01{
		min-width: 68%;
	}
	.sctInnerContainer{
		background-size: 100%;
	}
}