@charset "utf-8";


body, html{
    /* important */
    height: 100%;
}

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

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



/* #key
------------------------------------*/

#key h1{
	color: #fff;
	text-align: center;
	background: rgba(219,102,0,0.8);
	padding: 16px 38px;
	font-weight: 700;
	letter-spacing: 0.6px;
}



/* #bread
------------------------------------*/

#bread{
	background: #fff;
	padding: 8px 0;
}



/* #about
------------------------------------*/

#about{
	width: 100%;
	background: #f4e8d9;
	border-top: 1px solid #e8dbc9;
}

#about h3.lead{
	background: url(../../img/product/bd_gray.png) repeat-x left bottom 10px;
	text-align: center;
	margin-bottom: 30px;
}

#about h3.lead span{
	padding: 6px 28px;
	background: #f4e8d9;
}




/* #can
------------------------------------*/

#can{
	width: 100%;
	background: url(../../img/product/bg_dot.png) repeat left top;
}

#can ul.box li{
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#can ul.box li h3{
	color: #633b1b;
	font-weight: 700;
}

#can .osusume{
	text-align: center;
	position: relative;
	margin-top: 100px;
}

#can .osusume ul{
	background: #fffdf8;
	border: 3px solid #e8dbc3;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}







/* #flow
------------------------------------*/

#flow{
	width: 100%;
	background: url(../../img/product/pat_sl.png) repeat left top;
}

#flow .w_wrap{
	background: #fff;
	border: 1px solid #ebe7dc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.other .otwrap{
	margin-top: 40px;
	background: #dedace;	
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.other .otwrap li{
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.other .otwrap li h4{
	background: url(../../img/product/bg_print.png) no-repeat left center #422712;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}



/* #fee
------------------------------------*/

#fee{
	width: 100%;
	background: url(../../img/product/pat_print.png) repeat left top;
	border-bottom: 2px solid #422712;
}

#fee .white{
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	padding: 20px;
	text-align: center;
}


#fee .tab{ border-bottom: 2px solid #422712; }

.hide { display:none; }

#fee .tab li{
	background: #b59c80;
	padding: 16px 3%;
	color: #fff;
	text-align: center;
	border-radius: 3px 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3px 3px 0 0;
}

#fee .tab li.select{ background: #422712; }

#fee .content{
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#fee .case .content h3{
	background: #422712;
	padding: 6px 20px;
	text-align: center;
	color: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-weight: 700;
	font-size: 120%;
	margin: 32px 0 26px;
	letter-spacing: 0.6px;
}


#fee .contactbox{
	border: 2px solid #c4b29f;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}






/* ■02.横幅960px以上（PC用）
--------------------------------------------------- */
@media screen and (min-width:1000px) {
/* ▼PC用================================================================== */


.roundwrap{
	width: 1000px;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/product/img_key.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	height: 300px;
}

#key h1{
	width: 420px;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -210px;
	font-size: 180%;
	line-height: 130%;
}

#key h1 span{
	display: block;
	font-size: 60%;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 1000px;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/product/icon_arw.png) no-repeat right center;
}




/* #about
------------------------------------*/

#about{
	padding: 36px 0 100px;
}

#about h2{
	width: 274px;
	margin: 0 auto 28px;
}

#about h3.lead span{
	width: 324px;
	display: inline-block;
}

#about ul{
	width: 738px;
	margin: 0 auto;
}

#about ul li{
	width: 30%;
	float: left;
	margin-right: 4%;
}

#about ul li:last-child{ margin-right: 0; }





/* #
------------------------------------*/

#spa01{
	background: url(../../img/product/bg01.jpg) no-repeat left center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
	z-index: 1;
    height: 214px;
}

#spa02{
	background: url(../../img/product/bg02.jpg) no-repeat left top;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
	z-index: 1;
    height: 214px;
}




/* #can
------------------------------------*/

#can{ padding: 50px 0 46px; }

#can h2{
	width: 344px;
	margin: 0 auto 40px;
}

#can ul.box li{
	width: 28.8%;
	float: left;
	margin-right: 3.2%;
	padding: 3.4% 15.4% 2.6% 2.6%;
}

#can ul.box li:nth-child(1){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c01.png);
	background-repeat: no-repeat;
	background-position: left top,right 18px top 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(2){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c02.png);
	background-repeat: no-repeat;
	background-position: left top,right 22px top 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(3){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c03.png);
	background-repeat: no-repeat;
	background-position: left top,right 18px top 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(4){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c04.png);
	background-repeat: no-repeat;
	background-position: left top,right 18px top 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(2n){ margin-right: 0; }
#can ul.box li:nth-child(n+3){ margin-top: 20px; }

#can ul.box li h3{
	font-size: 140%;
	margin-bottom: 6px;	
}

#can .osusume h3{
	width: 566px;
	position: absolute;
	top: -42px;
	left: 50%;
	margin-left: -283px;
}

#can .osusume ul{
	width: 756px;
	margin: 0 auto;
	padding: 40px 80px 24px;
}

#can .osusume ul li{
	width: 224px;
	float: left;
	margin-right: 42px;
}

#can .osusume ul li:last-child{ margin-right: 0; }





/* #flow
------------------------------------*/

#flow{ padding: 60px 0 84px; }

#flow h2{
	width: 300px;
	margin: 0 auto 28px;
}

#flow .w_wrap{
	width: 948px;
	padding: 30px 26px;
	margin: 0 auto 30px;	
}

#flow .w_wrap .mains{
	width: 290px;
	float: left;
}

#flow .w_wrap .flbox{
	float: right;
	width: 646px;
}

#flow .w_wrap .flbox li{
	width: 46%;
	float: left;
	padding: 20px 3% 20px 1%;
}

#flow .w_wrap .flbox li:nth-child(2n){
	background: url(../../img/product/bd_dot01.png) repeat-y left top;
	padding: 20px 0 20px 4%;
}

#flow .w_wrap .flbox li:nth-child(n+3){
	background: url(../../img/product/bd_dot02.png) repeat-x left top;
}


#flow .w_wrap .flbox li:nth-child(4){
	background: url(../../img/product/bd_dot02.png),url(../../img/product/bd_dot01.png);
	background-position: left top;
	background-repeat: repeat-x,repeat-y;
	padding: 20px 0 20px 3%;
}

#flow .w_wrap .flbox li h3{
	background: url(../../img/product/pat_ordot.png) repeat left top;
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 2px 20px;
	font-size: 110%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 15px 0 12px;
	letter-spacing: 0.8px;
}


#flow .other{
	position: relative;
	margin: 60px 0 30px;
}

#flow .other .otwrap{
	width: 960px;
	margin: 0 auto;
	padding: 26px 20px 15px;
}

#flow .other h3{
	width: 200px;
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -100px;
}


#flow .other .otwrap li{
	width: 32.33%;
	float: left;
	margin-right: 1.5%;
}

#flow .other .otwrap li:nth-child(3n){
	margin-right: 0;
}

#flow .other .otwrap li h4{
	padding: 12px 20px;
	font-size: 130%;
}

.contwrap{ padding: 14px 11px; }

.bnr{
	width: 960px;
	margin: 0 auto;
}




/* #flow
------------------------------------*/

#flow{ padding: 60px 0 84px; }

#flow h2{
	width: 300px;
	margin: 0 auto 28px;
}



/* #fee
------------------------------------*/

#fee{ padding: 70px 0 60px; }

#fee h2{
	width: 432px;
	margin: 0 auto 40px;
}

#fee .white{
	padding: 26px 0;
	text-align: center;
}

#fee .case{
	width: 1000px;
	margin: 50px auto;
}

#fee .case .tab li{
	width: 43%;
	float: left;
	font-size: 120%;
}

#fee .case .tab li:nth-child(2n){
	float: right;
}

#fee .case .content > li{ padding: 30px; }

#fee .case .content table{
	width: 48%;
	float: left;
	margin-right: 4%;
}

#fee .case .content table:nth-child(2n){
	margin-right: 0;
}

#fee .case .content table tr{ border-bottom: 1px solid #d7d7d7; }
#fee .case .content table tr:last-child{ border-bottom: none; }

#fee .case .content table tr th,
#fee .case .content table tr td{
	vertical-align: middle;
}

#fee .case .content table tr th{
	padding: 10px;
	border-right: 1px solid #d7d7d7;
	font-weight: 700;
}

#fee .case .content table tr td{ padding: 10px 20px; }

.contactbox{
	display: table;
	width: 942px;
	margin: 0 auto;
	padding: 10px 20px;
}

.contactbox li{
	width: 538px;
	display: table-cell;
	vertical-align: middle;
}

.contactbox li:last-child{
	width: 410px;
	padding-left: 28px;
	background: url(../../img/product/bd_dot03.png) repeat-y left top;
}



/* ▲PC用================================================================== */
}


/* ■03.横幅768px以上、999px以下（Tab用）
--------------------------------------------------- */
@media screen and (min-width:768px) and (max-width:999px) {
/* ▼Tab用================================================================= */


.roundwrap{
	width: 94%;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/product/img_key.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	height: 300px;
}

#key h1{
	width: 420px;
	position: absolute;
	top: 160px;
	left: 50%;
	margin-left: -210px;
	font-size: 180%;
	line-height: 130%;
}

#key h1 span{
	display: block;
	font-size: 60%;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 94%;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/product/icon_arw.png) no-repeat right center;
}




/* #about
------------------------------------*/

#about{
	padding: 36px 0 100px;
}

#about h2{
	width: 274px;
	margin: 0 auto 28px;
}

#about h3.lead span{
	width: 324px;
	display: inline-block;
}

#about ul{
	width: 86%;
	margin: 0 auto;
}

#about ul li{
	width: 30%;
	float: left;
	margin-right: 4%;
}

#about ul li:last-child{ margin-right: 0; }





/* #
------------------------------------*/


#spa01{
	background: url(../../img/product/bg01.jpg) no-repeat top center;
    background-size: 100% auto;
	z-index: 1;
    height: 214px;
}

#spa02{
	background: url(../../img/product/bg02.jpg) no-repeat center center;
    background-size: 100% auto;
	z-index: 1;
    height: 214px;
}







/* #can
------------------------------------*/

#can{ padding: 50px 0 46px; }

#can h2{
	width: 344px;
	margin: 0 auto 40px;
}

#can ul.box li{
	width: 28.4%;
	float: left;
	margin-right: 2%;
	padding: 3.4% 18% 2.6% 2.6%;
}

#can ul.box li:nth-child(1){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c01.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(2){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c02.png);
	background-repeat: no-repeat;
	background-position: left top,right 14px bottom 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(3){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c03.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(4){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c04.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 40px;
	background-color: #fff;
}

#can ul.box li:nth-child(2n){ margin-right: 0; }
#can ul.box li:nth-child(n+3){ margin-top: 20px; }

#can ul.box li h3{
	font-size: 140%;
	margin-bottom: 6px;	
}

#can .osusume h3{
	width: 566px;
	position: absolute;
	top: -42px;
	left: 50%;
	margin-left: -283px;
}

#can .osusume ul{
	width: 82%;
	margin: 0 auto;
	padding: 40px 4% 24px;
}

#can .osusume ul li{
	width: 32%;
	float: left;
	margin-right: 2%;
}

#can .osusume ul li:last-child{ margin-right: 0; }





/* #flow
------------------------------------*/

#flow{ padding: 60px 0 84px; }

#flow h2{
	width: 300px;
	margin: 0 auto 28px;
}

#flow .w_wrap{
	width: 90%;
	padding: 30px 2%;
	margin: 0 auto 30px;	
}

#flow .w_wrap .mains{
	width: 32%;
	float: left;
}

#flow .w_wrap .flbox{
	float: right;
	width: 66%;
}

#flow .w_wrap .flbox li{
	width: 46%;
	float: left;
	padding: 20px 3% 20px 1%;
}

#flow .w_wrap .flbox li:nth-child(2n){
	background: url(../../img/product/bd_dot01.png) repeat-y left top;
	padding: 20px 0 20px 4%;
}

#flow .w_wrap .flbox li:nth-child(n+3){
	background: url(../../img/product/bd_dot02.png) repeat-x left top;
}


#flow .w_wrap .flbox li:nth-child(4){
	background: url(../../img/product/bd_dot02.png),url(../../img/product/bd_dot01.png);
	background-position: left top;
	background-repeat: repeat-x,repeat-y;
	padding: 20px 0 20px 3%;
}

#flow .w_wrap .flbox li h3{
	background: url(../../img/product/pat_ordot.png) repeat left top;
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 2px 20px;
	font-size: 110%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 15px 0 12px;
	letter-spacing: 0.8px;
}


#flow .other{
	position: relative;
	margin: 60px 0 30px;
}

#flow .other .otwrap{
	width: 90%;
	margin: 0 auto;
	padding: 26px 2% 15px;
}

#flow .other h3{
	width: 200px;
	position: absolute;
	top: -18px;
	left: 50%;
	margin-left: -100px;
}


#flow .other .otwrap li{
	width: 32.33%;
	float: left;
	margin-right: 1.5%;
}

#flow .other .otwrap li:nth-child(3n){
	margin-right: 0;
}

#flow .other .otwrap li h4{
	padding: 12px 20px;
	font-size: 130%;
}

.contwrap{ padding: 14px 11px; }

.bnr{
	width: 94%;
	margin: 0 auto;
}




/* #flow
------------------------------------*/

#flow{ padding: 60px 0 84px; }

#flow h2{
	width: 300px;
	margin: 0 auto 28px;
}



/* #fee
------------------------------------*/

#fee{ padding: 70px 0 60px; }

#fee h2{
	width: 432px;
	margin: 0 auto 40px;
}

#fee .white{
	padding: 26px 20px;
	text-align: center;
}

#fee .case{
	width: 94%;
	margin: 50px auto;
}

#fee .case .tab li{
	width: 43%;
	float: left;
	font-size: 120%;
}

#fee .case .tab li:nth-child(2n){
	float: right;
}

#fee .case .content > li{ padding: 30px; }

#fee .case .content table{
	width: 48%;
	float: left;
	margin-right: 4%;
}

#fee .case .content table:nth-child(2n){
	margin-right: 0;
}

#fee .case .content table tr{ border-bottom: 1px solid #d7d7d7; }
#fee .case .content table tr:last-child{ border-bottom: none; }

#fee .case .content table tr th,
#fee .case .content table tr td{
	vertical-align: middle;
}

#fee .case .content table tr th{
	padding: 10px;
	border-right: 1px solid #d7d7d7;
	font-weight: 700;
}

#fee .case .content table tr td{ padding: 10px 20px; }

.contactbox{
	display: table;
	width: 89.2%;
	margin: 0 auto;
	padding: 10px 2%;
}

.contactbox li{
	width: 52%;
	display: table-cell;
	vertical-align: middle;
}

.contactbox li:last-child{
	width: 41%;
	padding-left: 3%;
	background: url(../../img/product/bd_dot03.png) repeat-y left top;
}





/* ▲Tab用================================================================= */
}


/* ■04.横幅480px以上、767px以下（SP横用）
--------------------------------------------------- */
@media screen and (min-width:480px) and (max-width:767px) {
/* ▼SP横用================================================================ */


.roundwrap{
	width: 94%;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/product/img_key_sp.jpg) no-repeat center top;
	background-size: cover;
	position: relative;
	height: 240px;
}

#key .wrap{ padding-top: 110px; }
#key h1{
	width: 60%;
	margin: 0 auto;
	font-size: 180%;
}

#key h1 span{
	display: block;
	font-size: 60%;
	margin-top: 6px;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 94%;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/product/icon_arw.png) no-repeat right center;
}




/* #about
------------------------------------*/

#about{
	padding: 36px 0 60px;
}

#about h2{
	width: 274px;
	margin: 0 auto 28px;
}

#about .txt{ padding: 0 20px;}
#about .txt br{ display: none; }

#about h3.lead span{
	width: 280px;
	display: inline-block;
}

#about ul{
	width: 94%;
	margin: 0 auto;
}

#about ul li{
	width: 30%;
	float: left;
	margin-right: 4%;
}

#about ul li:last-child{ margin-right: 0; }





/* #
------------------------------------*/


#spa01{
	background: url(../../img/product/bg01.jpg) no-repeat top center;
    background-size: cover;
	z-index: 1;
    height: 180px;
}

#spa02{
	background: url(../../img/product/bg02.jpg) no-repeat center center;
    background-size: cover;
	z-index: 1;
    height: 180px;
}







/* #can
------------------------------------*/

#can{ padding: 50px 0 46px; }

#can h2{
	width: 344px;
	margin: 0 auto 40px;
}

#can ul.box li{
	padding: 26px 30% 24px 8%;
}

#can ul.box li:nth-child(1){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c01.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 10px;
	background-color: #fff;
}

#can ul.box li:nth-child(2){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c02.png);
	background-repeat: no-repeat;
	background-position: left top,right 14px bottom 10px;
	background-color: #fff;
}

#can ul.box li:nth-child(3){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c03.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 10px;
	background-color: #fff;
}

#can ul.box li:nth-child(4){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c04.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 10px;
	background-color: #fff;
}

#can ul.box li:nth-child(n+2){ margin-top: 20px; }

#can ul.box li h3{
	font-size: 140%;
	margin-bottom: 6px;	
}

#can .osusume{ margin-top: 60px; }
#can .osusume h3{
	width: 420px;
	position: absolute;
	top: -30px;
	left: 50%;
	margin-left: -210px;
}

#can .osusume ul{
	width: 82%;
	margin: 0 auto;
	padding: 40px 4% 24px;
}

#can .osusume ul li{
	width: 32%;
	float: left;
	margin-right: 2%;
}

#can .osusume ul li:last-child{ margin-right: 0; }





/* #flow
------------------------------------*/

#flow{ padding: 60px 0 84px; }

#flow h2{
	width: 300px;
	margin: 0 auto 28px;
}

#flow .w_wrap{
	width: 90%;
	padding: 30px 2%;
	margin: 0 auto 30px;	
}

#flow .w_wrap .mains{
	width: 80%;
	margin: 0 auto 20px;
}

#flow .w_wrap .flbox li{
	width: 46%;
	float: left;
	padding: 20px 3% 20px 1%;
}

#flow .w_wrap .flbox li:nth-child(2n){
	background: url(../../img/product/bd_dot01.png) repeat-y left top;
	padding: 20px 0 20px 4%;
}

#flow .w_wrap .flbox li:nth-child(n+3){
	background: url(../../img/product/bd_dot02.png) repeat-x left top;
}


#flow .w_wrap .flbox li:nth-child(4){
	background: url(../../img/product/bd_dot02.png),url(../../img/product/bd_dot01.png);
	background-position: left top;
	background-repeat: repeat-x,repeat-y;
	padding: 20px 0 20px 3%;
}

#flow .w_wrap .flbox li h3{
	background: url(../../img/product/pat_ordot.png) repeat left top;
	color: #fff;

	text-align: center;
	font-weight: 700;
	padding: 2px 20px;
	font-size: 110%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 15px 0 12px;
	letter-spacing: 0.8px;
}

#flow .other{
	position: relative;
	margin: 60px 0 30px;
}

#flow .other .otwrap{
	width: 90%;
	margin: 0 auto;
	padding: 26px 2% 15px;
}

#flow .other h3{
	width: 180px;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -90px;
}


#flow .other .otwrap li{
	width: 32.33%;
	float: left;
	margin-right: 1.5%;
}

#flow .other .otwrap li:nth-child(3n){
	margin-right: 0;
}

#flow .other .otwrap li h4{
	padding: 12px 20px;
	font-size: 130%;
}

.contwrap{ padding: 14px 11px; }

.bnr{
	width: 94%;
	margin: 0 auto;
}






/* #fee
------------------------------------*/

#fee{ padding: 70px 0 60px; }

#fee h2{
	width: 320px;
	margin: 0 auto 40px;
}

#fee .white{
	padding: 26px 20px;
	text-align: center;
}

#fee .case{
	width: 94%;
	margin: 50px auto;
}

#fee .case .tab li{
	width: 43%;
	float: left;
	font-size: 120%;
}

#fee .case .tab li:nth-child(2n){
	float: right;
}

#fee .case .content > li{ padding: 30px; }

#fee .case .content table{
	width: 48%;
	float: left;
	margin-right: 4%;
}

#fee .case .content table:nth-child(2n){
	margin-right: 0;
}

#fee .case .content table tr{ border-bottom: 1px solid #d7d7d7; }
#fee .case .content table tr:last-child{ border-bottom: none; }

#fee .case .content table tr th,
#fee .case .content table tr td{
	vertical-align: middle;
}

#fee .case .content table tr th{
	padding: 10px;
	border-right: 1px solid #d7d7d7;
	font-weight: 700;
}

#fee .case .content table tr td{ padding: 10px 20px; }

.contactbox{
	display: table;
	width: 89.2%;
	margin: 0 auto;
	padding: 10px 2%;
}

.contactbox li{
	width: 52%;
	display: table-cell;
	vertical-align: middle;
}

.contactbox li:last-child{
	width: 41%;
	padding-left: 3%;
	background: url(../../img/product/bd_dot03.png) repeat-y left top;
}



/* ▲SP横用================================================================ */
}


/* ■05.横幅479px以下（SP縦用）
--------------------------------------------------- */
@media screen and (min-width:0px) and (max-width:479px) {
/* ▼SP縦用================================================================ */


.roundwrap{
	width: 94%;
	margin: 0 auto;
}




/* #key
------------------------------------*/

#key{
	width: 100%;
	background: url(../../img/product/img_key_sp.jpg) no-repeat left -80px top;
	background-size: cover;
	position: relative;
	height: 260px;
}

#key .wrap{ padding-top: 110px; }
#key h1{
	width: 60%;
	margin: 0 auto;
	font-size: 180%;
}

#key h1 span{
	display: block;
	font-size: 60%;
	margin-top: 6px;
}



/* #bread
------------------------------------*/

#bread ul{
	width: 94%;
	margin: 0 auto;	
}

#bread ul li{
	float: left;
}

#bread ul li a{
	display: inline-block;
	padding-right: 16px;
	margin-right: 10px;
	background: url(../../img/product/icon_arw.png) no-repeat right center;
}




/* #about
------------------------------------*/

#about{
	padding: 36px 0 60px;
}

#about h2{
	width: 240px;
	margin: 0 auto 28px;
}

#about .txt{ padding: 0 20px;}
#about .txt br{ display: none; }

#about h3.lead span{
	width: 250px;
	display: inline-block;
}

#about ul{
	width: 94%;
	margin: 0 auto;
}

#about ul li{
	width: 32.3%;
	float: left;
	margin-right: 1.5%;
}

#about ul li:nth-child(3n){ margin-right: 0; }





/* #
------------------------------------*/


#spa01{
	background: url(../../img/product/bg01.jpg) no-repeat top center;
    background-size: cover;
	z-index: 1;
    height: 180px;
}

#spa02{
	background: url(../../img/product/bg02.jpg) no-repeat center center;
    background-size: cover;
	z-index: 1;
    height: 180px;
}







/* #can
------------------------------------*/

#can{ padding: 50px 0 46px; }

#can h2{
	width: 280px;
	margin: 0 auto 40px;
}

#can ul.box li{
	padding: 26px 40% 24px 8%;
}

#can ul.box li:nth-child(1){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c01.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 30px;
	background-color: #fff;
}

#can ul.box li:nth-child(2){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c02.png);
	background-repeat: no-repeat;
	background-position: left top,right 14px bottom 30px;
	background-color: #fff;
}

#can ul.box li:nth-child(3){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c03.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 30px;
	background-color: #fff;
}

#can ul.box li:nth-child(4){
	background: url(../../img/product/con_or.png),url(../../img/product/icon_c04.png);
	background-repeat: no-repeat;
	background-position: left top,right 10px bottom 30px;
	background-color: #fff;
}

#can ul.box li:nth-child(n+2){ margin-top: 10px; }

#can ul.box li h3{
	font-size: 140%;
	margin-bottom: 6px;	
}

#can .osusume{ margin-top: 50px; }
#can .osusume h3{
	width: 320px;
	position: absolute;
	top: -22px;
	left: 50%;
	margin-left: -160px;
}

#can .osusume ul{
	width: 88%;
	margin: 0 auto;
	padding: 40px 2% 24px;
}

#can .osusume ul li{
	width: 32%;
	float: left;
	margin-right: 2%;
}

#can .osusume ul li:last-child{ margin-right: 0; }





/* #flow
------------------------------------*/

#flow{ padding: 45px 0 54px; }

#flow h2{
	width: 250px;
	margin: 0 auto 28px;
}

#flow .w_wrap{
	width: 88%;
	padding: 30px 4%;
	margin: 0 auto 30px;	
}

#flow .w_wrap .mains{
	margin: 0 0 20px;
}

#flow .w_wrap .flbox li{
	padding: 20px 3% 20px 1%;
}

#flow .w_wrap .flbox li{
	background: url(../../img/product/bd_dot02.png) repeat-x left bottom;
	padding-bottom: 20px;
}

#flow .w_wrap .flbox li:last-child{
	background: none;
	padding-bottom: 0;
}

#flow .w_wrap .flbox li h3{
	background: url(../../img/product/pat_ordot.png) repeat left top;
	color: #fff;
	text-align: center;
	font-weight: 700;
	padding: 2px 20px;
	font-size: 110%;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	margin: 15px 0 12px;
	letter-spacing: 0.8px;
}

#flow .w_wrap .flbox li .img{
	width: 90%;
	margin: 0 auto;
}


#flow .other{
	position: relative;
	margin: 60px 0 30px;
}

#flow .other .otwrap{
	width: 88%;
	margin: 0 auto;
	padding: 26px 4% 15px;
}

#flow .other .otwrap li{ margin-bottom: 15px; }

#flow .other h3{
	width: 180px;
	position: absolute;
	top: -15px;
	left: 50%;
	margin-left: -90px;
}

#flow .other .oimg{
	width: 80%;
	margin: 0 auto 20px;
}

#flow .other .otwrap li h4{
	padding: 12px 20px;
	font-size: 120%;
}

.contwrap{ padding: 14px 11px 20px; }

.bnr{
	width: 96%;
	margin: 0 auto;
}




/* #fee
------------------------------------*/

#fee{ padding: 50px 0 50px; }

#fee h2{
	width: 280px;
	margin: 0 auto 30px;
}

#fee .white{
	padding: 20px 24px;
	text-align: center;
}

#fee .case{
	width: 94%;
	margin: 50px auto;
}

#fee .case .tab li{
	width: 43%;
	float: left;
	font-size: 100%;
}

#fee .case .tab li:nth-child(2n){
	float: right;
}

#fee .case .content > li{ padding: 20px 10px; }

#fee .case .content table:last-child{
	border-top: 1px solid #d7d7d7;
}

#fee .case .content table tr{ border-bottom: 1px solid #d7d7d7; }
#fee .case .content table tr:last-child{ border-bottom: none; }

#fee .case .content table tr th,
#fee .case .content table tr td{
	vertical-align: middle;
}

#fee .case .content table tr th{
	padding: 10px;
	width: 36%;
	border-right: 1px solid #d7d7d7;
	font-weight: 700;
}

#fee .case .content table tr td{ padding: 10px 20px; }

.contactbox{
	width: 89.2%;
	margin: 0 auto;
	padding: 10px 2%;
}

.contactbox li:last-child{
	background: url(../../img/product/bd_dot02.png) repeat-x left top;
	padding-top: 14px;
	margin-top: 14px;
}




/* ▲SP縦用================================================================ */
}