@charset "UTF-8";

.pc				{ display: block !important; }
.sp				{ display: none !important; }
img.pc			{ display: inline-block !important; }
img.sp			{ display: none !important; }
#line, .pageup	{ font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ＭＳ Ｐゴシック", Helvetica, Arial, sans-serif; font-size: 14px; line-height: 1.5; }
#line .bgGray	{ background: #f8f8f8; }
#line .inner	{ width: 960px; margin: 0 auto; overflow: hidden; }
#line h2		{ padding: 40px 0 56px; background: url("../images/bg_blow_pc.gif") no-repeat center bottom; }
#line .bgGray h2{ background-image: url("../images/bg_blow_gray_pc.gif"); }
#line h3		{ margin: 20px 0; font-size: 158%; text-align: center; }
#line h4		{ margin: 30px 0 5px; font-size: 158%; text-align: center; }
#line .exp		{ margin-top: 15px; text-align: left; }

#line #mainVis		{ height: 0; padding-top: 490px; background: url("../images/p_main_line_pc.jpg") no-repeat center 0; /*overflow: hidden;*/ }
#line #mainVis img	{ display: none; }

#line #section01			{ margin-top: 17px; padding: 3px 0 55px; }
#line #section01 .add		{ position: relative; width: 866px; margin: 0 auto; }
#line #section01 .add .or	{ position: absolute; top: 220px; width: 100%; text-align: center; }
#line #section01 .left		{ float: left; width: 366px; }
#line #section01 .right		{ float: right; width: 366px; }
#line #section01 .btn		{ margin-top: 40px; text-align: center; }

#line #section02				{ padding: 0 0 40px; }
#line #section02 .flow			{ margin-top: 35px; }
#line #section02 .flow li		{ float: left; width: 300px; margin-right: 3px; padding-right: 27px; background: url("../images/bg_ar_flow.gif") no-repeat right center; }
#line #section02 .flow li.last	{ margin-right: 0; padding-right: 0; background: none; }
#line #section02 .num			{ border-bottom: 2px solid #b5855e; }

#line #section03	{ padding-bottom: 40px; }
#line #section03 ul	{ width: 980px; }
#line #section03 li	{ float: left; width: 471px; margin: 0 19px 20px 0; }

#line #section04	{ padding-bottom: 35px; }
#line #section04 ul	{ width: 978px; }
#line #section04 li	{ float: left; width: 473px; margin-right: 16px; }
#line #section04 dl	{ margin-top: 20px; padding: 15px 20px; border: 1px solid #d6d6d6; border-radius: 5px; }
#line #section04 dt	{ float: left; width: 450px; margin-top: 25px; font-size: 129%; font-weight: bold; text-align: center; }
#line #section04 dd	{ float: right; width: 451px; }

@media screen and (min-width: 0px) and (max-width: 667px){
.pc				{ display: none !important; }
.sp				{ display: block !important; }
img.pc			{ display: none !important; }
img.sp			{ display: inline-block !important; }
a				{ text-decoration: none !important; }
.order li		{ margin-top: 13px; margin-bottom: 0 !important; }
#line .inner	{ width: auto; padding: 0 20px; }
#line h2		{ padding: 20px 0 42px;  background-image: url("../images/bg_blow_sp.gif"), url("../images/bg_blow_rep_sp.gif"); background-repeat: no-repeat, repeat-x; background-position: center bottom, center bottom; }
#line .bgGray h2{ background-image: url("../images/bg_blow_gray_sp.gif"), url("../images/bg_blow_gray_rep_sp.gif"); }

#header_logo     { width: 37%; float: left; }
#header_inquiry  { width: 53%; float: right; }

#line #mainVis		{ height: auto; padding-top: 0; background: none; }
#line #mainVis img	{ display: block; width: 100%; height: auto; }

#line #section01			{ margin-top: 0; padding: 0 0 30px; }
#line #section01 .left		{ float: none; width: auto; }
#line #section01 .right		{ float: none; width: auto; }
#line #section01 .btn		{ margin-top: 20px; }
#line #section01 .btn img	{ max-width: 100%; height: auto; }

#line #section02 .flow li		{ float: none; width: auto; margin: 0 0 17px; padding: 0 0 25px; background: url("../images/bg_ar_flow_btm.gif") no-repeat center bottom; background-size: 15px 15px; }
#line #section02 .flow li.last	{ margin-bottom: 0; padding-bottom: 0; }
#line #section02 .flow li p img	{ max-width: 100%; height: auto; }

#line #section03 ul			{ width: auto; }
#line #section03 li			{ float: none; width: auto; margin: 0 0 20px; }
#line #section03 li p img	{ max-width: 100%; height: auto; }

#line #section04		{ padding-bottom: 5px; }
#line #section04 ul		{ width: auto; margin-top: 0; }
#line #section04 li		{ float: none; width: auto; margin: 20px 0 0; }
#line #section04 li img	{ max-width: 100%; height: auto; }

#header			{ width: auto; text-align: center; }
#header #gNavi	{ padding: 10px 0 15px; border-top: 1px solid #959391; border-bottom: 1px solid #959391; background: -moz-linear-gradient(top, #b1957f, #876449); background: -webkit-gradient(linear, left top, left bottom, from(#b1957f), to(#876449)); }

#footer							{ min-width: inherit; padding-bottom: 0; background: none; }
#footer #fNavi					{ border-top: 2px solid #999; text-align: left; }
#footer #fNavi li				{ display: block; float: left; width: 50%; }
#footer #fNavi li a				{ display: block; padding: 15px 10px; color: #555; border-top: 1px solid #fff; border-bottom: 1px solid #cccac8; background: #efefef; }
#footer #fNavi li.iconPc a:after{ float: right; display: block; margin: 3px 0 0; content: url("../images/i_pc.gif"); }
#footer address					{ padding: 10px 0; border-top: 1px solid #cab7a7; border-bottom: 2px solid #41495c; background: -moz-linear-gradient(top, #b1957f, #886449); background: -webkit-gradient(linear, left top, left bottom, from(#b1957f), to(#886449)); color: #fff; font-style: normal; }

.pageup a			{ display: block; padding: 10px 0; font-weight: bold; }
.pageup a:before	{ content: "↑"; margin: 0 0.5em 0 0; }
}