@charset "UTF-8";
/*========================
CSS Import URL
========================*/
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* ====================================================
   HTML5 display definitions
 ====================================================*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-style:normal;font-weight: normal;font-size: 100%;vertical-align: baseline;}
abbr[title] {border-bottom: 1px dotted;}
strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; clear:both;}
mark {background: #ff0;color: #000}
code,kbd,pre,samp {    font-family: monospace, serif;font-size: 1em}
pre {white-space: pre-wrap}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup { top: -0.5em;}
sub {bottom: -0.25em;}
img {border: 0; max-width: 100%;height:auto;}
svg:not(:root) {overflow: hidden;}
figure,figcaption { margin: 0;padding:0;}
table { border-collapse: collapse; border-spacing: 0;}
ul,ol{list-style:none;}
/* ====================================================
   Base
 ====================================================*/
html {
	font-family: sans-serif; 
	-ms-text-size-adjust: 100%; 
	-webkit-text-size-adjust: 100%; 
	height:100%;
}
body {
	position:relative;
	margin: 0; color: #555;
	height:100%;
	font-size:13px;
	line-height:1.6;
	/*font-family:"游ゴシック体", "Yu Gothic", YuGothic,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*/
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight: normal;
}

/* ====================================================
   Links
   ==================================================== */

a {background: transparent; color:#426280;}
a:focus {outline: none}
a:active,a:hover,#pgArea li:hover {outline: 0; opacity:0.7;}


/* ====================================================
   Typography
   ==================================================== */

abbr[title] {border-bottom: 1px dotted;}
strong {font-weight: bold;}
dfn {font-style: italic;}
hr {-moz-box-sizing: content-box;box-sizing: content-box;height: 0; clear:both;}
mark {background: #ff0;color: #000}
code,kbd,pre,samp {    font-family: monospace, serif;font-size: 1em}
pre {white-space: pre-wrap}
q {quotes: "\201C" "\201D" "\2018" "\2019";}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sup { top: -0.5em;}
sub {bottom: -0.25em;}
svg:not(:root) {overflow: hidden;}
figure,figcaption { margin: 0;padding:0;}
table { border-collapse: collapse; border-spacing: 0;}

/* **************************************
common class style
************************************** */

/* size style
-------------------------------------- */

.clear {clear: both !important}.hide {display: none}
.alnR { text-align: right !important}.alnL { text-align: left !important}.alnC { text-align: center !important}
.vlnT { vertical-align: top !important}.vlnM { vertical-align: middle !important}.vlnB { vertical-align: bottom !important;}.vlnL { vertical-align: baseline !important}
.fltL { float:left !important}.fltR { float:right !important}
.imgL { float:left; margin: 0 15px 15px 0} .imgR { float:right; margin: 0 15px 15px}
.mt10 { margin-top: 10px !important}
.mt20 { margin-top: 20px !important}
.mb10 { margin-bottom: 10px !important}
.mb15 { margin-bottom: 15px !important}
.mb25 { margin-bottom: 25px !important}
.ml10 { margin-left: 10px !important}
.mr15 { margin-right:15px !important}
.mb70 { margin-bottom:70px !important}
.mtb10 { margin-top:10px !important; margin-bottom:10px !important}
.pt35 { padding-top: 35px !important}
.pt10 { padding-top: 10px !important}
.pt15 {padding-top:15px !important}
.pb10 { padding-bottom: 10px !important}
.pl10 { padding-left: 10px !important}
.pr10 { padding-right: 10px !important}
.prl20 {padding-left: 20px !important; padding-right: 20px !important}
.fBld { font-weight: bold;}
.rltv {
	position:relative;
}

/*========================
TEXT
========================*/

.ftMn {
	font-family: "游明朝体", "Yu Mincho", YuMincho, serif;
}

/* 
Font-size list (base: 13px)
 62% =  8px
 70% =  9px
 77% = 10px
 85% = 11px        162% = 21px        239% = 31px
 93% = 12px        170% = 22px        247% = 32px
100% = 13px        177% = 23px        254% = 33px
108% = 14px        185% = 24px        262% = 34px
116% = 15px        193% = 25px        270% = 35px
124% = 16px        200% = 26px        277% = 36px
131% = 17px        208% = 27px        285% = 37px
139% = 18px        216% = 28px        293% = 38px
147% = 19px        224% = 29px        300% = 39px
154% = 20px        231% = 30px        308% = 40px
-------------------------------------- */

/* font collor
-------------------------------------- */
a:link,a:visited {color: #C64845;}
a:hover,a:active {color: #626B36;}

.clr01 {color: #AF6575}
.clr02 {color: rgba(139,96,37,1.00)}

/* common hack style
-------------------------------------- */

/* */
.cf:after {content: ".";display: block; clear: both;height: 0;visibility: hidden;}
/* for IE6,7 */
.cf{zoom: 1;}


/* ====================================================
   Base css
   ==================================================== */

.wrap {
	margin: 0 15px;
}
.spBlk {
	display:block;
}
.pcBlk {
	display: inline;
}

.btnOrder {
	clear:both;
}
/**btn**/
a.btn {
	display:block;
	border-radius: 0.5em;
	text-align:center;
	width: 90%;
	letter-spacing: 0.08em;
	line-height: 2.2em;
	margin: 10px auto 0;
	color: #FFF;
	font-size: 116%;
	font-weight:bold;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(191,162,69)),color-stop(0.79, rgb(154,130,55)),color-stop(0.99, rgb(139,116,49)),color-stop(1, rgb(139,116,49)));
background-image:-webkit-linear-gradient(-90deg,rgb(191,162,69) 0%,rgb(154,130,55) 79%,rgb(139,116,49) 99%,rgb(139,116,49) 100%);
background-image:linear-gradient(180deg,rgb(191,162,69) 0%,rgb(154,130,55) 79%,rgb(139,116,49) 99%,rgb(139,116,49) 100%);
	border: 1px #4F4F4F solid;
	text-decoration: none;
}
a.btn.spcl {
	border-color:#7E6B2E;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(250,250,250)),color-stop(0.78, rgb(239,239,239)),color-stop(0.99, rgb(236,236,236)),color-stop(1, rgb(236,236,236)));
background-image:-webkit-linear-gradient(-90deg,rgb(250,250,250) 0%,rgb(239,239,239) 78%,rgb(236,236,236) 99%,rgb(236,236,236) 100%);
background-image:linear-gradient(180deg,rgb(250,250,250) 0%,rgb(239,239,239) 78%,rgb(236,236,236) 99%,rgb(236,236,236) 100%);

color: #7E6B2E;
}

/* ====================================================
   pageHeader
   ==================================================== */

#pageHeader {
	position:relative;
	/*background: url(../images/header/head_bg_sp.jpg)  50% bottom no-repeat;
	background-size: cover;*/
	height:90%;
	background-color: #DFE6EE;
}
#spBkImg {
	height:calc(100% - 120px);
	background: url(../images/header/head_bg_sp2.jpg) 50% bottom no-repeat;
	background-size: 155% auto;
	position: absolute;
	bottom: 0;
	left:0;
	width: 100%;
}
#pageHeader {
}

#logo {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 90px;
	z-index: 99999;
	cursor: pointer;
}
#headSb {
	text-align: center;
	position:relative;
	z-index: 10;
}
#headSb01 {
	padding-top: 15%;
	font-size: 200%;
	letter-spacing: 0.2em;
	padding-left: 0.2em;
}
#headSb02 {
	background: url(../images/header/hd_bg_s01.png) 0 50% no-repeat, url(../images/header/hd_bg_s02.png) right 50% no-repeat;
	background-size: 3.2em auto, 3.2em auto;
	font-size: 124%;
	margin: auto;
}
#hPrdctNm {
	position:absolute;
	left: 10px;
	right: 10px;
	bottom: 14px;
	margin: auto;
	text-align: center;
	z-index: 10;
}
#hPrdctNm p {
	font-size: 12px;
	letter-spacing: 0.2em;
	margin-left: -0.2em;
}
#hPrdctNm h2 {
	max-width: 340px;
	margin: 5px auto 0;
}

/* ====================================================
  main
   ==================================================== */
.ttl {
	font-size: 200%;
	font-weight: bold;
	padding-bottom: 10px;
	line-height: 1.2;
	
}
.ttl .spBlk {
	font-weight: bold;
}


#ctsHeader {
	padding:2em 0;
	background: url(../images/cts_head/cts_hd_bg01.png) right top no-repeat, url(../images/cts_head/cts_hd_bg02.png) 0 bottom no-repeat, url(../images/cts_head/cts_hd_bg03.png) 0 -30px no-repeat;
	background-size: 70% auto, 80% auto, 70% auto;
	background-color: #F4F3F1;
	text-shadow: #D3D3D3 0 0 2px;
}
#ctsHdTtl {
	margin-bottom:30px;
	line-height: 1.2;
	border-bottom-color: #424242;
	text-shadow: #FFF 2px 2px 1px;

}
#ctsHdSTtl {
	margin-bottom: 20px;
	font-size: 139%;
	text-shadow: #FFF 2px 2px 1px;
}
#ctsHdTxt p {
	padding-bottom: 10px;
	text-shadow: #FFF 2px 2px 1px;
}
#prdctArea {
	margin: 30px auto 0;
	text-align:center;
	height: 330px;
}
.prdctImg img {
	max-width: 180px;
	float:right;
}
.prdctInfo {
	padding: 65px 0 0 10px;
	text-align: left;
	font-size: 13px;
}
.prdctName {
	font-size: 124%;
	
}
.prdctTpBtn {
	max-width: 180px;
	margin-left: -10px;
}
.prdctPrc {
	font-size:116%;
}

#sec01,#sec02,#sec03 {
	padding: 3em 0;
}

/*******sec01*****/

#sec01Ttl {
	margin-bottom: 30px;
	background-size: 30px;
	border-bottom: none;
}
.fntTm {
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
	font-size: 160%;
	padding-right: 4px
}
#stepTtl {
	background: url(../images/sec01_step_sp.png) center bottom no-repeat;
	background-size: 100% auto;
	padding-bottom: 32%;
	margin-bottom: 25px;
}
#stepTtl01 {
	padding: 5px 0;
	border-top: 1px #000 solid;
	border-bottom: 1px #000 solid;
	font-size: 139%;
}
#stepTtl02 img {
	vertical-align: bottom;
	position:absolute;
	
}
#stepList li {
	margin-bottom: 0;
}
#stepList li h2 {
	padding: 0.3em 0 0.3em 3.4em;
	line-height: 1.2;
	font-size: 124%;
	background-size:3em;
	margin-bottom: 15px;
}
.bgStp {
	padding: 10px 0 20px;
	margin-bottom: 30px;
	border-bottom: #989898 1px dotted;
}
#step01,
#step02,
#step03,
#step04,
#step05 {
	padding-top: 195px;
	background: 50% 0 no-repeat;
	background-size: auto 180px;
}
#step01 {
	background-image: url(../images/step_bg_01_sp.png);
}
#step02 {
	background-image: url(../images/step_bg_02_sp.png);
}
#step03 {
	background-image: url(../images/step_bg_03_sp.png);
}
#step04 {
	background-image: url(../images/step_bg_04_sp.png);
}
#step05 {
	background-image: url(../images/step_bg_05_sp.png);
}


#step01 h2 {
	background: url(../images/step_01.png) 0 0 no-repeat;
}
#step02 h2 {
	background: url(../images/step_02.png) 0 0 no-repeat;
}
#step03 h2 {
	background: url(../images/step_03.png) 0 0 no-repeat;
}
#step04 h2 {
	background: url(../images/step_04.png) 0 0 no-repeat;
}
#step05 h2  {
	background: url(../images/step_05.png) 0 0 no-repeat;
	margin-bottom: 0;
}
.stepex01 {
	font-size: 108%;
	margin-bottom: 15px;
	padding: 5px 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;;
}
#stepList li p {
	margin-left: 10px;
}
.brdr {
	border: 1px solid #000;
	padding:3px;
	display:inline-block;
	margin-left: 10px;
}

/*******sec02*****/
#sec02 {
	background: #565570;
	padding-bottom: 2em;
}
#sec02Ttl {
	margin-bottom: 30px;
	text-shadow: #ccc 0 0 3px;
	color:#FFF;
	border-bottom: none;
}
#sec02-01,#sec02-02,#sec02-03 {
	margin-bottom: 1.5em;
	padding: 1.5em 0;
}
.sec02Ttl {
	padding-left: 40px;
	font-size: 154%;
	line-height: 20px
}
.sec02Ttl {
	background: url(../images/sec02_ttl_1.png) 0 0 repeat-y;
	background-size: 30px auto;
	margin-bottom: 25px;
}
#sec02-03 .sec02Ttl {
	background-image: url(../images/sec02_ttl_2.png);
}
#sec02-01 {
	background-color: #C9C9D4;
	color:#000;
}
#sec02-01Img {
	margin: 20px auto;
}
#sec02-02Img {
	margin: 20px auto 0;
}
#sec02-03Img {
	padding-top: 60px;
	background: url(../images/sec02_01_03_sp.png) 50% top no-repeat;
}
#sec02-02 {
	background-color: #454654;
	color:#FFF;
}
.sec02-02cts {
	margin-bottom: 25px;
	clear:left;
}
.sec02-02cts p {
	padding-bottom: 10px;
}
.sec02-02cts:nth-child(2) p,
.sec02-02cts:nth-child(3) p {
	float:left;
	padding-right: 2%;
	width: 60%;
}
.sec02-02cts:nth-child(2) img,.sec02-02cts:nth-child(3) img  {
	width: 90px;
}
.sec02-02cts:nth-child(3) {
	margin-bottom:0;
}
.sec02-02cts h2 {
	margin-bottom: 10px;
	padding: 5px 0;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	text-align: center;
}
#sec02-03 {
	background: #F4F3F1 url(../images/sec02_03_bg_sp.jpg) right 0 no-repeat;
	background-size: auto;
}

#sec02-03 p {
	width: 62%;
}


/*******sec03*****/
#sec03 {
	padding-top:2.5em;
	background: #D7D9DB url(../images/sec_03_bg.png) right -60px no-repeat;
	background-size: 100px auto;
}
#sec03Ttl {
	color:#786995;
	border-bottom-color: #786995;
	margin-bottom: 30px;
	text-shadow: #FFF 0 0 3px;
}

.sec03Area {
	padding-bottom: 20px;
}
.sec03sTtl {
	font-size: 139%;
	text-align:center;
	line-height: 26px;
	border: #1A1A1A 1px solid;
	border-radius: 13px;
	margin-bottom: 20px;
	background-color: #D7D9DB
}
.sec03Bx {
	margin-top: 25px;
}
.sec03Bx h3 {
	float: left;
	width: 80px;
	margin-right: 20px;
}
#sec03-02 .sec03Bx p {
	padding-top: 10px;
}
.sec03_1_img {
	padding-bottom: 20px;
}


#prdctFt {
	padding: 3em 0 2em;
	
}
.prdctBrd {
	position:relative;
	background-color: #E7E7E7;
	width: 280px;
	height: 280px;
	margin: 10px auto;
	text-align:center;
}
.prdctBrd img {
	height: 280px;
}

.delv {
	position:absolute;
	top: 15px;
	right: 15px;
	width: 60px;
	height:60px;
}
.delv img {
	height: auto !important;
}
.prdctIns {
	text-align:center;
}

@media screen and (min-width: 371px) {
#headSb02 {
	width: 80%;
}
}
@media screen and (max-width: 371px) {

.prdctImg img {
	width: 100px;
}
#prdctArea {
	height: 200px;
}
.prdctInfo {
	padding: 35px 0 0 10px;
	font-size: 13px;
}
}


/* ====================================================
   pageFooter
   ==================================================== */
#pageFooter {
	background-color: #38280F;
	padding: 1.5em 5px;
	color: #FFF
}
#orderEtc {
	border-top: 1px solid #7D6A2E;
	border-bottom: 1px solid #7D6A2E;
	color: #FFF;
	margin: 5px 0;
	padding:5px;
}
#ftNav {
	text-align: center;
	margin-top: 15px;
	
}
#ftNav li {
	display: inline-block;
	padding: 5px 10px;
	
}
#ftNav li a {
	color: #FFF;
	text-decoration: underline;
	font-size: 83%;
}
.adrs {
	font-size: 123%;
}
.adrs span {
	font-size: 11px;
	padding-left:5px;
}
#copyright {
	text-align: center;
}
/* ====================================================
   641
   ==================================================== */
@media screen and (min-width: 641px) {
.wrap {
	max-width: 738px;
	padding: 0 15px;
	margin:auto;
}	
.spBlk {
	display: inline;
}
.pcBlk {
	display: block;
}

/* ====================================================
   pageHeader
   ==================================================== */
   
#pageHeader {
	background: url(../images/header/head_bg.jpg)  52% 0 no-repeat;
	height: 615px;
}
#spBkImg {
	background: none;
}
#logo {
	width: 160px;
}
#headSb{
	padding-top: 80px;
	width: 480px;
	margin-left:0;
	font-size: 120%
}
#headSb01 {
	font-size: 231%;
}

#hPrdctNm {
	position: relative;
	width: 581px;
	
	bottom: 14px;
	margin: 40px 0 0;
	text-align: center;
}
#hPrdctNm p {
	letter-spacing: 0.2em;
	margin-left: -0.2em;
}
#hPrdctNm h2 {
	margin: 5px auto 0;
	max-width: 500px;
}
#hPrdctNm p {
	font-size: 150%;
}
/* ====================================================
  main
   ==================================================== */
.ttl {
	font-size: 245%
}
#ctsHeader {
	position: relative;
	background: url(../images/cts_head_bg.jpg) 50% 0 no-repeat;
	background-size: 1900px auto;
	padding: 60px 0 180px;
}
#ctsHdTtl {
	border: none;

}
#ctsHdSTtl {
	font-size: 139%;
	padding-top: 10px;
}
#ctsHdSTtl,#ctsHdTxt{
	padding-left: 125px;
}
#ctsHdTxt p {
	padding-bottom: 10px;
}
#prdctArea {
	position: absolute;
	right: 0;
	bottom: 30px;
	width: 45%;
	margin: 0;
	text-align:center;
	height:auto;
}
.prdctImg img {
	max-width: none;
	float: none;
	width: 60%;
}
.prdctInfo {
	position:absolute;
	bottom: 30px;
	left: -65%;
	text-align:center;
}
.prdctTpBtn {
	max-width: none;
	margin-left: 0;
}
#stepTtl {
	padding-right: calc( 100% - 16em);
	background: url(../images/sec01_step_pc.png) right top no-repeat;
	background-size: 100% auto;
	padding-bottom: 40px;
	
}
#step01,
#step02,
#step03,
#step04,
#step05 {
	padding-top: 0;
	background:none;
	min-height:190px;
	padding-left: 300px;
}
.bgStp {
	border: none;
}
#step01 {
	background: url(../images/step_bg_01_pc.png) -117px 0 no-repeat;
}
#step02 {
	background: url(../images/step_bg_02_pc.png) -117px 0 no-repeat;
}
#step03 {
	background: url(../images/step_bg_03_pc.png) 0 0 no-repeat;
}
#step04 {
	background: url(../images/step_bg_04_pc.png) 0 0 no-repeat;
}
#step05 {
	background: url(../images/step_bg_05_pc.png) 0 0 no-repeat;
}
/*******sec02*****/
#sec02 {
}
.ftLTtl {
	float:left; 
}
#sec02Ttl {
	margin-bottom: 30px;
	text-shadow: #FFF 0 0 3px;
}
.sec02Ex {
	padding-left: 200px;
	
}
#sec02-01,#sec02-02,#sec02-03 {
	padding:  50px 0;
}
#sec02Ex {
	margin-left: 180px
}
#sec02-01Img {
	clear:both;
	width: 48%;
	float:left;
}
#sec02-02Img {
	float:right;
	margin: 20px auto 0;
	width: 48%;
}

sec02-02 .wrapPc {
	text-align:center;
}
.sec02-02cts {
	display: inline-table;
	text-align:left;
	width: 30%;
	margin:30px 1% 0;
}
.sec02-02cts:nth-child(2) p,.sec02-02cts:nth-child(3) p {
	width: auto;
}
.sec02-02cts:nth-child(2) img,.sec02-02cts:nth-child(3) img  {
	width: 130px;
}
.sec02-02cts:nth-child(1) img {
	margin-top: 30px;
	
}
.sec02-02cts:nth-child(3) img {
	margin-top: 20px;
	
}
#sec02-03 {
	background-size: cover;
}
#sec02-03 p {
	width: auto;
}
.sec03Ex {
	margin-left: 235px;
}


/*******sec03*****/
#sec03 {
	padding-top: 4em;
	background-size: 160px auto;
	background-position: right -60px;
}
#sec03Ttl {
	margin-bottom: 30px;
	text-shadow: #FFF 0 0 3px;
	margin-right: 120px;
}

.sec03Area {
}
.sec03sTtl {
	font-size: 139%;
	text-align:center;
	line-height: 26px;
	border: #1A1A1A 1px solid;
	border-radius: 13px;
	margin-bottom: 20px;
	background-color: #D7D9DB
}
.sec03Bx {
	margin-top: 25px;
}
.sec03_1_img {
	margin-left: 30px;
	width: 70%;
}
#sec03-02 .sec03Bx p {
	padding-top: 20px;
}

#sec03-01 {
	width: 24%;
	float:left
}

#sec03-02 {
	width: 73%;
	float:right;
}
#sec03-02 .sec03Bx {
	display: inline-table;
	width: 30%;
	margin: 0 1%;
}

.sec03Bx h3 {
	float: none;
	width: auto;
	text-align:center;
}
#sec03-01 .sec03Bx h3 img,
#sec03-02 .sec03Bx h3 img {
	width: 90px;

}
#sec03-02 .sec03Bx p {
	text-align:left;
}
.pp {
	padding-left: 2em;
}

#prdctFt .wrap {
	width: 768px;
}
.ss_logo {
	width: 440px;
	float:left;
}
.prdctBrd {
	float:right;
}
.prdctBrd img {
	height: 280px;
}
.prdctIns {
	float:left;
	text-align:center;
	padding: 100px 0 0 200px;
}

/* ====================================================
   pageFooter
   ==================================================== */
#orderEtc .fltL {
	width: 47.5%;
	padding: 5px 1%;
}
}
/* ====================================================
   769
   ==================================================== */
@media screen and (min-width: 769px) {
	
.wrap,
.wrapPc {
	max-width: 1000px;
	padding: auto 12px;
	margin:auto;
	position:relative;
}

/* ====================================================
   pageHeader
   ==================================================== */

#hPrdctNm {
	width: 540px;
}
#ctsHeader {
	background-size: auto;
}
#headSb {
	margin-left: 65px;
}
#hPrdctNm {
	width: 615px;
}
#hPrdctNm h2 {
	max-width: none;
	width: 615px;
}
#hPrdctNm p {
	font-size: 157%;
	letter-spacing: 0.5em;
	text-align:center;	
}
/* ====================================================
  main
   ==================================================== */
#ctsHeader {
	background-position: 50% center;
	background-size:auto;
	
}
#ctsHdTtl {
	padding-left: 250px;

}
#ctsHdSTtl {
	padding-top: 20px;
}
#ctsHdSTtl,#ctsHdTxt {
	padding-left: 270px;
}
#ctsHdTxt p {
	padding-bottom: 10px;
}
#prdctArea {
	position: absolute;
	right: 0;
	top: 20px;
	bottom: auto;
	width: 390px;
	margin: 0;
}
.prdctInfo {
	left: -50%;
}
#sec02-03 {
	background-size: contain;
}


#stepTtl {
	padding-top: 30px;
	padding-bottom: 60px;
}
#stepList li {
	float:left;
	padding-left:0;
	background: none;
}
#step01, #step02 {
	width: 49%;
}
#step01 .bgStp,
#step02 .bgStp {
	height: 200px;
	padding-right: 45%;
}

#step03 .bgStp,
#step04 .bgStp ,
#step05 .bgStp{
	height: 170px;
	padding-right: 38%;
}
#step03, #step04, #step05 {
	width: 32%;
}
#step02,#step04, #step05 {
	margin-left: 2%;
}
.bgStp {
	padding: 40px 0 30px;
}

#step01 .bgStp {
	background: url(../images/step_bg_01.png) right 0 no-repeat;
}
#step02 .bgStp {
	background: url(../images/step_bg_02.png) right 0 no-repeat;
}
#step03 .bgStp {
	background: url(../images/step_bg_03.png)  right 0 no-repeat;
}
#step04 .bgStp {
	background: url(../images/step_bg_04.png)  right 0 no-repeat;
}
#step05 .bgStp {
	background: url(../images/step_bg_05.png)  right 0 no-repeat;
}
#sec02-03 {
	background-position: right 50%;	
}
#sec03 {
	background-size: 220px auto;
	background-position: 0 right;
}
.sec03_1_img {
	width: auto;
}
#sec03Ttl {
	padding-left:0;
}
#sec03-01 .sec03Bx {
	/*width: 680px;*/
	margin:auto;
}
#sec03-01 .sec03Bx p {
	padding-top:12px;
}

}