@charset "utf-8";
 
 

  
/*--------------------index---------------------*/

#lp_top,#shinchiku,#kirikae,#setsubi,#why,#nenten,#jirei,#flow,#kyokai,#form{
	position: relative;
	top:-228px;
}

.site_index{
	width: 180px;
	background: #fff;
	/*display: flex;*/
	padding: 5px 0px 5px 0px;;
	margin: 0;
	position: fixed;
	right:0;
	marign-left:500px;
	justify-content: space-between;
	border-left: 5px #036EB8 solid;
	border-top: 5px #036EB8 solid;
	border-bottom: 5px #036EB8 solid;

	border-top-left-radius: 10px; 
	border-bottom-left-radius: 10px;
	box-shadow: 0px 0px 5px 5px rgba(0, 0, 0, 0.1);
	z-index: 100;
}


.site_index ul{
	padding: 0px 0px 0px 15px;
	margin: 10px 0px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", Roboto, "Droid Sans", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif;

}
.site_index ul li{
	list-style: none;
	font-size: 14px;
	padding: 2% 0% 2% 0%;
	margin: 0% 0% 0% 0%;
	font-weight: bold;
	border-bottom: 1px #036EB8 dotted;
}

.site_index ul li a{
	color: #036EB7;
	text-decoration: none;
	transition: 0.1s;
}
.site_index ul li a:hover{
	color: #ff0000;
}
.site_index div img{ width: 100%; margin: 0% auto 0% auto; text-align: center; padding-top:5px;}
.site_index div div{ font-size: 12px; color: #ff0000; text-align: center; font-weight: bold;}

/*--------------------common---------------------*/


#lp_wrap {
	border-top:10px solid #336;
	border-right:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#fff;
	margin:0;
	padding:0;
		
}


section#lp{
	width:100%;
}

.lp_inner{
	width: 90%;
	margin: 0% auto 0% auto;
}

article h3{
	color: #000;
	font-size: 40px;
	line-height: 120%;
}

article p{ font-size: 20px; line-height: 140%; margin: 0; padding: 0;}
article p span{  color: #ff0000; font-weight: bold;}
article p.small{ font-size: 16px; line-height: 140%;}

.copy_big{ font-size: 40px; font-weight: bold;}




.shrink img{
 width: 100%;
 height: auto;
}

.adjust{
	line-height: 170%;
	width: 90%;
	margin: 0% auto 0% auto;
}



.box_lp_gray{
	border: 5px #999 solid;
	padding: 2%;
	margin: 0% 0% 2% 0%;
	background: #fff;
}

article h4{
	text-align: left;
	width: 100%;
	font-size: 28px;
	color: #000;
	background: none;
	line-height: 140%;
	padding: 0% 0% 0% 0%;
	margin: 4% 0% 1% 0%;
}

article h4#gray{
	text-align: center;
	width: 100%;
	font-size: 24px;
	color: #fff;
	background: #999;
	line-height: 140%;
	padding: 2% 0% 1% 0%;
	margin: 0%;
}

article h5{
	color: #000;
	font-size: 20px;
	margin: 0% 0% 1% 0%;
}

article.lp_blue{
	padding: 0% 0% 5% 0%;
	background:#dff1fc url("../../../owner/img/h2_blue.png") no-repeat;
	background-size: 100% auto;
}

.box_lp_blue {
    background: #dff1fc;
    padding: 2%;
    margin: 0;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}

article.lp_blue h2{
	font-size: 40px;
	line-height: 100%;
	font-weight: 700;
	color:	#fff100;
	margin: 0 auto 4%;
	padding: 3% 0 0;
	text-align: center;
}
article.lp_blue h2 span{
	font-size: 50%;
	color: #fff;
	
}



.box_contact{
	width: 96%;
	padding: 2%;
	margin: 2% 0;
	text-align: center;
	background: #fff;
}

.box_contact .spNone {
	text-align: center;
	margin: 2%  auto;
}


.box_contact div.left{
	width: 30%;
	display: inline-block;
}
.box_contact div.left img{ width: auto; height: 100%;}
.box_contact div.right{
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.box_contact p{ font-size: 20px; color: #ff0000; font-weight: bold; margin: 0; padding: 0;}



.bt_lp_form_mini{
	width: 100%;
}

.bt_lp_form_mini a{
	color:#fff;
	font-size: 26px;
	padding: 2%;
	margin:0% 0%;
	line-height: 120%;
	border-radius: 30px;
	border: 2px #006934 solid;	
	font-weight: bold;
	text-align:center;
	display: block;
	text-decoration: none;
	background:url("../../../owner/img/icon_jump_mini.png"),-webkit-gradient(linear, left top, left bottom, from(#1EAA39), to(#006934));
	background-repeat:no-repeat;
	background-position:98% center;
	background-size: auto 100%;
}
.bt_lp_form_mini a:link{ color: #fff; text-decoration: none;}
.bt_lp_form_mini a:visited {color: #fff;}
.bt_lp_form_mini a:hover{
	color:#fff100;
	background:url("../../../owner/img/icon_jump_mini.png"),-webkit-gradient(linear, left top, left bottom, from(#003838), to(#006934));
	background-repeat:no-repeat;
	background-position:98% center;
	background-size: contain;
	transition: 0.5s;}

.bt_lp_form_mini span{
	display: block;
	font-size: 0.6em;
	line-height: 100%;
}


.read img{ float: right;
	margin: 0% 0% 2% 2%;
}



.lp_list ol {
	counter-reset:number; /* 名前を付けたカウンターをリセット */
	list-style:none; /* olが数字を付けることをキャンセル */
	margin:0;
	padding:0;
}

.lp_list ol li { /* リスト部分は好きに装飾！ */
	font-size:30px;
	font-weight:bold;
	color:#000;

}



.lp_list ol li:before { /* カウンタ（数字になる部分） */
	counter-increment:number; /* 任意の名前を付けて！ */
	content:counter(number); /* 名前を付けたカウンターを呼び出し */
	background-color:#000;
	font-size:30px;
	font-weight:700;
	color:#fff;
	width:1.5px;
	line-height:170%;
	-moz-line-height: 240%; /* Firefox */
	-webkit-line-height: 240%;/* Chrome,safari */
	-o-line-height: 240%;/*  Opera */
	-ms-line-height: 240%; /*  IE */
	-webkit-line-height: 240%;
	margin-right:8px;
	padding:3px 7px 2px; /* 数字周りの余白指定 */
}

.indent_text{ padding-left: 1.5em;}

.col_red{ color: #ff0000;}


/*--------------------タイトル---------------------*/

article.title{
	background:#ffe100;
	padding: 0% 0% 5% 0%;
}

article.title h1{
	color: #e60000;
	font-size: 40px;
	font-weight: bold;
	line-height: 120%;
	padding: 0% 0% 0% 0%;
	margin: 0% 0% 0% 0%;
}


.tit_copy1{
	font-size: 26px;
	font-weight: bold;
	line-height: 120%;
	margin: 0% 0% 1% 0%;
}


.bt_lp_form{
	width: 100%;
}

.bt_lp_form a{
	color:#fff;
	font-size: 40px;
	padding: 2%;
	margin:1% 0%;
	line-height: 120%;
	border-radius: 40px;
	border: 2px #fff solid;	
	font-weight: bold;
	text-align:center;
	display:block;
	text-decoration: none;
	
	background:url("../../../owner/img/icon_jump.png"),-webkit-gradient(linear, left top, left bottom, from(#1EAA39), to(#006934));
	background-repeat:no-repeat;
	background-position:98% center;
	background-size: contain;
}
.bt_lp_form a:link{	color:#fff;}
.bt_lp_form a:visited {color: #fff;}
.bt_lp_form a:hover{
	color:#fff100;
	background:url("../../../owner/img/icon_jump.png"),-webkit-gradient(linear, left top, left bottom, from(#003838), to(#006934));
	background-repeat:no-repeat;
	background-position:98% center;
	background-size: contain;
	transition: 0.5s;}

.bt_lp_form span{
	display: block;
	font-size: 0.6em;
	line-height: 100%;
}

#taiou{ margin: 0% auto 3% auto; text-align: center;}
#taiou_text{
	font-size: 40px;
	font-weight: bold;
	display: inline-block;
}
#taiou_img {display: inline-block; vertical-align: top;}
#taiou_img img{ height: 50px; width: auto;}

/*--------------------新築、切替---------------------*/
article.lp_red{
	padding: 0% 0% 5% 0%;
	background:#F9D7E6 url("../../../owner/img/h2_red.png") no-repeat;
	background-size: 100% auto;
}

article.lp_red h2,
article.lp_green h2,
article.lp_orange h2 {
	padding: 3% 0% 0% 0%;;
	margin: 0% 0% 8% 0%;;
	color: #fff;
	font-weight: bold;
	font-size: 86px;
	line-height: 90%;
	text-align: center;
}
article.lp_red h2 span,
article.lp_green h2 span,
article.lp_orange h2 span { font-size: 0.5em;}


article.lp_red_mini{
	padding: 0% 0% 5% 0%;
	background:#F9D7E6 url("../../../owner/img/h2_red_mini.png") no-repeat;
	background-size: 100% auto;
}

article.lp_red_mini h2{
	padding: 3% 0% 0% 0%;
	margin: 0% 0% 7% 0%;
	color: #fff;
	font-weight: bold;
	font-size: 40px;
	line-height: 120%;
	text-align: center;
}

/*-------------------attention---------------------*/

article.attention{
	padding: 0% 0% 5% 0%;
	background:#fff url("../../../owner/img/h2_attention.png") no-repeat top center;
	background-size: 90% auto;
}

article.attention h2{
	padding: 7% 0% 7% 0%;
	margin: 0% 0% 0% 0%;
	color: #fff100;
	font-weight: bold;
	font-size: 50px;
	line-height: 120%;
	text-align: center;
	background-size: 100% auto;
}

article.attention h3{
	padding: 2% 0 1% 10%;
	margin: 0% 0% 0% 0%;
	color: #fff100;
	font-size: 30px;
	line-height: 140%;
	text-align: left;
	background:#172A88 url("../../../owner/img/num1.png") no-repeat left 2% center;
	background-size: auto 50%;
	border-top-left-radius: 20px; 
	border-top-right-radius: 20px;
}
article.attention h3.num2{
	background:#172A88 url("../../../owner/img/num2.png") no-repeat left 2% center;
	background-size: auto 50%;
}

.red_arrow{
	width: 20%;
	margin: 4% auto 2% auto;
}
.red_arrow img{ width: 100%; height: auto;}

/*--------------------燃転---------------------*/

article.lp_orange{
	padding: 0% 0% 5% 0%;
	background:#FFF9A7 url("../../../owner/img/h2_orange2.png") no-repeat;
	background-size: 100% auto;
}

article.lp_orange h2{
	padding: 2% 0% 0% 0%;;
	margin: 0% 0% 12% 0%;;
	color: #fff;
	font-weight: bold;
	font-size: 80px;
	line-height: 120%;
	text-align: center;
}
article.lp_orange h2 span{ font-size: 0.5em; line-height: 100%;}
article.lp_orange h2 div{
	font-size: 0.3em;
	line-height: 100%;
	margin: 0% 0% 0% 0%;
	padding: 0% 0% 0% 0%;
}

.copy2{
	font-size: 24px;
	font-weight: bold;
	line-height: 120%;
	margin: 0% 0% 1% 0%;
}


.nenten_info{
	width: 86%;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.2;
	margin: -6% auto 0;
	padding: 2%;
	background: #ffe100;
	border:3px solid #888;
	border-radius: 30px;
}

.nenten_info .red{
	color: red;
	font-size: 100%;
	
}

table#tbl_nenten01 {
    width: 100%;
    border: 5px #999 solid;
    border-collapse: collapse;
}

table#tbl_nenten01 th {
	font-size: 20px;
	padding: 5px 5px 5px 10px;
	border: 3px #999 solid;
	background: #B6DED1;
	font-weight: bold;
	line-height: 120%;
	text-align:left;
}
table#tbl_nenten01 td {
    padding: 5px 5px 5px 10px;
    border: 3px #999 solid;
    font-weight: bold;
}

table#tbl_nenten02 {
    width: 100%;
    border: 5px #999 solid;
    border-collapse: collapse;

}

table#tbl_nenten02 th {
	font-size: 20px;
	padding: 5px 5px 5px 10px;
	border: 3px #999 solid;
	background: #B6DED1;
	font-weight: bold;
	line-height: 120%;
	text-align:left;
}
table#tbl_nenten02 td {
		padding: 5px 5px 5px 10px;
		border: 3px #999 solid;
		font-weight: bold;
}



#illust_nenten{
	margin: 3% 0% ;
}
#illust_nenten_img{
	float: left;
	width: 30%;
}
#illust_nenten_img img{ width: 100%; height: auto;}
#illust_nenten_text{
	float: right;
	width: 65%;
}


#jirei_tbl{
	width: 50%;
	float: left;
}
#jirei_tbl img{ width: 80%; height: auto;}
#jirei_text{
	width: 48%;
	float: right;
}
#jirei_text span{ color: #ff0000; font-weight: bold;}

/*--------------------事例紹介---------------------*/

article.lp_green{
	padding: 0% 0% 5% 0%;
	background:#D8E69B url("../../../owner/img/h2_green.png") no-repeat;
	background-size: 100% auto;
}

article.lp_green h2{
	padding: 0% 0% 0% 0%;
	margin:0%;
	color: #fff;
	font-weight: bold;
	font-size: 86px;
	line-height: 150%;
	text-align: center;
	/*background: #00913A url("../../../owner/img/arrow.png") no-repeat 90% 0; background-size: contain;*/
}


article.lp_green h3.jirei span{
	font-size: 0.9em;
	color: #fff;
	border-radius: 50px;
	padding:  0.5% 5% 0% 5%;
	margin: 0% 0% 0% 2%;
}
article.lp_red h3.shinchiku{
	color: #fff;
	text-align: center;
	padding: 10px 0 5px;
	background: #ff0000;
}
article.lp_green h3.kirikae{
	color: #fff;
	text-align: center;
	padding: 10px 0 5px;
	background: #00913A;
}
article.lp_orange h3.nenten{
	color: #fff;
	text-align: center;
	padding: 10px 0 5px;
	background: #F39700;
}


/*事例テーブル01*/

.jirei_gaiyou{ font-size: 30px;}
.jirei_madori{ font-size: 40px;}

table.tbl_jirei_01 {
    width: 100%;
    border: 5px #D5728D solid;
    border-collapse: collapse;
}

table.tbl_jirei_01 th {
	width: 20%;
	text-align: center;
	border: 3px #D5728D solid;
	background: #fff;
	}
table.tbl_jirei_01 th img {width: 90%; height: auto;}

table.tbl_jirei_01 td.prof {
	color: #fff;
	background: #D5728D;
	padding: 1% 1% 0% 2%;
	border: 3px #D5728D solid;
	font-weight: bold;
}
	table.tbl_jirei_01 td.prof div.left { width: 45%; float: left;}
	table.tbl_jirei_01 td.prof div.right { width: 50%; float: right; font-size:16px; line-height: 140%;} 
	
table.tbl_jirei_01 td.info {
	background: #E8CBBA;
	padding: 2% 1% 1% 2%;
	border: 3px #D5728D solid;
	font-weight: bold;
}
	table.tbl_jirei_01 td.info div.left { width: 45%; float: left; }
	table.tbl_jirei_01 td.info div.right { width: 50%; float: right; font-size:16px; line-height: 140%;} 



/*事例テーブル02*/

table.tbl_jirei_02 {
	width: 100%;
	margin: 0% 0% 2% 0%;
	border-left: 3px #fff solid;
	border-right: 3px #fff solid;
	border-bottom: 3px #fff solid;
	border-collapse: collapse;
	font-size: 16px;
	font-weight: bold;
}

table.tbl_jirei_02 th {
	width: 45%;
	padding:1% 0;
	text-align: center;
	border: 3px #fff solid;
	background: #A48B78;
	color: #fff;
}

table.tbl_jirei_02 td.taiyo {
	color: #000;
	background: #EFE1DC;
	padding: 1% 1% 0% 2%;
	border: 3px #fff solid;
}
	
table.tbl_jirei_02 td.price {
	width: 45%;
	color: #000;
	background: #D2D5EC;
	padding: 2% 1% 1% 2%;
	border: 3px #fff solid;
	font-size: 16px;
}

table.tbl_jirei_02 td.total {
	width: 45%;
	color: #000;
	background: #fff;
	border: 1px #fff solid;
	font-size: 16px;
	padding: 1% 0;
}

table.tbl_jirei_02 td.total span { color: #ff0000; }

table.tbl_jirei_02 td.white {
	width: 4%;
	background: #fff;
	border: 1px #fff solid;
}
table.tbl_jirei_02 td.white img {width: 100%; height: auto;}



/*--------------------フロー---------------------*/

article.lp_green2{
	padding: 0% 0% 5% 0%;
	background:#D8E69B url("../../../owner/img/h2_green.png") no-repeat;
	background-size: 100% auto;
}

article.lp_green2 h2{
	padding: 3% 0% 0% 0%;;
	margin: 0% 0% 8% 0%;;
	color: #fff;
	font-weight: bold;
	font-size: 50px;
	line-height: 120%;
	text-align: center;
}

.flow{ text-align: center; margin: 2% 0% 5%;}
.flow img{ width: 80%; height: auto;}
.flow_sp{ display: none;}




/*--------------------協会とは---------------------*/

article.lp_orange2{
	padding: 0% 0% 5% 0%;
	background:#FFF9A7 url("../../../owner/img/h2_orange2.png") no-repeat;
	background-size: 100% auto;
}

article.lp_orange2 h2{
	padding: 3% 0% 0% 0%;;
	margin: 0% 0% 8% 0%;;
	color: #fff;
	font-weight: bold;
	font-size: 50px;
	line-height: 120%;
	text-align: center;
}


.lp_list2 ol {
	counter-reset:number; /* 名前を付けたカウンターをリセット */
	list-style:none; /* olが数字を付けることをキャンセル */
	margin:0;
	padding:0;
}

.lp_list2 ol li { /* リスト部分は好きに装飾！ */
	font-size:20px;
	font-weight:700;
	color:#000;

}

.lp_list2 ol li:before { /* カウンタ（数字になる部分） */
	counter-increment:number; /* 任意の名前を付けて！ */
	content:counter(number); /* 名前を付けたカウンターを呼び出し */
	background-color:#000;
	font-size:20px;
	font-weight:700;
	color:#fff;
	width:1.5px;
	line-height:170%;
	-moz-line-height: 240%; /* Firefox */
	-webkit-line-height: 240%;/* Chrome,safari */
	-o-line-height: 240%;/*  Opera */
	-ms-line-height: 240%; /*  IE */
	-webkit-line-height: 240%;
	margin-right:8px;
	padding:3px 7px 2px; /* 数字周りの余白指定 */
}


table.tbl_gaiyo {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-top: 5px #000 solid;
}

table.tbl_gaiyo th {
	width: 30%;
	padding: 1% 2%;
	font-weight: bold;
	line-height: 100%;
	text-align:left;
	border-bottom: 1px #ccc solid;
}


table.tbl_gaiyo td {
	width: 70%;
	padding: 1% 2%;
	line-height: 120%;
	border-bottom: 1px #ccc solid;
}



table.tbl_mission {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-top: 5px #000 solid;
}

table.tbl_mission th {
	padding: 2% 2%;
	font-weight: normal;
	line-height: 100%;
	text-align:left;
	border-bottom: 1px #ccc solid;

}
table.tbl_mission td {
	padding: 1% 2%;
	line-height: 140%;
	border-bottom: 1px #ccc solid;
}

table.tbl_mission th div{ font-size: 1.1em; font-weight: bold; padding: 1% 0;}
table.tbl_mission td div{font-size: 1.1em; font-weight: bold; padding: 1% 0;}


#prof div.left{ 
	width: 85%;
	display: inline-block;
}
#prof div.right{ 
	width: 12%;
	display: inline-block;
}
#prof div.left p{ font-size: 0.9em; text-align: right; margin-right: 2%; } 
#prof div.right img{ width: 100%; height: auto; text-align: right;} 


table.tbl_prof {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border-top: 5px #000 solid;
}

table.tbl_prof th {
	width: 15%;
	padding: 1% 2%;
	font-weight: bold;
	line-height: 100%;
	text-align:left;
	border-bottom: 1px #ccc solid;
}


table.tbl_prof td {
	width: 85%;
	padding: 1% 2%;
	line-height: 120%;
	border-bottom: 1px #ccc solid;
}


/*--------------------フォーム---------------------*/

article#lp_form{
	padding: 0% 0% 5% 0%;
	background: #fff;
}

article#lp_form h2{
	padding: 3% 0% 2% 0%;;
	margin: 4% 0% 2% 0%;;
	color: #fff;
	font-weight: bold;
	font-size: 30px;
	line-height: 120%;
	text-align: center;
	background: #036EB8;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
}





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

	.site_index{ display: none;}

}/*@1230*/




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

	
	#contents_wrap { width: 100%}
	
	article.title h1{font-size: 28px;}
	.tit_copy1{	font-size: 22px;}
	.bt_lp_form a { font-size: 30px;}
	#taiou_text{font-size: 32px;}
	#taiou_img img{ height: 45px; width: auto;}


	
	article.lp_red h2{ font-size: 70px;}
	article.lp_red_mini h2{font-size: 40px;}
	article.attention h2{font-size: 40px;}
	article.lp_green h2{ font-size: 70px;}
	article.lp_blue h2{ font-size: 70px;}
	article.lp_orange h2{font-size: 70px;}
	article.lp_orange h2 div {font-size: 0.25em;}
	article.lp_green2 h2{ font-size: 40px;}
	article#lp_form h2{font-size: 26px;}
	article h3{font-size: 28px;}
	article.attention h3 {font-size: 24px;}
	article h4{font-size: 20px;}
	article h5{font-size: 16px;}
	
	

	.bt_lp_form_mini a{	font-size: 20px;}
	
	.lp_list ol li{font-size: 18px;}
	.lp_list ol li:before {font-size:18px;}
	
	.copy2{font-size: 20px;}
	article p{font-size: 16px;}
	article p.small {font-size: 12px;}
	#jirei_text { font-size: 14px;}
	
	table.tbl_gaiyo,table.tbl_mission,table.tbl_prof{ font-size: 14px;}
	

}/*@960px*/



@media screen and (max-width:768px) {
	
#taiou_text{font-size: 28px;}
#taiou_img img{ height: 40px; width: auto;}
article.lp_red h2{ font-size: 60px;}
article.lp_red_mini h2 {font-size: 35px;}
article.lp_green h2{ font-size: 60px;}
article.lp_blue h2{ font-size: 18px;}
article.lp_orange h2{font-size: 60px;}
article.attention h3 {font-size: 20px;}
.jirei_gaiyou{ font-size: 20px;}
.jirei_madori{ font-size: 30px;}
table.tbl_jirei_02 td.taiyo,table.tbl_jirei_02 td.price{ font-size: 12px;}
	
}/*@768px*/


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

/*--------------------common----------480-----------*/

	#contents_wrap { position: relative; top: 115px;}

	br.sp_none{display: none;}

	article h3{	font-size: 20px; margin: 0% 0% 3% 0%;}
	article h4{ font-size: 20px;}
	article h4#gray{ font-size: 18px;}
	article h5{	font-size: 16px;}
	article p{ font-size: 14px;}
	article p.small{ font-size: 12px;}
	.copy_big{font-size: 30px;}
	.copy2{font-size: 14px;}	
	.for_sp_banner img{ width: 70%; height: auto;}

	.read img{ width: 100px; height:auto;}

	.lp_list ol li { font-size: 16px; line-height: 120%;}
	.lp_list ol li:before {
		font-size: 16px;
		padding:2px 7px 0px; /* 数字周りの余白指定 */}

	.box_contact div.left,.box_contact div.right{
		width: 100%;
		display: block;
	}
	.box_contact div.right{
		width: 70%;
		display: block;
		margin: 2% auto 0% auto;
	}
	.box_contact p{ font-size: 16px;}

	.bt_lp_form_mini a{	font-size: 16px;}

/*--------------------タイトル---------480------------*/
	article.title h1{ font-size: 20px;}
	.bt_lp_form a{ font-size: 18px; margin: 2% 0;}

	.tit_copy1{	font-size: 16px;}

	#taiou_text{font-size: 18px;}
	#taiou_img img{ height: 30px; width: auto;}

/*--------------------新築、切替------------480---------*/
	article.lp_red h2{ font-size: 40px;}
	article.lp_red_mini h2{	font-size: 22px; padding: 3% 4% 0% 4%;}
	article.lp_green h2{ font-size: 40px;}

/*--------------------設備------------480---------*/
	article.lp_blueh{ font-size: 40px;}

/*--------------------attention------------480---------*/
	article.attention{
		padding: 0% 0% 5% 0%;
		background:#fff url("../../../owner/img/h2_attention.png") no-repeat top center;
		background-size: 90% auto;
	}
	article.attention h2{ font-size: 22px;}
	article.attention h3{font-size: 14px;}


/*--------------------燃転--------480-------------*/
	article.lp_orange h2{
		padding: 3% 0% 0% 0%;
		font-size: 26px;
	}

	table#tbl_nenten01 th {font-size: 14px; padding: 5px 2px 2px 5px;}
	table#tbl_nenten01 td {font-size: 14px; padding: 2px 2px 1px 5px;}

	#jirei_tbl{
		width: 100%;
		float: none;
		margin: 1% 0% 1% 0%;
	}

	#jirei_text{
		width: 100%;
		float: none;
		line-height: 140%;
	}


/*--------------------事例紹介----------480-----------*/

	article.lp_green h2{font-size: 30px;  margin:0% 0% 3% 0%;}
	article.lp_green h3.jirei{font-size: 18px;}
	table.tbl_jirei_01 td.info {font-size: 30px;}
	table.tbl_jirei_01 td.prof div.right, table.tbl_jirei_01 td.info div.right { font-size:12px;} 

	table.tbl_jirei_02 td.taiyo,table.tbl_jirei_02 td.price {font-size: 10px;}
	table.tbl_jirei_02 td.white img {width: auto; max-height: 80px;}

	.jirei_madori{ font-size: 24px; line-height: 120%;}


/*--------------------フロー-----------480----------*/

	article.lp_green2 h2{font-size: 26px;}

	.flow_sp{ display: block; text-align: center; margin: 2% 0% 5%;}
	.flow_sp img{ width: 70%; height: auto;}
	.flow{ display: none;}

/*--------------------協会とは------------480---------*/

	article.lp_orange2 h2{ font-size: 30px;}

	.lp_list2 ol { margin:4% 0% 0% 0%;;}
	.lp_list2 ol li { font-size: 12px;}
	.lp_list2 ol li:before { font-size: 12px; padding:2px 7px 1px;}

	table.tbl_gaiyo th { width: 96%; display: block; background:#ececec; border: none;}
	table.tbl_gaiyo td { width: 96%; display: block; border: none; font-size: 12px; line-height: 140%;}

	table.tbl_mission {	font-size: 14px;}
	table.tbl_mission th div{ padding: 2% 0;}
	table.tbl_mission td div{ padding: 2% 0;}
	
	table.tbl_prof th {width: 20%;}	
	table.tbl_prof td {width: 80%; font-size: 12px; line-height: 140%;}

/*--------------------フォーム-----------480----------*/
	article#lp_form h2{font-size: 18px;}
	article.lp_red h2{ font-size: 30px;}


}/*@480px*/





@media screen and (max-width:320px) {
	.tit_copy1 {font-size: 12px;}
	.copy2 {font-size: 12px;}
	article.title h1{ color: #e60000 !important;}
	article.lp_red_mini h2 {font-size: 18px;}
	article.attention {background-size: 100% auto;}
	article.attention h2 {font-size: 20px;}
	article.lp_orange h2 {font-size: 26px;}
	article.lp_green h2 {font-size: 26px;}
	article.lp_green2 h2 {font-size: 22px;}
	article.lp_blue h2 {font-size: 26px;}
	article.lp_orange2 h2 {font-size: 26px;}
	article#lp_form h2 {font-size: 14px;}
	article.attention h3 {font-size: 12px;}
	article h4 {font-size: 16px;}
	article h4#gray {font-size: 12px;}
	
	article h3 {font-size: 18px;}
	article p.small {font-size: 10px;}
	article p{font-size: 12px;}
	.bt_lp_form a{	font-size: 14px;}
	.bt_lp_form_mini a{	font-size: 14px;}
	
	#taiou_text{font-size: 14px;}
	#taiou_img img{ height: 20px; width: auto;}
	
	.lp_list ol li{font-size: 12px;}
	.lp_list ol li:before {font-size:12px;}
	
	.box_lp_blue {padding: 4%;}
	table#tbl_nenten01 th,table#tbl_nenten01 td {font-size: 10px;}
	#jirei_text {font-size: 12px;}
	.jirei_gaiyou,.jirei_madori {font-size: 14px;}
	table.tbl_jirei_01 td.prof div.right, table.tbl_jirei_01 td.info div.right {font-size: 10px;}
	table.tbl_jirei_01 td.info div.left { width: 40%;}
	table.tbl_jirei_01 td.info div.right { width: 60%;}
	table.tbl_jirei_02 {font-size: 10px; font-weight: normal;}
	table.tbl_jirei_02 td.white img {max-height: 60px;}
	table.tbl_mission {font-size: 12px;}
	#prof div.left p {font-size: 10px}
	table.tbl_prof th {width: 20%; font-size: 12px;}
	table.tbl_prof td {width: 75%;}
	
	
	
	
}/*@320px*/





/* ------------------------------------------------
>> 汎用
--------------------------------------------------- */
 
.col_red{ color: #ff0000;}
.btm_05{ padding: 0px 0px 5px 0px;}
.btm_10{ padding: 0px 0px 10px 0px;}
.btm_15{ padding: 0px 0px 15px 0px;}
.btm_20{ padding: 0px 0px 20px 0px;}

.top_05{ padding: 5px 0px 0px 0px;}
.top_10{ padding: 10px 0px 0px 0px;}
.top_15{ padding: 15px 0px 0px 0px;}
.top_20{ padding: 20px 0px 0px 0px;}
.top_30{ padding: 30px 0px 0px 0px;}
.top_50{ padding: 50px 0px 0px 0px;}






/*インラインだったもの*/
/*--------------------★★★PCサイト用（641px以上）★★★---------------------*/
@media screen and (min-width: 641px) {
	#tagline {
		left: 0;
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 99999;
	}
	#header_wrap {
		left: 0;
		position: fixed;
		top: 32px;
		width: 100%;
		z-index: 99999;
	}
	.tel {
		top: 0;
	}
	#menu .bt06 {
		background: #459a1a;
	}
	.content-box {
		width: 94.7%;
		margin: 50px 0;
	}
}