@charset "utf-8";


/*---------------------------------------------------------------------------------------
	大枠設定
----------------------------------------------------------------------------------------*/

body{
	font-family: Hiragino Sans, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	color: #455A64;
	text-align: center;
}
body.ovh{ overflow: hidden;}
body.ovh:before{
	display: block;
	content: "";
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	background: rgba(69,90,100,.5);
}
.switch{}
a{ color: #455A64; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .7; text-decoration:none;}
img.imgalpha, .svg path, .svg polygon{ -webkit-transition: all .2s; transition: all .2s;}
img.imgintxt{ vertical-align: middle; margin-bottom: 2px;}
.svg{ vertical-align: middle;}
/* font */
.gothic{ font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.mincho{ font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:768px){
	a:hover{ opacity: 1;}
}






/*---------------------------------------------------------------------------------------
	header
----------------------------------------------------------------------------------------*/

header{
	padding-top: 15px;
	border-top: 5px solid #E99215;
	margin-bottom: 20px;
}
header .company{
	text-align: left;
}
header .company img{
	width: 120px;
	padding: 15px;
	max-width: inherit;
	margin-top: -15px;
}
header .sitetitle{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	/* line-height: 58px; */
	/* padding-left: 20px; */
	padding: 15px 20px 15px 20px;
	text-align: left;
	background: #E99215;
}









/*---------------------------------------------------------------------------------------
	contents
----------------------------------------------------------------------------------------*/

#contents{
	clear: both;
	box-sizing: content-box;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}
#contents a{
	color: #E99215;
}
.wrap{
	padding-left: 3%;
	padding-right: 3%;
}
.blank:after{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	margin-left: 5px;
	background: url("../images/icon-blank.svg") no-repeat;
}
/* color */
.blue{ color: #E99215;}
.green{ color: #10C1CC;}
/* .orange{ color: #F56900;} */
.orange{ color: #E99215;}
.black-color{ color: #455A64;}
/* font */
.f-12{ font-size: 12px;}
.f-14{ font-size: 14px;}
.f-18{ font-size: 18px;}
/* bg */
.bg-gray{ background: #EDF1F5;}
.bg-white{ background: #fff;}
/* title */
h1{
	clear: both;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.3;
}
h2{
	clear: both;
	color: #E99215;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 6px;
	border-left: 4px solid #E99215;
}
h3{
	clear: both;
	font-weight: normal;
	line-height: 1.5;
}
.title1{
	clear: both;
	color: #E99215;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}
.title1-number{
	clear: both;
	color: #E99215;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
	padding-left: 2em;
	position: relative;
}
.title1-number .number{
	position: absolute;
	left: 0;
	top: -3px;
}
.title1-number small{
	font-weight: normal;
}
.modelselect-title{
	clear: both;
	line-height: 1.4;
}
.modelselect-title.dllist3 dt{
	width: 50px;
	text-align: left;
}
/* btn */
.btn1{
	clear: both;
	display: block;
	color: #E99215;
	font-weight: bold;
	padding: 15px 30px 15px 20px;
	background: url("../images/arrow-right.svg") no-repeat right 15px center #fff;
	border: 1px solid #E99215;
	border-radius: 100px;
	line-height: 1.3;
}
.btn1.icon-switch1{ background: url("../images/icon-switch1.svg") no-repeat left 15px center, url("../images/arrow-right.svg") no-repeat right 15px center #fff; padding-left: 55px;}
.btn1.icon-switch2{ background: url("../images/icon-switch2.svg") no-repeat left 15px center, url("../images/arrow-right.svg") no-repeat right 15px center #fff; padding-left: 55px;}
.btn1.icon-switch3{ background: url("../images/icon-switch3.svg") no-repeat left 15px center, url("../images/arrow-right.svg") no-repeat right 15px center #fff; padding-left: 55px;}
.btn1.icon-switch4{ background: url("../images/icon-switch4.svg") no-repeat left 15px center, url("../images/arrow-right.svg") no-repeat right 15px center #fff; padding-left: 55px;}
.btn1.nigyo{ padding: 25px 30px 25px 20px;}
.btn2{
	clear: both;
	display: block;
	color: #E99215;
	font-size: 18px;
	font-weight: bold;
	padding: 12px 20px;
	background: #fff;
	border: 2px solid #E99215;
	line-height: 1.3;
}
.btn2[target="_blank"]{
	padding-right: 30px;
	background: url("../images/icon-blank.svg") no-repeat right 15px center;
}
.btn3{
	clear: both;
	display: block;
	color: #fff!important;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 15px 30px 15px 20px;
	background: #E99215;
	border-radius: 100px;
	line-height: 1.3;
}
.btn3[target="_blank"]{
	padding-right: 30px;
	background: url("../images/icon-blank-white.svg") no-repeat right 20px center #E99215;
}
.btn_footer{
	clear: both;
	display: block;
	color: #fff!important;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	padding: 15px 30px 15px 20px;
	background: #E99215;
	border-radius: 100px;
	line-height: 1.3;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
}
.btn_footer[target="_blank"]{
	padding-right: 30px;
	background: url("../images/icon-blank-white.svg") no-repeat right 20px center #E99215;
}
/* table */
table.table1,
table.table2{
	clear: both;
	width: 100%;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #DEE6EF;
}
table.table1 th,
table.table2 th{
	font-weight: bold;
	padding: .6em 0;
	vertical-align: middle;
	background: #EDF1F5;
}
table.table1 td,
table.table2 td{
	font-weight: bold;
	height: 60px;
	padding: .5em 0;
	vertical-align: middle;
	border-bottom: 1px solid #DEE6EF;
}
table.table2 td{
	font-weight: normal;
	height: 40px;
	padding: .3em 0;
}
table.table1 th:not(:last-child),
table.table1 td:not(:last-child),
table.table2 th:not(:last-child),
table.table2 td:not(:last-child){ border-right: 1px solid #DEE6EF;}
/* list */
.dllist1,
.dllist1 dd{ overflow: hidden;}
.dllist1 dt{ float: left; font-weight: bold;}
.dllist1-2,
.dllist1-2 dd{ overflow: hidden;}
.dllist1-2 dt{ float: left; font-weight: normal;}
.dllist2{
	background: #E99215;
	border: 3px solid #E99215;
}
.dllist2 dt{
	color: #fff;
	padding: 15px;
}
.dllist2 dd{
	padding: 15px;
	background: #fff;
}
.dllist3{
	display: table;
	width: 100%;
}
.dllist3 dt{
	display: table-cell;
	width: 70px;
	text-align: center;
	vertical-align: middle;
}
.dllist3 dd{
	display: table-cell;
	text-align: left;
	padding-left: 20px;
	vertical-align: middle;
}
.link li a{
	display: block;
	font-weight: bold;
	padding: 5px 15px 5px 0;
	background: url("../images/arrow-right.svg") no-repeat right center;
}
.talk{
	clear: both;
	color: #E99215;
	font-size: 14px;
	line-height: 1.3;
	min-height: 80px;
	margin-bottom: 30px;
	position: relative;
}
.talk.guest{
	text-align: right;
	padding-right: 90px;
}
.talk.ss{
	text-align: left;
	padding-left: 90px;
}
.talk:last-of-type{ margin-bottom: 30px;}
.talk dt{
	position: absolute;
	top: 0;
	font-size: 12px;
	text-align: center;
}
.talk.guest dt{ right: 10px;}
.talk.ss dt{ left: 20px; top: 15px;}
.talk dd{
	display: table;
	min-width: 100px;
	height: 80px;
	padding: 20px;
	border-radius: 20px;
	position: relative;
}
.talk dd span{
	display: table-cell;
	font-weight: bold;
	text-align: left;
	vertical-align: middle;
}
.talk.guest dd{
	color: #fff;
	background: #E99215;
	margin: 0 0 0 auto;
}
.talk.guest dd:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: 100%;
	top: 40px;
	margin-top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8.5px 0 8.5px 12px;
	border-color: transparent transparent transparent #E99215;
}
.talk.ss dd{
	background: #fff;
	border: 2px solid #E99215;
}
.talk.ss dd:before{
	display: inline-block;
	content: "";
	position: absolute;
	left: -12px;
	top: 42px;
	margin-top: -10px;
	width: 14px;
	height: 17px;
	background: url("../images/smartspeaker_remote-ss-icon.svg") no-repeat;
}
/* max-width */
.max170{ max-width: 170px; margin-left: auto; margin-right: auto;}
.max215{ max-width: 215px; margin-left: auto; margin-right: auto;}
.max280{ max-width: 280px; margin-left: auto; margin-right: auto;}
.max315{ max-width: 315px; margin-left: auto; margin-right: auto;}
.max340{ max-width: 340px; margin-left: auto; margin-right: auto;}
/* electronics */
.electronics{
	float: right;
	display: table;
	/* color: #E99215; */
	font-size: 12px;
	/* border: 1px solid #E99215; */
	border-radius: 100px;
	background: #EDF1F5;
}
.electronics figure{
	display: table-cell;
	text-align: right;
	padding: 5px 0 5px 15px;
	vertical-align: middle;
}
.electronics figure img{
	height: 20px;
	width: auto;
	max-width: inherit;
	vertical-align: middle;
}
.electronics p{
	display: table-cell;
	white-space: nowrap;
	text-align: left;
	padding: 5px 15px 5px 5px;
	vertical-align: middle;
}
/* app */
.app{
	border-radius: 10px;
}
.app ul{
	overflow: hidden;
}
.app ul li{
	float: left;
	width: 47%;
}
.app ul li:first-child{
	margin-right: 6%;
}
/* linkbox */
.linkbox{
	padding: 20px;
	background: #fff;
	box-shadow: 0px 2px 2px -2px #666;
}
/* mokuji */
.mokuji{
	clear: both;
	font-weight: bold;
	padding: 15px;
	border: 1px solid #7E90A3;
	border-radius: 10px;
}
.mokuji ul li{
	padding-left: .7em;
	margin-bottom: 5px;
	position: relative;
}
.mokuji ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "-";
}
/* screen */
.screen{
	clear: both;
	display: table;
}
.screen figure{
	display: table-cell;
	width: 50%;
	vertical-align: top;
}
.screen ol{
	display: table-cell;
	width: 50%;
	color: #E99215;
	padding-left: 3%;
	position: relative;
}
.screen ol li{
	width: 95%;
	position: absolute;
	left: 5%;
}
.screen ol li p.title{
	font-weight: bold;
	line-height: 1.3;
	position: relative;
	padding-left: 2em;
}
span.number{
	display: inline-block;
	width: 2em;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 2;
	text-align: center;
	margin-right: 5px;
	border-radius: 50%;
	background: #E99215;
	vertical-align: middle;
}
span.number-small{
	display: inline-block;
	width: 1.8em;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.8;
	text-align: center;
	margin-right: 5px;
	border-radius: 50%;
	background: #E99215;
	vertical-align: middle;
}
span.number.black,
span.number-small.black{ background: #455A64;}
.screen ol li p.title span.number{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	font-size: 12px;
}
.screen ol li p.note{
	font-size: 12px;
	line-height: 1.4;
	padding-top: 5px;
	padding-left: 2.5em;
}
.screen ol li a{
	display: block;
	padding: 10px 20px 10px 10px;
	background: url("../images/arrow-bottom.svg") no-repeat right 8px center;
	border: 1px solid #E99215;
	border-radius: 5px;
	position: relative;
}
.screen ol li a:before{
	display: inline-block;
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 14px;
	background: url("../images/screen-left.svg") no-repeat;
}
.screen ol li.nolink{
	padding: 0 12px;
}
.screen ol.index li:nth-child(1){ top: 5%;}
.screen ol.index li:nth-child(2){ top: 33%;}
.screen ol.index li:nth-child(3){ top: 50%;}
.screen ol.index li:nth-child(4){ top: 70%;}
.screen ol.index li:nth-child(5){ top: 90%;}
.screen ol.about_usage li:nth-child(1){ top: 18%;}
.screen ol.about_usage li:nth-child(2){ top: 50%;}
.screen ol.about_usage li:nth-child(3){ top: 85%;}
.screen ol.about_tool li:nth-child(1){ top: 7%;}
.screen ol.about_tool li:nth-child(2){ top: 27%;}
.screen ol.about_tool li:nth-child(3){ top: 55%;}
.screen ol.about_tool li:nth-child(4){ top: 80%;}
.screen ol.about_tool2 li:nth-child(1){ top: 7%;}
.screen ol.about_tool2 li:nth-child(2){ top: 80%;}
.screen ol.about_tool3 li:nth-child(1){ top: 6%;}
.screen ol.about_tool3 li:nth-child(2){ top: 23%;}
.screen ol.about_tool3 li:nth-child(3){ top: 50%;}
.screen ol.about_tool3 li:nth-child(4){ top: 75%;}
.screen ol.about_tool3 li:nth-child(5){ top: 89%;}
.screen ol.about_tool4 li:nth-child(1){ top: 13%;}
.screen ol.about_tool4 li:nth-child(2){ top: 40%;}
.screen ol.about_tool4 li:nth-child(3){ top: 78%;}
.screen ol.about_tool5 li:nth-child(1){ top: 6%;}
.screen ol.about_tool5 li:nth-child(2){ top: 17%;}
.screen ol.about_tool5 li:nth-child(3){ top: 42%;}
.screen ol.about_tool5 li:nth-child(4){ top: 72%;}
.screen ol.about_tool5 li:nth-child(5){ top: 88%;}
.screen ol.home li:nth-child(1){ top: 25%;}
.screen ol.home li:nth-child(2){ top: 40%;}
.screen ol.home li:nth-child(3){ top: 57%;}
.screen ol.home li:nth-child(4){ top: 75%;}
.screen ol.home_n li:nth-child(1){ top: 13%;}
.screen ol.home_n li:nth-child(2){ top: 35%;}
.screen ol.home_n li:nth-child(3){ top: 58%;}
.screen ol.home_n li:nth-child(4){ top: 80%;}
.screen ol.home_n2 li:nth-child(2){ top: 48%;}
.screen ol.home_n2 li:nth-child(3){ top: 75%;}
.screen ol.home_n3 li:nth-child(2){ top: 35%;}
.screen ol.home_n3 li:nth-child(3){ top: 54%;}
.screen ol.home_n3 li:nth-child(4){ top: 72%;}
.screen ol.home_n3 li:nth-child(5){ top: 86%;}
.screen ol.home_n6 li:nth-child(1){ top: 30%;}
.screen ol.home_n6 li:nth-child(2){ top: 60%;}
.screen ol.home_n6 li:nth-child(3){ top: 85%;}
.screen ol.home_n7 li:nth-child(1){ top: 25%;}
.screen ol.home_n7 li:nth-child(2){ top: 48%;}
.screen ol.home_n7 li:nth-child(3){ top: 72%;}
.screen ol.home_n7 li:nth-child(4){ top: 88%;}
.screen ol.about_tsunagaru li:nth-child(1){ top: 40%;}
.screen ol.about_tsunagaru li:nth-child(2){ top: 66%;}
.screen ol.about_info li:nth-child(1){ top: 25%;}
.screen ol.about_info li:nth-child(2){ top: 55%;}
.screen ol.healthcare01 li:nth-child(1){ top: 5%;}
.screen ol.healthcare01 li:nth-child(2){ top: 35%;}
.screen ol.healthcare01 li:nth-child(3){ top: 80%;}
.screen ol.message_n20 li:nth-child(1){ top: 7%;}
.screen ol.message_n20 li:nth-child(2){ top: 55%;}
.screen ol.message_n20 li:nth-child(3){ top: 85%;}
.screen ol.about_hotwater li:nth-child(1){ top: 4%;}
.screen ol.about_hotwater li:nth-child(2){ top: 18%;}
.screen ol.about_hotwater li:nth-child(3){ top: 29.5%;}
.screen ol.about_hotwater li:nth-child(4){ top: 40%;}
.screen ol.about_hotwater li:nth-child(5){ top: 55%;}
.screen ol.about_hotwater li:nth-child(6){ top: 70%;}
.screen ol.about_hotwater2 li:nth-child(1){ top: 4%;}
.screen ol.about_hotwater2 li:nth-child(2){ top: 18%;}
.screen ol.about_hotwater2 li:nth-child(3){ top: 27%;}
.screen ol.about_hotwater2 li:nth-child(4){ top: 33.5%;}
.screen ol.about_hotwater2 li:nth-child(5){ top: 45%;}
.screen ol.about_hotwater2 li:nth-child(6){ top: 60%;}
.screen ol.about_hotwater2 li:nth-child(7){ top: 74%;}
.screen-structure{
	position: relative;
}
.screen-structure ol{
	width: 50%;
	color: #E99215;
	padding-left: 3%;
}
.screen-structure ol li{
	width: 150px;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}
.screen-structure ol li:nth-child(1){ top: 40%; text-align: center;}
.screen-structure ol li:nth-child(2){ bottom: -40px;}
.screen-structure ol li p.title{
	line-height: 1.3;
}
.screen-structure ol li p.title span.number{
	font-size: 12px;
}
.screen-structure ol li p.note{
	font-size: 12px;
	line-height: 1.4;
	padding-top: 5px;
}
.screen-structure ol li a{
	display: block;
	padding: 10px 20px 10px 10px;
	background: url("../images/arrow-bottom.svg") no-repeat right 8px center;
	border: 1px solid #E99215;
	border-radius: 5px;
	position: relative;
}
.screen-structure ol li a:before{
	display: inline-block;
	content: "";
	position: absolute;
	bottom: 100%;
	left: 50%;
	transform: translateX(-50%);
	width: 14px;
	height: 8px;
	background: url("../images/screen-top.svg") no-repeat;
}
.screen-structure ol li.nolink{
	padding: 0 12px;
}
/* imghalf */
.imghalf{
	overflow: hidden;
}
.imghalf figure{
	float: left;
	width: 45%;
}
.imghalf figure:nth-child(2n+1){ margin-right: 10%;}
/* att */
.att{
	clear: both;
	color: #E99215;
	line-height: 1.4;
	padding: 15px 20px;
	border: 1px solid #E99215;
}
/* sidescroll */
.sidescroll{
	overflow-x: auto;
}
.sidescroll figure.about_tsunagaru{
	width: 1070px;
}
/* modelselect */
.modelselect li{
	clear: both;
	margin-bottom: 15px;
	border: 1px solid #B2C2D1;
	border-radius: 10px;
}
.modelselect-box{
	clear: both;
	border: 1px solid #B2C2D1;
	border-radius: 10px;
}
.modelselect li a,
.modelselect-box li{
	display: table;
	width: 100%;
	color: #455A64!important;
}
.modelselect li a figure,
.modelselect-box li figure{
	display: table-cell;
	width: 110px;
	padding: 20px;
	vertical-align: middle;
}
.modelselect li a p,
.modelselect-box li p{
	display: table-cell;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 20px 20px 20px 0;
	vertical-align: middle;
}
.modelselect-box li:not(:last-child) figure{ padding: 20px 20px 0;}
.modelselect-box li:not(:last-child) p{ padding: 20px 20px 0 0;}
/* inquiry-tel */
.inquiry-tel{
	clear: both;
	text-align: center;
	padding: 15px;
	border: 3px solid #E99215;
}
.inquiry-tel .title{
	color: #E99215;
	font-size: 18px;
	font-weight: bold;
}
/* home_n-img */
.home_n-img img{
	display: block;
	width: 240px;
	margin-bottom: 15px;
}
.home_n-img figcaption.color1{ color: #10C1CC;}
.home_n-img figcaption.color2{ color: #04BDFA;}
.home_n-img figcaption.color3{ color: #14C68E;}
.home_n-img figcaption.color4{ color: #FF9240;}
.home_n-img figcaption.color5{ color: #FE8079;}
.home_n-img figcaption.color6{ color: #5DAAC5;}

.about-bhd02{
	font-weight: bold;
	text-align: center;
}
.about-bhd02 img{
	display: inline-block;
	vertical-align: middle;
	width: 52px;
}
.about-bhd02 span{
	display: inline-block;
	vertical-align: middle;
	color: #E99215;
	font-size: 18px;
	text-align: left;
	line-height: 1.3;
	padding-left: 1em;
}
.about-bhd02-ac dt{
	clear: both;
	display: block;
	color: #E99215;
	font-weight: bold;
	padding: 15px 30px 15px 20px;
	border: 1px solid #E99215;
	border-radius: 100px;
	line-height: 1.3;
	position: relative;
	cursor: pointer;
}
.about-bhd02-ac dt:after{
	display: inline-block;
	vertical-align: middle;
	content: "＋";
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
.about-bhd02-ac dt.open:after{ content: "－";}
.about-bhd02-ac dd{ display: none;}
.about-bhd02-ac dd ul{
	padding: 10px 0;
	overflow: hidden;
}
.about-bhd02-ac dd ul li a{
	display: block;
	font-weight: bold;
	padding: 10px 30px 10px 20px;
	margin-right: 20px;
	background: url("../images/arrow-right.svg") no-repeat right 15px center #fff;
	line-height: 1.3;
}
.about_tool-img10-btn{
	position: relative;
}
.about_tool-img10-btn a{
	display: inline-block;
	position: absolute;
	left: 14%;
	bottom: 1%;
	width: 72%;
}
.faq dt{
	color: #E99215;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	padding-left: 30px;
	margin-bottom: 10px;
	position: relative;
}
.faq dt:before{
	content: "Q";
	position: absolute;
	left: 0;
	top: 0;
}
.faq dd{
	padding-left: 30px;
	position: relative;
}
.faq dd:before{
	content: "A";
	position: absolute;
	left: .2em;
	top: 0;
}

.kome-small {
	text-indent: -1em;
	padding-left: 1em;
}


.border {
 	clear: both;
	line-height: 1.4;
	padding: 15px 20px;
	border: 1px solid #E99215;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width:450px){
	.screen ol li p.title{
		font-size: 3.5vw;
	}
	.screen ol li p.title span.number,
	.screen ol li p.note{
		font-size: 2.8vw;
	}
}






/*---------------------------------------------------------------------------------------
	footer
----------------------------------------------------------------------------------------*/

footer{}
footer #pagetop{
	position: fixed;
	right: 10px;
	bottom: 20px;
	cursor: pointer;
}
footer .back{
	clear: both;
	padding-bottom: 30px;
	overflow: hidden;
}
footer .back .backbtn{
	padding: 20px 0;
	margin: 0 0 30px;
	border-top: 1px solid #DEE6EF;
	border-bottom: 1px solid #DEE6EF;
}
footer .back .backbtn button{
	display: block;
	width: 4em;
	font-family: Hiragino Sans, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	color: #E99215;
	font-size: 18px;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 15px;
	background: url("../images/arrow-left.svg") no-repeat left center;
}
footer .back .backbtn2 a{
	display: inline-block;
	color: #E99215;
	font-size: 18px;
	font-weight: bold;
}
footer .back .backbtn2 a:after{
	display: inline-block;
	content: "";
	width: 17px;
	height: 17px;
	margin-left: .5em;
	margin-bottom: 3px;
	background: url("../images/icon-blank.svg") no-repeat;
	vertical-align: middle;
}
footer .fnav{
	clear: both;
	color: #fff;
	font-size: 12px;
	padding: 25px 5% 10px;
	background: #E99215;
	box-shadow:0px 10px 10px -6px #E96F15 inset;
}
footer .fnav ul{
	margin-bottom: 15px;
}
footer .fnav ul li{
	display: inline-block;
}
footer .fnav ul li:not(:last-child){ margin-right: 2em;}
footer .fnav ul li a{
	color: #fff;
}
footer .fnav p{
	font-size: 10px;
}