@charset "UTF-8";
.content-body{width:100%;margin:0 auto;}
section{width:100%;max-width: 980px;margin:0 auto;}
.main_area section{text-align:center;padding:0;margin:0 auto;}
.main_area p.info_txt{margin:10px 0 20px;display:inline-block;width:100%;font-size:14px;line-height:150%;}
a:hover{text-decoration: none;}
.bg_grey{background: #eee;}
.bg_white{padding:0;margin:0;}
p.align_l{text-align:left;margin-top:30px;display:inline-block;}
header{background: #fff;padding:5px 0;}
header img.logo{width:120px;}
header a.header_mail{width:180px;float:right;padding: 0;font-size:120%;text-align:center;text-decoration: none;background: #ff0066;/*ボタン色*/color: #ffffff;border-radius: 8px;margin-top:3px;height:42px;line-height:42px;}
header a.header_mail:hover{background: rgba(255, 1, 102, 0.5);/*影を小さく*/border-bottom: none;}
.bg_red{background: #ff0000;color:#fff;padding:3px;font-size:90%;}

#main_box{
 background: url(../img/main_bg6.jpg);
 background-position:left bottom;
	background-repeat:no-repeat;
	height:auto;
	width:100%;
	text-align:center;
	position:relative;
}

#main {
	width:100%;margin:0;padding: 0;
}
/** 新ファーストビューここから **/
#main_center{
	width:100%;
	margin:0 auto;
	padding: 30px 0 10px;
	text-align:center;
	background-size: 100%;
	color:#226EE8;
}
#main_center h1{
	margin:40px 0 10px 0;
	padding:0;
	font-size:2.8em;
	font-weight:bold;
	display: inline-block;
	text-align: center;
}
#main_center p.sub_title{
	margin:0;
	padding:0;
	font-size:1.2em;
	text-align: center;
 	color:#ff3366;
 font-weight:bold;
}
.sp_block{display:none;}
.pc_block{display:block;}
a#main_contact_btn{
	/* box-shadow */
	box-shadow:rgba(120, 120, 120, 0.639216) 2px 3px 2px 1px;
	-webkit-box-shadow:rgba(120, 120, 120, 0.639216) 2px 3px 2px 1px;
	-moz-box-shadow:rgba(120, 120, 120, 0.639216) 2px 3px 2px 1px;
	/* move-slow*/
	-webkit-transition: all 0.4s;-moz-transition: all 0.4s;transition: all 0.4s;
	position:absolute;top:-30px;  left: 50%;  right: 0;	margin-left:-140px;
	border-radius:30px; display:inline-block;width:320px;background:#0066ff;color: #fff;padding:15px 0px;text-align:center;font-size:140%;
	-webkit-box-shadow:0 0 6px 2px rgba(68,68,68,0.2) inset;
	-moz-box-shadow:0 0 6px 2px rgba(68,68,68,0.2) inset;
	box-shadow:0 0 6px 2px rgba(68,68,68,0.2) inset;
	-webkit-box-shadow:0 5px 6px 0 rgba(68,68,68,0.5);
	-moz-box-shadow:0 5px 6px 0 rgba(68,68,68,0.5);
	box-shadow:0 5px 6px 0 rgba(68,68,68,0.5);
	border:2px solid #fff;
}

#main_top_area{
	padding:20px 0 20px;
	width:70%;
	margin:0 15%;
	text-align:center;
	position:relative;
}

#main_top_area dl{
 width:100%;
 margin:0;
 padding:0;
 display:inline-block;
 font-family:"メイリオ","Meiryo";
 text-align:center;
}
#main_top_area dl dt, #main_top_area dl dd{
 width:32%;
 float:left;
 margin:0 2% 0 0;
 padding:5px 0;
 text-align:center;
 background: rgba(255,255,255,0.6);
 color:#226EE8;
 text-align:center;
}
#main_top_area dl dd{margin:0}
#main_top_area dl dt p, #main_top_area dl dd p{	font-size:16px;font-weight:bold;margin:10px 0 5px;padding:0;color:#226EE8;}
#main_top_area dl dt h3, #main_top_area dl dd h3{font-size:42px;font-weight:bold;margin:0 0 0px;padding:0;color: #ff3366;}
#main_top_area dl dt h3 strong, #main_top_area dl dd h3 strong{	font-size:150%;font-weight:bold;}

#scene .main_area ul li dl dd .f_left{clear:left;width:100%;text-align:center;}
#scene .main_area ul li dl dd .f_right{clear:left;width:100%;}
#scene .main_area ul li dl dd .f_left img{width:90%;margin:10px auto;max-width:600px;}

@media screen and (max-width: 980px) {
 #main_center h1{margin:20px 0 10px 0;}
 .sp_block{display:block;}
 .pc_block{display:none;}
}
@media screen and (max-width: 768px) {
	#main_center{
		width:96%;
		margin:0;
		padding: 20px 2%;
		text-align:center;
	}
	#main_center h1{font-size:1.4em;}
	#main_top_area{width:90%;margin:0 5%;}
	#main_top_area dl dt h3, #main_top_area dl dd h3{font-size:28px;}
	a#main_contact_btn{margin-left:-140px;display:inline-block;width:240px;font-size:100%;}
}
@media screen and (max-width: 640px) {
	#main_contact_area p{font-size:110%;}
	#main_top_area dl dt p, #main_top_area dl dd p{	font-size:12px;}
}
@media screen and (max-width: 480px) {
  #main_center h1{font-size:18px;}

}
.triangle_wrap{display:inline-block;margin:0 auto;}

.triangle_bottom{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #ffffff transparent transparent transparent;
}
.triangle_bottom_grey{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #eeeeee transparent transparent transparent;
	margin:0;
}
.triangle_left_orange{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 86.6px;
	border-color: transparent transparent transparent #FFCC66;
}
.triangle_bottom_orange{
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 50px 0 50px;
	border-color: #FFCC66 transparent transparent transparent;
}
#naisenka2 dl{width:100%;margin:0;padding:0;}
#naisenka2 dl dt{width:45%;margin:0;padding:0;float:left;}
#naisenka2 dl dd{width:10%;margin:0;padding:0;float:left;text-align:center;}
#naisenka2 dl dd i.fa-angle-right{font-size:80px;margin-top:150px;display:block;color:#ff9900;}
#naisenka2 dl dd i.fa-angle-down{display:none;}
#naisenka2 dl dd .triangle_left_orange{margin:150px 0 0 0;display:block;}
#naisenka2 dl dd .triangle_bottom_orange{display:none;}

#naisenka2 dl dt.before{border:2px solid #666;background:#eee;text-align:center;}
#naisenka2 dl dt.before h3{border-bottom:2px solid #666;padding:0 10px 3px 10px;font-size:150%;color:#666;display:inline-block;text-align:center;font-weight:bold;margin-bottom:10px;}
#naisenka2 dl dt.before ul {list-style:none;text-align:left;margin-left:10px;margin-top:10px;}
#naisenka2 dl dt.before ul li{margin-bottom:10px;font-weight:normal;color:#666;font-size:120%;}
#naisenka2 dl dt.before li:before {content: "\f00c";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right:5px;}
#naisenka2 dl dt.after{border:2px solid #FFCC66;background:#FBE9D4;text-align:center;}
#naisenka2 dl dt.after h3{border-bottom:2px solid #ff6600;padding:0 10px 3px 10px;font-size:150%;color:#ff6600;display:inline-block;text-align:center;font-weight:bold;margin-bottom:10px;}
#naisenka2 dl dt.after ul {list-style:none;text-align:left;margin-left:10px;margin-top:10px;}
#naisenka2 dl dt.after ul li{margin-bottom:10px;font-weight:normal;color:#ff6600;font-size:120%;}
#naisenka2 dl dt.after li:before {content: "\f00c";font-family: "Font Awesome 5 Free";font-weight: 900;margin-right:5px;}
#naisenka2 img{width:100%;max-width:800px;margin:0 auto;}
img.medal{width:80px;height:80px;}

.contact_area{border-width:0;margin:0;background: #eee;background-position: center left;background-size: cover;}
.contact_area section{padding:10px;background: rgba(255,255,255,0.7);}
.contact_area dl dd a.estimate{width:100%;clear:right;padding: 0;line-height:120px;text-decoration: none;background: #ff0066;/*ボタン色*/color: #ffffff;border-bottom: solid 4px #eeeeee;border-radius: 6px;height:120px;margin-top:10px;}
.contact_area dl dd a.estimate i.fa-angle-right{line-height:60px;}
.contact_area dl dd a.estimate:hover{opacity:0.7;}
.contact_area dl dd a.order{width:100%;clear:left;padding: 0;text-decoration: none;background: #ff9900;color: #ffffff;border-bottom: solid 4px #eeeeee;border-radius: 6px;height:80px;line-height:80px;margin-top:10px;}
.contact_area h2.site-title{background: url(../img/logo_black.png) no-repeat;background-position: 2% 0%;background-size: 100px auto;padding:8px 0 0 60px;font-size:22px;margin:5px 0 0 0;height:35px;}

#plan2{
	margin-bottom:0px;
	padding-top:0;margin-top: 0;
}
#plan2 h3{
	border-radius: 50px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	background:#fcfcfc;
	display:inline-block;
	padding:10px 30px;
}
#plan2 .plan_left{
	padding:0;
	margin:0;
	width:45%;
	float:left;
}
#plan2 .plan_right{
	padding:0;
	margin:0;
	width:45%;
	float:right;
}
#plan2 dl{
	width:100%;
	padding:0;
	margin:0;
}
#plan2 .plan_left strong{
	color:#339900;
	font-weight:bold;
	font-size:105%;
}
#plan2 .plan_right strong{
	color:#cc0066;
	font-weight:bold;
	font-size:110%;
}
#plan2 .plan_left dl dt{
	/* box-shadow */
	box-shadow:0px 0px 0px -50px #f0d124;
	-moz-box-shadow:0px 0px 0px -50px #f0d124;
	-webkit-box-shadow:0px 0px 0px -50px #f0d124;
	/* border-radius */
	border-radius:10px 10px 0px 0px;
	background: #ff6600;
	width:100%;
	clear:both;
	padding:15px 15px 10px 15px;
	text-align: center;
	font-weight:bold;
	font-size:24px;
	color:#ffffff;

}
#plan2 .plan_left dl dd{
	/* box-shadow */
	box-shadow:0px 0px 0px -50px #f0d124;
	-moz-box-shadow:0px 0px 0px -50px #f0d124;
	-webkit-box-shadow:0px 0px 0px -50px #f0d124;
	/* border-radius */
	border-radius:0px 0px 10px 10px ;
	-moz-border-radius:0px 0px 10px 10px ;
	-webkit-border-radius:0px 0px 10px 10px ;
	/* border */
	border:5px solid #ff6600;
	width:100%;
	clear:both;
	background:#ffffff;
	padding:15px;
	text-align: left;
	font-size:18px;
}

#plan2 .plan_right dl dt{
	/* box-shadow */
	box-shadow:0px 0px 0px -50px #a0ddf7;
	-moz-box-shadow:0px 0px 0px -50px #a0ddf7;
	-webkit-box-shadow:0px 0px 0px -50px #a0ddf7;
	/* border-radius */
	border-radius:10px 10px 0px 0px ;
	width:100%;
	clear:both;
	background:#3366ff;
	padding:15px 15px 10px 15px;
	text-align: center;
	font-weight:bold;
	font-size:24px;
	color:#ffffff;
}
#plan2 .plan_right dl dd{
	/* box-shadow */
	box-shadow:0px 0px 0px -50px #a0ddf7;
	-moz-box-shadow:0px 0px 0px -50px #a0ddf7;
	-webkit-box-shadow:0px 0px 0px -50px #a0ddf7;
	/* border-radius */
	border-radius:0px 0px 10px 10px ;
	-moz-border-radius:0px 0px 10px 10px ;
	-webkit-border-radius:0px 0px 10px 10px ;
	/* border */
	border:5px solid #3366ff;
	width:100%;
	clear:both;
	background:#ffffff;
	padding:15px;
	text-align: left;
	font-size:18px;
}
#plan2 .plan_left dl dd .use_no, #plan2 .plan_right dl dd .use_no{
	font-size:24px;
	font-weight: bold;
	line-height: 150%;
}

#plan2 .plan_left dl dd p,#plan2 .plan_right dl dd p{
	margin:0 0 10px;
	padding:0 0 10px;
	font-weight:normal;
	border-bottom:2px dotted #cccccc;
}
#plan2 .plan_left dl dd small,#plan2 .plan_right dl dd small{
	display: block;
	font-size:70%;
	margin:0;padding:0;
	font-weight:normal;
}
#plan2 .plan_left dl dd .use_line, #plan2 .plan_right dl dd .use_line{
	font-size:24px;
	font-weight: bold;
	margin:10px 0 0;
	padding:10px 0 0;
	text-align: center;
	border-top:2px dotted #cccccc;
}

.top_merit_list{
	padding:0 2% 50px;
	overflow: hidden;
}
.top_merit_list_outer{
	display:table;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing:13px 7px;
}
.top_merit_list_inner{
	margin:1%;
	text-align:left;
	background-color:#fff;
	border-radius:10px;
	padding:1% 2%;
	vertical-align:top;
	display:table-cell;
	width:48%;
}
.top_merit_list dl{
	display:table;
	width:100%;
	margin:0;
	vertical-align:middle;
}
.top_merit_list dt,
.top_merit_list dd{
	display:table-cell;
	vertical-align:middle;
}
.top_merit_list dl h4{
	margin:0 0 5px;
	font-weight:bold;
	font-size:110%;
}
.top_merit_list dl dt{
	max-width:28%;
}
.top_merit_list dl dt img{
	display:block;
	width:100%;
}
.top_merit_list dl dd{
	width:70%;
}
section#merit .top_merit_list dl dd p{
	width:100%;
	margin:0;
}
.top_merit_list dl dd a.btn_link{
	display:block;
	width:80%;
	padding:5px;
	margin:5px 10% 0;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	background:#ff9900;
	color:#ffffff;
	text-align:center;
}
.top_merit_list dl dd a.btn_link:hover{
	background:#ffff66;
	color:#ffffff;
}


@media screen and (max-width:768px){
	#plan2 .plan_left{
		padding:0;
		margin:0 0 20px;
		width:100%;
		clear:left;
	}
	#plan2 .plan_right{
		padding:0;
		margin:0;
		width:100%;
		clear:right;
	}
	#plan2 .plan_left dl dt, #plan2 .plan_right dl dt{
		font-size:18px;
	}
	#plan2 .plan_left dl dd,#plan2 .plan_right dl dd{
		font-size:16px;
	}
	#plan2 .plan_left dl dd .use_no, #plan2 .plan_right dl dd .use_no{
		font-size:18px;
	}
	#plan2 .plan_left dl dd .use_line, #plan2 .plan_right dl dd .use_line{
		font-size:18px;
	}
	.top_merit_list_outer,
	.top_merit_list_inner{
		display:block;
		width:98%;
	}
	.top_merit_list_inner{
		margin:5px auto 40px;
	}
	.top_merit_list_outer:last-child .top_merit_list_inner {
		margin-bottom: 0;
	}
	.top_merit_list dl,
	.top_merit_list dt,
	.top_merit_list dd{
		float:none;
		display:block;
		width:96% !important;
		height:auto;
		margin:5px auto;
		overflow: hidden;
	}
	.top_merit_list dl dt img{
		margin:0;
	}
	.top_merit_list_inner.sp_none{
		display:none;
	}
}
/*------------------  メリット　merit -----------------*/
#merit{
	margin-bottom:0px;
}
#merit dl.main_merit{
	width:100%;
	margin:0px auto;
	padding:5px 0;
	font-size:1em;
	color:#ffffff;
	text-align:left;
	display:inline-block;
}

#merit dl.main_merit dt{
	width:30%;
	float:left;
	margin:0 5% 0 0;
	padding:20px 0;
}
#merit dl.main_merit dd{
	width:30%;
	margin:0;
	float:left;
	padding:20px 0;
}
#merit dl.main_merit dt img, #merit dl.main_merit dd img{
	width:100%;
}
#merit dl.main_merit dt p, #merit dl.main_merit dd p{
	padding:10px 0px 0;
 font-size:100%;
 color:#000;
 width:100%;
 margin:0;
 font-weight:normal;
}

@media screen and (max-width:1080px){
  .contact_area dl{width:98%;margin:0 1%;padding:0;}
.contact_area dl dt.inquiry_fl{width:48%;margin:0;padding:0;float:left;}
.contact_area dl dd.inquiry_fr{width:48%;margin:0;padding:0;float:right;}
.contact_area h2.site-title{padding:8px 0 0 85px;font-size:16px;height:35px;}
}
@media screen and (max-width:980px){
  section{width:96%;margin:0 2%;}
}
@media screen and (max-width:780px){
  #lji-desk-main{background-size: cover;background-position:center bottom;}
  #lji-desk-main .filter{padding:20px 0;}
  #lji-desk-main section h2{width:100%;margin:20px auto 0 auto;font-size:14px;font-weight:bold;font-family:'メイリオ';}
  #officedesk #lji-desk-main .price_area ul.double{list-style:none;width:100%;margin:0;padding:0}
  #officedesk #lji-desk-main .price_area ul.double li.price_lsize{width:100%;margin:0 0 20px 0;padding:0;clear:left;}
  #officedesk #lji-desk-main .price_area ul.double li.price_ssize{width:100%;margin:0 0 0 0;padding:0;clear:right;}
  .contact_area dl dt.inquiry_fl{width:96%;margin:0 2% 20px;clear:both;}
  .contact_area dl dd.inquiry_fr{width:96%;margin:0 2%;clear:both;}
  #naisenka2 dl dd i.fa-angle-right{font-size:60px;margin-top:80px;display:block;}

  #merit dl.main_merit{
		width:88%;
		margin:20px auto;
		padding:5px 0;
		font-size:0.8em;
		color:#ffffff;
		text-align:left;
		display:inline-block;
	}

 #merit dl.main_merit dt{
		width:100%;
		clear:left;
		margin:0 0 10px 0;
		padding:0;
	}
 #merit dl.main_merit dd{
		width:100%;
		margin:0;
		clear:left;
		padding:0;
	}
}
@media screen and (max-width:600px){
  #officedesk #lji-desk-main .price_area img.catch_lji{width:100%;}
  #naisenka2 dl{width:90%;margin:0 auto;padding:0;}
 #naisenka2 dl dt{width:100%;margin:0 auto;padding:0;clear:left;}
 #naisenka2 dl dd{width:100%;margin:0 auto;padding:15px 0;clear:left;}
 #naisenka2 dl dd i.fa-angle-right{display:none;}
 #naisenka2 dl dd i.fa-angle-down{font-size:60px;margin-top:0px;display:block;color:#ff9900;}
 #naisenka2 dl dd .triangle_left_orange{display:none;}
 #naisenka2 dl dd .triangle_bottom_orange{display:block;}
}
@media screen and (max-width:480px){
	.top_merit_list_inner {
		margin: 5px auto 20px;
	}

}


#fee ul.price_list{list-style:none;margin:0;padding:0;width:100%;display:inline-block;}
#fee ul.price_list li{float:left;width:32%;padding:0;margin:0 2% 0 0;}
#fee ul.price_list li.last{margin:0;}

#fee ul.price_list li dl{width:100%;padding:0;margin:0;display:inline-block;}
#fee ul.price_list li dl dt{width:100%;padding:0 0 20px;margin:0;background:#226EE8;color:#ffffff;text-align:center;border-width:1px 1px 0 1px;border-style:solid;border-color:#ccc;border-top-left-radius: 8px;border-top-right-radius: 8px;}
#fee ul.price_list li dl dd{width:100%;padding:0;margin:0;background:#ffffff;color:#ffffff;text-align:center;border-width:0 1px 1px 1px;border-style:solid;border-color:#ccc;border-bottom-left-radius: 8px;border-bottom-right-radius: 8px;}
#fee ul.price_list li dl dt h4{font-size:150%;margin:20px 0 20px;}
#fee ul.price_list li dl dt .monthly{font-size:120%;margin:0 0 10px;}
#fee ul.price_list li dl dt .monthly_per{font-size:200%;font-weight:bold;margin:0 0 20px;}
#fee ul.price_list li dl dt .initial{font-size:100%;font-weight:normal;margin:0 0 20px;}
#fee ul.price_list li dl dt small{font-size:70%;font-weight:normal;}
#fee ul.price_list li dl dt .monthly_per small{font-size:50%;font-weight:normal;}
#fee ul.price_list li dl dt.middle{background:#356599;}

#fee ul.price_list li dl dd .channel{font-size:120%;margin:20px 0;color:#000;}
#fee ul.price_list li dl dd ul{margin:0 5% 20px 15%;color:#000;width:80%;clear:both;display:inline-block;}
#fee ul.price_list li dl dd ul li{font-size:80%;margin:0 0 5px;list-style-type:disc;clear:both;width:100%;text-align:left;}
#fee ul.price_list li dl dd ul li.func_title{font-size:90%;margin:0 0 10px;list-style-type:circle;}
#fee ul.price_list li dl dd ul.func li.listnone{list-style-type:none;}
#fee ul.price_list li dl dd a{display:block;width:80%;font-size:100%;margin:20px auto;padding:10px 0;text-align:center;background:#226EE8;color:#ffffff;border-radius:18px;}
#fee ul.price_list li dl dd a:hover{background:#ffffff;color:#226EE8;border:#226EE8 solid 1px;}
#fee ul.price_list li dl dd a.middle{background:#356599;}
#fee ul.price_list li dl dd a.middle:hover{background:#ffffff;color:#356599;border:#356599 solid 1px;}
@media screen and (max-width:768px){
    #fee ul.price_list li{clear:left;width:100%;padding:0;margin:0 0 20px 0;}
    #fee ul.price_list li dl dt .monthly_per{font-size:180%;margin:0 0 10px;}
    #fee ul.price_list li dl dt .initial{margin:0 0 10px;}
    #fee ul.price_list li dl dd ul{margin:0 5% 10px 15%;}
}
@media screen and (max-width:768px){
	#fee div[align = right]{
		text-align: left;
	}
    #fee ul.price_list li{clear:left;width:100%;padding:0;margin:0 0 20px 0;}
    #fee ul.price_list li dl dt .monthly_per{font-size:180%;margin:0 0 10px;}
    #fee ul.price_list li dl dt .initial{margin:0 0 10px;}
    #fee ul.price_list li dl dd ul{margin:0 5% 10px 15%;}
}