@charset "utf-8";
/* CSS Document */
html,body{min-width:320px;}
#breakpoint{width:1px; display:none;}
@media screen and (max-width: 767px){#breakpoint{width:2px;}}
/*---------------------------------------------------
contents 
---------------------------------------------------*/
.lpIndex-anchors{
	background:#F3EFE7;
	color:#6f6262;
	padding:40px 5px;
}
.lpIndex-anchors a{
	color:#6f6262;
    text-shadow: 0 1px 0 #fff;
    text-decoration: none;
}
.lpIndex-anchors h2{
	max-width:950px;
	width:100%;
	margin:0 auto 20px;
	font-size:36px;
    text-shadow: 0 1px 0 #fff;
}
.lpIndex-anchors h2 span:after{
    content: "\f0c9";
    font-family: FontAwesome;
	font-weight:normal;
	margin-right:20px;
}
.lpIndex-anchors .pt01 {
	max-width:950px;
	width:100%;
	margin:0 auto;
}
.lpIndex-anchors .pt01 li{
	float:left;
	margin-left:30px;
}
.lpIndex-anchors .pt01 li:first-child{
	margin-left:0;
}
.lpIndex-anchors .pt01 li > a{
	font-size:18px;
    line-height: 1.2;
	font-weight:bold;
	text-decoration: none;
}
.lpIndex-anchors .pt01 li > a:before{
	content:"\f107";
    font-family: FontAwesome;
	font-size:26px;
	color:#fb5152;
	margin-right:6px;
	vertical-align:middle;
}
.lpIndex-anchors .pt01 .p01{
	margin:4px 0 0 23px;
}
.lpIndex-anchors .pt01 .p01 a{
	font-size:15px;
}
.lpIndex-anchors .pt01 .p01 a + a:before{
	content:"|";
	margin:0 10px 0 6px;
}

.lpIndex-anchors a:hover{
	text-decoration:none;
}
.lpIndex-anchors a:hover span{
	border-bottom:1px solid;
}
@media(max-width: 949px) {
.lpIndex-anchors{
	padding:30px 15px;
}
.lpIndex-anchors .pt01 li{
	margin-left:15px;
}
.lpIndex-anchors .pt01 li > a{
	font-size:16px;
}
.lpIndex-anchors .pt01 .p01 a{
	font-size:13px;
}
}
@media screen and (max-width: 767px){
.lpIndex-anchors{
	padding:5px;
	overflow:hidden;
	background:#6f6262;
	color:#f3efe7;
	width:100%;
	position:relative;
}
.lpIndex-anchors h2{
	font-size:32px;
	padding:10px 0 10px 80px;
	margin-bottom:0;
	z-index:10;
    text-shadow: 0 -1px 0 #000;
}
.lpIndex-anchors h2 span{
	position:absolute;
	top:5px;
	left:0;
	width:70px;
	height:61px;
	padding:5px;
	letter-spacing:0;
	text-align:center;
	border-right:1px solid rgba(243,239,231,0.3);
}
.lpIndex-anchors h2 span:before{
	content:"menu";
	position:absolute;
	bottom:3px;
	left:0;
	font-size:12px;
	width:100%;
}
.lpIndex-anchors h2.active span:before{
	content:"close";
}
.lpIndex-anchors h2 span:after{
    font-size: 34px;
    margin: 0;
    position: absolute;
    left: 20px;
	top:0;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
}
.lpIndex-anchors h2.active span:after{
	transform:rotate(180deg);
	-webkit-transform:rotate(180deg);
	-moz-transform:rotate(180deg);
	content:"\f068";
	top:3px;
}
.lpIndex-anchors .accordion-tree{
	display:none;
}
.lpIndex-anchors .pt01 {
	padding-top:5px;
	background:#F3EFE7;
}
.lpIndex-anchors .pt01 li{
	float:none;
	margin-left:0;
}
.lpIndex-anchors .pt01 li > a{
	font-size:18px;
	min-height:44px;
    line-height: 44px;
	font-weight:normal;
	padding:0 3%;
	border-bottom:1px solid #6f6262;
}
.lpIndex-anchors .pt01 li > a:before{
	content:"\f107";
    font-family: FontAwesome;
	font-size:26px;
	color:#fb5152;
	margin-right:6px;
	vertical-align:middle;
}
.lpIndex-anchors .pt01 .p01{
	margin:0;
}
.lpIndex-anchors .pt01 .p01 a{
	line-height:44px;
	height:44px;
	font-size:16px;
	border-bottom:1px solid #6f6262;
}
.lpIndex-anchors .pt01 li .p01 a:before{
	content:"\f107";
    font-family: FontAwesome;
	font-size:26px;
	color:#6f6262;
	margin:0;
	vertical-align:middle;
	padding:0 3%;
}

.lpIndex-anchors a:hover{
	text-decoration:none;
}
.lpIndex-anchors a:hover span{
	border-bottom:none;
}
}
@media screen and (max-width: 640px){
.lpIndex-anchors h2{
	font-size:28px;
	padding-left:70px;
}
.lpIndex-anchors h2 span{
	width:60px;
	height:56px;
}
.lpIndex-anchors h2 span:after{
    left:16px;
	top:0px;
	font-size:31px;
}
.lpIndex-anchors h2.active span:after{
    left:18px;
	top:0px;
}
}
@media screen and (max-width: 413px){
.lpIndex-anchors h2{
	font-size:22px;
	padding-left:55px;
}
.lpIndex-anchors h2 span{
	width:50px;
	height:48px;
	padding:0px;
}
.lpIndex-anchors h2 span:before{
	bottom:3px;
}
.lpIndex-anchors h2 span:after{
	font-size:28px;
    left: 13px;
	top:-2px;
}
.lpIndex-anchors h2.active span:after{
    left: 13px;
	top:-3px;
}
}
/* ----------------------------------------
 フローティングメニュー
---------------------------------------- */
#wrapper{
	position:relative;
}
.lpIndex-anchors.float{
	position:fixed;
	top:-100px;
	z-index:100;
	box-shadow:0 3px 1px rgba(0,0,0,0.2);
	width:100%;
	display:none;
	padding-bottom:10px;
}
@media(max-width: 949px) {
.lpIndex-anchors.float{
	top:-90px;
}
}
@media screen and (max-width: 767px){
.lpIndex-anchors.float{
	top:0;
}
}

/* ---------------------
 フローティングメニューの
 ジャンプ先
------------------------ */
#service1, #service1-1, #service1-2{
	padding-top:82px;
	margin-top:-82px;
}
#service2, #service3, #service4{
	padding-top:42px;
	margin-top:-42px;
}

@media screen and (max-width: 950px){
#service1, #service1-1, #service1-2{
	padding-top:77px;
	margin-top:-77px;
}
#service2, #service3, #service4{
	padding-top:37px;
	margin-top:-37px;
}
}
@media screen and (max-width: 640px){
#service1, #service1-1, #service1-2{
	padding-top:71px;
	margin-top:-71px;
}
#service2, #service3, #service4{
	padding-top:31px;
	margin-top:-31px;
}
}
@media screen and (max-width: 413px){
#service1, #service1-1, #service1-2{
	padding-top:60px;
	margin-top:-60px;
}
#service2, #service3, #service4{
	padding-top:23px;
	margin-top:-23px;
}
}

/* ----------------------------------------
 LPリスト
---------------------------------------- */
.lpIndex-anchors + section .static-headingText2 .pt01 h2{
	margin:0 auto;
}
.static-headingText2 .pt01 h2 span.pc{
	display:inline!important;
}
@media screen and (max-width: 767px){
.static-headingText2 .pt01 h2 span.pc{
	display:none!important;
}
}
.lpIndex-panel{
	max-width:950px;
	width:100%;
	margin:0 auto 30px;
	color:#6f6262;
	font-size:16px
}
.lpIndex-panel > ul > li{
	border-top:1px solid #C3BDBD;
	padding:20px 0
}
.lpIndex-panel > ul > li:first-child{
	border-top:0;
}
.lpIndex-panel li{
	overflow:hidden;
}
.lpIndex-panel .pt01{
	float:left;
	width:25%;
	text-align:center;
}
.lpIndex-panel .pt02,
.lpIndex-panel .pt03{
	width:630px;
	float:right;
}
.lpIndex-panel .pt01 img{
	width:100%;
	height:auto;
	padding:5px;
	border:1px solid;
    border-color: #e9eaed #dfe0e4 #d0d1d5;
}
.lpIndex-panel .pt01 a{
	color:#6F6262;
}
.lpIndex-panel .pt01 a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
}
.lpIndex-panel .pt01 span{
	border:1px solid;
    border-color: #e9eaed #dfe0e4 #d0d1d5;
	width:100%;
	padding:10px;
	display:inline-block;
}
.lpIndex-panel .pt02 .p01{
	font-weight:bold;
	margin-bottom:10px;
}
.lpIndex-panel .pt02 .p02{
	line-height:1.5;
}
.lpIndex-panel .pt03 .p03{
	margin-top:16px;
}
.lpIndex-panel .pt03 .p03 a{
	background:#907979;
	color:#fff;
	border-radius:4px;
	display:inline-block;
	height:34px;
	line-height:34px;
	width:145px;
	padding-left:14px;
	text-shadow:0 -1px 0 rgba(0,0,0,0.3);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15), 0 -60px 0px rgba(0, 0, 0, 0) inset;
	transition:all 0.3s  ease-in-out;
	text-decoration: none;
}
.lpIndex-panel .pt03 .p03 a:hover{
	text-decoration:none;
    box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.06), 0 -60px 0px rgba(0, 0, 0, 0.1) inset;
}
.lpIndex-panel .pt03 .p03 a:after{
	content:"\f105";
    font-family: FontAwesome;
	font-size:20px;
	margin-left:12px;
	vertical-align:top;
}
.lpIndex-panel .pt03 .ul01{
	margin-top:20px;
	font-size:15px;
}
.lpIndex-panel .pt03 .ul01 li{
	float:left;
	display:inline;
	margin-left:5px;
}
.lpIndex-panel .pt03 .ul01 li:before{
	content:"|";
	margin-right:5px;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.lpIndex-panel .pt03 .ul01 li:first-child{
	margin-left:0;
}
.lpIndex-panel .pt03 .ul01 li:first-child:before{
	content:"";
	margin-right:0;
}


@media(max-width: 949px) {
.lpIndex-panel .pt01{
		padding:0 12px 0 3px;
}
.lpIndex-panel .pt02,
.lpIndex-panel .pt03{
	position:relative;
	left:-5px;
}
}
@media(max-width: 859px) {
.static-headingText2 .pt02 h3{
	margin-bottom:0;
}
.lpIndex-panel .pt01{
	float:none;
	width:100%;
	max-width:250px;
	text-align:center;
    padding-left: 20px;
}
.lpIndex-panel .pt01 h4 {
	margin-bottom:30px;
}
.lpIndex-panel .pt02,
.lpIndex-panel .pt03{
	float:none;
	width:calc(100% - 40px);
	left:0;
	margin:0 20px;
}
.lpIndex-panel .pt03 .p03 a{
	display:inline-block;
}
.lpIndex-panel .pt03 .ul01 a{
	display:inline;
}
}
@media(max-width: 767px) {
.lpIndex-panel > ul > li{
	width:90%;
	margin-left:5%;
	padding:40px 0;
}
.lpIndex-panel .pt01{
	padding-left:0;
	max-width:100%;
}
.lpIndex-panel .pt01 img,
.lpIndex-panel .pt01 span{
	width:300px;
	padding:10px;
}
.lpIndex-panel .pt02,
.lpIndex-panel .pt03{
	width:100%;
	margin:0;
}
.lpIndex-panel .pt03{
	width:200px;
	position:relative;
	margin:0 auto;
}
.lpIndex-panel .pt03 .p03 a{
	height:48px;
	line-height:48px;
	width:100%;
	border:1px solid;
	background:#fff;
	color:#FB5152;
	text-shadow:0 -1px 0 rgba(0,0,0,0.1);
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.2);
	font-size:16px;
}
.lpIndex-panel .pt03 .p03 a:hover{
	box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.15), 1px 1px 1px rgba(0, 0, 0, 0.2);
}
.lpIndex-panel .pt03 .p03 a:after{
    position: absolute;
    right: 10px;
}
.lpIndex-panel .pt03 .ul01{
	display:none;
	height:0;
}
.lpIndex-panel .pt03 select{
	height:48px;
	width:100%;
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
	display:inline-block;
	position:absolute;
    top: 0;
	z-index:10;
}
}

@media(max-width: 479px) {
.lpIndex-panel .pt01{
	text-align:center;
	max-width:300px;
	margin:0 auto;
}
.lpIndex-panel .pt02{
	text-align:center;
}
.lpIndex-panel .pt02 .p01,
.lpIndex-panel .pt02 .p02,
.lpIndex-panel .pt03 .p03 a{
	text-align:left;
}
.lpIndex-panel .pt03{
	margin:0 auto;
	width:200px;
}

}
@media(max-width: 413px) {
.lpIndex-panel .pt01 h4 {
    margin-bottom: 20px;
}
.lpIndex-panel > ul > li{
	width:94%;
	margin-left:3%;
	padding:20px 0;
}
.lpIndex-panel .pt02 .p02{
	font-size:14px;
}
}
/* テスト用 
.lpIndex-panel .pt03 .p03 + select{
	opacity:0.4;
}*/

/* ----------------------------------------
 タイトルテキスト
---------------------------------------- */
.static-headingText2 .pt01 h2{
    background:#FB5152;
    margin:40px auto 20px;
    font-size:24px;
    text-align:center;
    height:56px;
    line-height:56px;
    color:#fff;
    letter-spacing: 1px;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}
.static-headingText2 .pt02 h3{
    background:#FDE6D8;
	margin:0 auto 20px;
	font-size:20px;
	text-align:center;
	height:50px;
	line-height:50px;
	color:#6F6262;
	letter-spacing: 1px;
    text-shadow: 0 1px 0 #fff;
}