@charset "utf-8";
/*
Theme Name: crystal
*/
a:hover, a:active {    color: #080acb;}
.adminEdit {display: none;}
body, h1, h2, h3,#pageTitBnr #pageTitInner #pageTit{-webkit-text-size-adjust: 100% !important;
	/*font-family:"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	font-family: "Hina Mincho", serif;
	font-weight: bold;
	font-style: normal;
}

#main{border-top: 3px solid #A39D9D;}
#main #container{padding-top:0;}
.innerBox{width:100%;}
#fixmenu{background-color:#fff;}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
#header{border-bottom: 3px solid #ddd;}
#header #site-title {    float: left;}

.headMainMenu li > a:hover{color: #fff !important;background-color:#2CADD9;}
.headMainMenu li.current_page_item > a {color: #444;}
#footMenu .menu li a {color: #000 !important;background-image: none !important;font-weight:bold;}
#footMenu .menu li a:hover {color: #333 !important;background-image: none !important;}
#footMenu {border: none;}
#footMenu .innerBox .menu li a {padding: 15px 15px 15px 28px;}
div.ef {
    position: absolute;
    background: rgba(127,168,173,0.75);
    z-index: 1;
    color: #fff;
    padding: 1.7em 1.1em 1.7em 1.3em;
    margin: 17% 19% 0 19%;
}

/*お問い合わせ完了*/
div#completion .section {text-align:center;}
body.completion #main #container .content {
	float: none !important;
	width: auto !important;
}	

@media (min-width: 1567px){ div.ef{font-size: 62px;} }
@media (min-width: 1367px) and (max-width: 1566px){ div.ef{font-size: 55px;} }
@media (min-width: 1281px) and (max-width: 1366px){ div.ef{font-size: 50px;} }
@media (min-width: 1025px) and (max-width: 1280px){ div.ef{font-size: 35px;} }
@media (min-width: 801px) and (max-width: 1024px){ div.ef{font-size: 30px;} }
@media (min-width: 481px) and (max-width: 800px){ div.ef{font-size: 20px;} }
@media (max-width: 480px){ div.ef{font-size: 12px;} }

@media (max-width: 969px){
	#gMenu .assistive-text {
		width: 3.5em;
		top: -50px;
		padding: 1px 0 0;
		font-size: 10px;
	}
    #gMenu .assistive-text span {
        padding: 0;
        margin-top: -5px;
    }
}
@media (min-width: 970px){
#main #container .content {
    float: left;
    width: auto;
}
#gMenu {
    /*float: right;*/
    float:left;
    clear: none;
    width: auto;
    /*padding-left: 30px;
    margin-right: 200px;*/}
}
@media (min-width: 1366px){
#gMenu {
    float: right;
    clear: none;
    width: auto;
    margin-right: 200px;}
}
@media (min-width: 970px){
#header .innerBox #site-title {margin-left: 25px;}
.innerBox, #panList .innerBox, #footMenu .innerBox, #footer .innerBox, #topMainBnrFrame, #pageTitBnr {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    margin: 0 auto;
}
#topMainBnr img {width: auto !important;max-width:100% !important;}
#header .innerBox {width:100%;}
#footMenu .innerBox .menu {padding: 5px;background-color: #BDBFBE;margin: 0 35%;}
.menu-fmenupc-container{background-color: #BDBFBE;}
#footMenu .menu li {margin-right: 30px;}
}
#content h2 {
    color: #555756;
    border: none;
    background: none;
    text-align: center;
    font-size: 30px;
    margin: 0px;
    font-weight: bold;
}

#footer{display:none;}
#siteBottomInner.innerBox {padding: 0px 0 5px;}
.section{display:block;margin:0 auto;}
.section .centerBox {
    display: block;
    margin: 0 auto;
    width: 80%;
    text-align: center;
    line-height: 1.5;
}
.read {
    background-color: #f3f3f3;
    display: inline-block;
    padding: 0.3em 0.5em 0.2em !important;
    margin: 1em 0 0 !important;
}
.lpbk1{background: url("/wp-content/uploads/lp01bk.jpg") repeat repeat;padding: 80px 0 220px;background-color:rgba(255,255,255,0.5);}
.lpbk2{background: url("/wp-content/uploads/lp02bk.jpg") repeat repeat;padding: 50px 0 1200px;text-align:center;}
.lpbk3{background-color:#E5F2F8;padding:50px 0 60px;}
.lpbk4{background-color:#f2f9fd;padding: 50px 0 20px;}
.lpbk5{padding: 50px 29%;}
.lpbk6{background: url("/wp-content/uploads/lp03bk.png") repeat repeat;padding: 50px 0 130px;margin:0 auto;}
.lpbk7{background: url("/wp-content/uploads/lp03bk.png") repeat repeat;padding: 50px 0 130px;margin:0 auto;}
.lpbk2 dt,.lpbk3 dt{color:#009FD3;}
.lpbk4 dt{color:#5B5D5C;}
.lpbk5 dt,.lpbk5 dd{text-align:left;}
.lpbk2 dt,.lpbk3 dt,.lpbk4 dt{font-size: 27px;line-height: 1.2;margin: 50px 0 15px;}
.lpbk2 dd,.lpbk3 dd,.lpbk4 dd{
color: #494B4A;
font-size: 15px;
padding: 0px 1.5em;
text-align: left;
min-height: 5em;
}
.lpbk2 dl{display:block;width:32%;float:left;margin:0 0.3%;}
.lpbk3 dl{display:block;width:31%;float:left;margin:0 1%;}
.lpbk5 dt{font-size: 20px;}
.lpbk5 dt:before{
background-color: #434343;
    border-radius: 100%;
    color: #fff;
    content: "Q";
    font-family: 'Roboto Condensed';
    font-size: 25px;
    line-height: 1.6;
    text-align: center;
    /* height: 4em; */
    /* width: 2em; */
    /* position: absolute; */
    left: 0;
    top: 0;
    font-weight: normal;
    padding: 6px 10px 6px;
    /* display: inline-block; */
    margin-right: 10px;
}
.lpbk5 dd {
    background-color: #f6f6f6;
    /*padding: 5px 48px;*/
	padding: 10px 15px;
	line-height: 2;
}
#content .lpbk6 dl{float:left;width: 50%;}
#content .addressBox dl{float:left;width: 100% !important;}
#content .lpbk6 dt{
border-left: 3px solid #50B2BC;
    font-size: 1.1em;
    color: #555 !important;
    margin-bottom: 0;
    padding: 5px;}
#content .lpbk6 dd{margin: 0px 0px 20px;}
#content .lpbk6 dd b{display:inline-block;}
#content .lpbk6 dt strong{font-size:0.8em;}
#content .lpbk6 dd strong{font-size:0.8em;}

#content .lpbk7 dt{
border-left: 3px solid #50B2BC;
    font-size: 1.1em;
    color: #555 !important;
    margin-bottom: 0;
    padding: 5px;}
#content .lpbk7 dd{margin: 0px 0px 20px;}
#content .lpbk7 dd b{display:inline-block;}
#content .lpbk7 dt strong{font-size:0.8em;}
#content .lpbk7 dd strong{font-size:0.8em;}



.sekouType:after{clear:both;}
.sekouType dl{display:block;width:49%;float:left;margin:0 0.5%;}
.sekouType dt{color:#fff;background-color:#2A5C99;padding:0.5em 0;margin:0;text-align:center;font-size:20px;}
.sekouType dt:before,
.sekouType dt:after{content:"◆";color:#B7DAED;margin:0 0.5em;font-size:20px;}
.sekouType dd{color:#fff;background-color:#01A2D8;padding:1em 1.5em;min-height:5em;}

.lpbk1 .bx-wrapper{max-width: 100% !important;}
.bx-wrapper{margin: 0 auto 30px;}
.bx-wrapper .bx-viewport {border: none !important}
.lpbk4 .bx-wrapper .bx-viewport {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
border: none;
background: none;
left: 0px;
}
.lpbk4 .bx-wrapper .bx-pager.bx-default-pager a {
    background: #FFF;
    width: 20px;
    height: 20px;
    margin: 0 20px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    border: 3px solid #959595;
}
.lpbk4 .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    border: 3px solid #009FD3;
    background: #FFF;
}
.lpbk4 .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    outline: 0;
    width: 65px;
    height: 63px;
    text-indent: -9999px;
    z-index: 9999;
}
.lpbk4 .bx-wrapper .bx-prev {
    left: -45px;
    background: url(/images/controls.png) no-repeat 0 0px;
}
.lpbk4 .bx-wrapper .bx-next {
    right: -45px;
    background: url(/images/controls.png) no-repeat -86px 0px;
    z-index: 20;
}
.lpbk4 .bx-wrapper .bx-prev:hover {background-position: 0px -64px;}
.lpbk4 .bx-wrapper .bx-next:hover {background-position: -86px -64px;}
ul#bx2-pager {margin: 20px 0 -10px;}
#bx2-pager li{display:inline;}
#bx2-pager li a{text-decoration: none;}
#bx2-pager li a b{
background: #FFF;
    color: #959595;
    font-size: 25px;
    width: 30px;
    height: 30px;
    margin: 0 20px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 27px;
    border: 3px solid #959595;
    padding: 5px 7px 3px;
}
#bx2-pager li a:hover b,
#bx2-pager li a.active b{
    border: 3px solid #009FD3;
    background: #FFF;
}
#bx2-pager li a span{font-size:25px;color:#959595;}

.btn{clear: both;}
.btn a{
display: block;
    border-radius: 10px;
    background-color: #47AACD;
    width: 45%;
    margin: 0 auto;
    font-size: 30px;
    padding: 20px;
    cursor: pointer;
    color: #fff;
    text-decoration: none;
}
#siteBottom {background-color: #fff;clear:both;}
#companyInfo{
font-family: "BIZ UDGothic", sans-serif;
background-color: #fff;
width: 95%;
margin: 0px auto 0;
text-align: left;
min-height:100px;
font-size: 23px;
line-height: 1.5;
padding: 1em 0;
}
#companyInfo dt{float:left;margin: 0 3em;}
#companyInfo dd{padding: 0.5em;line-height: 1.8;}
#companyInfo dd b{display:block;}
#siteBottom #siteBottomInner.innerBox #copy {padding: 15px 0 10px;}



/**/
.label { background: #FFCC33; padding: 5px; font: bold 10px Arial, sans-serif; position: absolute; top: 0;left: 0; }

/* Validation */
.w.error { background-color: #EFD8D7; display:block; }
.w.error .input { border-color: #C8A5A5; background: #fff url('icon_error.png') no-repeat right center; }

.w.valid { background-color: #A4EFAE; }
.w.valid .input { border-color: #A5C8A6; background: #fff url('icon_valid.png') no-repeat right center; }
.w.valid span { display: none; }

@media (min-width: 1025px){
.pc{display:block;}
.sp{display:none;}
}
@media (max-width: 1024px){
.pc{display:none;}
.sp{display:block;}
}

@media (min-width: 1025px) and (max-width: 1280px){
.sekouType dd {height: 6em;}
.lpbk2 dd, .lpbk3 dd, .lpbk4 dd {font-size: 17px;}
.lpbk5 {padding: 50px 19%;}

.bx-viewport dl{margin: 10px; !important;width:565px !important;}
#companyInfo dt {margin: 0 5em;}
}
@media (min-width: 769px) and (max-width: 1024px){
.sekouType dd {height: 9em;}
#content h2 {font-size: 50px;}
.lpbk2 dt, .lpbk3 dt, .lpbk4 dt {font-size: 22px;}
.lpbk2 dd, .lpbk3 dd, .lpbk4 dd {font-size: 17px;}
.btn a {width: 60%;}

.lpbk5{padding: 50px 19%;}
#content .personaldata input[type="text"], 
#content .personaldata input[type="email"], 
#content .personaldata textarea, 
#content .personaldata input[type="tel"] {margin: 5px 5px 5px 10px;}
#content div.addressBox table.ad {width: 85%;}
ul#bx3-pager {margin:20px 0 -40px}
#bx3-pager li{display:inline-block;}
#bx3-pager li a{text-decoration: none;}
#bx3-pager li a b{
background: white;
    color: #959595;
    font-size: 27px;
    width: 40px;
    height: 35px;
    line-height: 1.4;
    margin: 0 5px 0 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 27px;
    border: 3px solid #959595;
    padding: 6px 6px 7px 2px;
    display: inline-block;
}
#bx3-pager li a:hover b,
#bx3-pager li a.active b{
    border: 3px solid #009FD3;
    background: #FFF;
}
#bx3-pager li a span{
    font-size: 27px;
    color: #959595;
    padding: 0.5em;
}
.bx-wrapper img {margin: 0 auto !important;}
.lpbk4 .bx-wrapper .bx-prev {left: 60px;}
.lpbk4 .bx-wrapper .bx-next {right: 60px;}
#companyInfo dt {float: left;margin: 0 1.1em;}
#companyInfo dd {padding: 0.5em;line-height: 1.8;font-size: 0.9em;}
}

@media (min-width: 481px) and (max-width: 768px){
.sekouType dd {min-height: 12em;}
#content h2 {font-size: 38px;}
.lpbk2 {padding: 50px 0 865px;}
.lpbk2 dt, .lpbk3 dt, .lpbk4 dt {font-size: 12px;}
.lpbk2 dd, .lpbk3 dd, .lpbk4 dd {font-size: 12px;}
.btn a {width: 85%;font-size: 25px;}
.lpbk4 .bx-wrapper .bx-prev {left: -20px;}
.lpbk4 .bx-wrapper .bx-next {right: -20px;}
#content div.addressBox table.ad {width: 85%;}
.lpbk5{padding: 50px 5%;}
ul#bx3-pager {margin:20px 0 -40px}
#bx3-pager li{display:inline-block;}
#bx3-pager li a{text-decoration: none;}
#bx3-pager li a b{
background: white;
    color: #959595;
    font-size: 15px;
    width: 18px;
    height: 13px;
    line-height: 1;
    margin: 0 5px 0 0;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 27px;
    border: 3px solid #959595;
    padding: 6px 6px 7px 2px;
    display: inline-block;
}
#bx3-pager li a:hover b,
#bx3-pager li a.active b{
    border: 3px solid #009FD3;
    background: #FFF;
}
#bx3-pager li a span{font-size:8px;color:#959595;}
div#stepPath li {
    display: inline-block;
    padding: 5px 5px 4px;
    margin: 0;
    font-size: 18px;
}
#content .personaldata input[type="text"], 
#content .personaldata input[type="email"], 
#content .personaldata textarea, 
#content .personaldata input[type="tel"] {margin: 5px 5px 5px 10px;}
#content table.mitsumori {width: 60%;}
#content table.mitsumori td {padding: 0px 5px;}
#content table.mitsumori td select {width: 100%;}
#content textarea#coment {width: 90% !important;}
#companyInfo dt {
display: block;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    float: none;
}
#content div.addressBox table.ad {width: 100%;}
#content div.addressBox table.ad th {font-size: 11px;white-space: normal;}
#companyInfo dd {padding: 0.5em 1.5em;line-height: 1.8;font-size: 1.1em;}
}
@media (min-width: 481px){
.pc{display:block;}
.sp{display:none;}
}
@media (max-width: 480px){
	.pc{display:none;}
	.sp{display:block;text-align:center;}
	.sp span{display:block;margin:0.5em;font-size:1.5em;font-weight:bold;}
	.content p {margin-bottom:0;}
	.section .centerBox {
		width: 100%;
	}	
	.lpbk1 {padding: 20px 0 1px;background-size: 100%;}
	.lpbk2 {padding: 50px 0 1px;background-size: 100%;}
	.lpbk2 dl,.lpbk3 dl {width: 100%;float:none;}
	.lpbk2 dt, .lpbk3 dt, .lpbk4 dt {font-size: 22px;}
	.lpbk4 {padding: 50px 0 0px;}
	.lpbk5 {padding: 50px 5%;}
	.lpbk4 dt {font-size: 20px;}
	.lpbk4 h2{font-size: 29px !important;}
	.lpbk6 {padding: 50px 0 70px;}
	.lpbk5 dt {
		font-size: 14px;
	}	
	.lpbk5 .centerBox {width: 100%;}
    .lpbk5 dt:before {
        line-height: 1.3;
        height: 1.2em;
        width: 1.2em;
        padding: 0 3px 5px 3px;
        display: block;
        float: left;
        font-size: 15px;
    }
	.lpbk5 dd {background-color: #f6f6f6;padding: 5px 10px;}
	.lpbk4 .bx-wrapper .bx-prev {left: -10px;}
	.lpbk4 .bx-wrapper .bx-next {right: -10px;}
	.sekouType dl{display:block;width:100%;float:none;margin:0 0.5%;}
	#content h2 {text-align:center;font-size: 25px;margin-bottom: 0.5em;}
	.read {text-align:left;margin: 0 1em 0;}
	.btn a {width: 75%;font-size: 14px;font-weight: bold;}
	form#sendform {width: 95%;}
	#content .lpbk6 dl {/*float: none;*/width: 100%;}
	ul#bx3-pager {margin:20px 0 -40px}
	#bx3-pager li{display:inline-block;}
	#bx3-pager li a{text-decoration: none;}
	#bx3-pager li a b{
	background: white;
		color: #959595;
		font-size: 15px;
		width: 18px;
		height: 13px;
		line-height: 1;
		margin: 0 5px 0 0;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 27px;
		border: 3px solid #959595;
		padding: 6px 6px 7px 2px;
		display: inline-block;
	}
	#bx3-pager li a:hover b,
	#bx3-pager li a.active b{
		border: 3px solid #009FD3;
		background: #FFF;
	}
	#bx3-pager li a span{font-size:8px;color:#959595;}
	div#stepPath li {
		display: inline-block;
		padding: 5px 5px 4px;
		margin: 0;
		font-size: 16px;
	}
	div.addressBox {width: 100%;float: none;}
	#content div.addressBox table.ad {width: 95%;}
	.choiceBox {clear: both;}
	.choiceBox dd {padding: 0 0 0 5px;}
	.radioBox label {padding: 12px 5px 10px;color:#fff;/*background-color: #00A0E9;*/}
	#content table.mitsumori {margin: 0px 0 0 0;width: 90%;}
	#content table.mitsumori th {font-size: 10px;padding: 3px 5px 1px;}
	#content table.mitsumori td {padding: 0px 5px;}
	#content table.mitsumori td select {width: 100%;}
	dl.coment{clear:both;}
	form#sendform input[type=submit] {width: 90%;padding: 15px 20px;}
	#content .personaldata input[type="text"], 
	#content .personaldata input[type="email"], 
	#content .personaldata textarea, 
	#content .personaldata input[type="tel"] {margin: 5px 5px 5px 10px;}
	#content form#sendform textarea{width: 90%;}
	#main #container .content {padding-bottom: 10px;}
	#companyInfo{font-size: 12px;}
	div#navicon .sp{padding: 10px 20px 0 0;}
	div#completion h2 {font-size: 23px;font-weight: bold;}
	div#completion .section {margin: 0 1em;text-align: left !important;}
}
/*調整*/
.width100per{width: 100% !important;}
.width70px{width: 70px !important;}
.floatLeft{float: left;}
.mb1em{margin-bottom: 1em !important;}
.bxslider li {
display: none;
}
.bx-viewport .bxslider li {
display: block !important;
}
.txtCenter{text-align:center !important;}
#navicon .pc {
    float:left;
    font-size: 22px;
    margin: 21px 0px 0 40px;
}
.guide1{
width: 89%;
    background-color: #969494;
    padding: 0.5em 1em;
    color: #fff;
    margin: 0.5em 0 -25px;
}
div.formTel:after{clear:both;margin-bottom:2em;}
/*#addressNow{display:none;}*/
.choiceBox:after{clear:both;float:none;}

#content .lpbk7 .addressBox dd {margin-bottom:5px;}
.formTel{margin-bottom:2em;}
.formTel a{font-size:1.5em;}
.formTel .pc i{font-size:2em;}

/*送信完了ページ*/
div#completion {text-align:center;}
#panList ul a, #panList ul a:hover, #panList ul a:active {
    color: #333 !important;
    text-decoration: none;
}


@media (max-width: 480px){
.guide1 {font-size: 0.8em;}
}
@media (max-width: 768px){
#navicon .pc {
    float: right;
    font-size: 20px;
    margin: 15px 65px 0 0;
    position: absolute;
    right: 0;}
}
@media (min-width: 769px){
#navicon .pc {        
    float: right;
    font-size: 20px;
    position: absolute;
    right: 0;margin: 25px 10px 0 0;}
}
@media (min-width: 812px){
#navicon .pc {    
    float: right;
    font-size: 20px;
    position: absolute;
    right: 0;
    margin: 13px 60px 0 0;}
}
@media (min-width: 1024px){
#navicon .pc {    
    float: right;
    font-size: 20px;
    position: absolute;
    right: 0;
    margin: 25px 10px 0 0;}
}
@media (min-width: 970px){
.headMainMenu .menu li > a {padding: 3px 10px;}
}