img {
    width: 100%;
    display: block;
	vertical-align:top;
}
.positioningBase{
    position: relative;
}
/* ↓ ユニーク ↓ */

.positioningBase .btn01 {
    position: absolute;
    width: 37%;
	height: 100%;
    left: 5.86%;
    top: 0;
}
.positioningBase .btn02 {
    position: absolute;
    width: 37%;
    left: 32.53%;
    top: 0;
}



#save_soap { /* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/ /* change colours to suit your needs */ /* change colours to suit your needs */ /* change border colour to suit your needs */ background-color: #daf6fd; }
#save_soap html, #save_soap body, #save_soap div, #save_soap span, #save_soap object, #save_soap iframe, #save_soap h1, #save_soap h2, #save_soap h3, #save_soap h4, #save_soap h5, #save_soap h6, #save_soap p, #save_soap blockquote, #save_soap pre, #save_soap abbr, #save_soap address, #save_soap cite, #save_soap code, #save_soap del, #save_soap dfn, #save_soap em, #save_soap img, #save_soap ins, #save_soap kbd, #save_soap q, #save_soap samp, #save_soap small, #save_soap strong, #save_soap sub, #save_soap sup, #save_soap var, #save_soap b, #save_soap i, #save_soap dl, #save_soap dt, #save_soap dd, #save_soap ol, #save_soap ul, #save_soap li, #save_soap fieldset, #save_soap form, #save_soap label, #save_soap legend, #save_soap table, #save_soap caption, #save_soap tbody, #save_soap tfoot, #save_soap thead, #save_soap tr, #save_soap th, #save_soap td, #save_soap article, #save_soap aside, #save_soap canvas, #save_soap details, #save_soap figcaption, #save_soap figure, #save_soap footer, #save_soap header, #save_soap hgroup, #save_soap menu, #save_soap nav, #save_soap section, #save_soap summary, #save_soap time, #save_soap mark, #save_soap audio, #save_soap video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
#save_soap body { line-height: 1; }
#save_soap article, #save_soap aside, #save_soap details, #save_soap figcaption, #save_soap figure, #save_soap footer, #save_soap header, #save_soap hgroup, #save_soap menu, #save_soap nav, #save_soap section { display: block; }
#save_soap nav ul { list-style: none; }
#save_soap blockquote, #save_soap q { quotes: none; }
#save_soap blockquote:before, #save_soap blockquote:after, #save_soap q:before, #save_soap q:after { content: ''; content: none; }
#save_soap a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
#save_soap ins { background-color: #ff9; color: #000; text-decoration: none; }
#save_soap mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
#save_soap del { text-decoration: line-through; }
#save_soap abbr[title], #save_soap dfn[title] { border-bottom: 1px dotted; cursor: help; }
#save_soap table { border-collapse: collapse; border-spacing: 0; }
#save_soap hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }
#save_soap input, #save_soap select { vertical-align: middle; }
#save_soap p, #save_soap li { line-height: 1.76; font-size: 100%; }
#save_soap img { width: 100%; display: block; }
#save_soap a { opacity: 1; }
#save_soap a:hover { opacity: 0.8; }
#save_soap sup { font-size: 10px; vertical-align: top; }
#save_soap .cmn__wrap { padding: 0 3.125%; }
#save_soap .column__wrap { overflow: hidden; }
#save_soap .prd1 .prd1__inner { background: url(prd1__img.png) no-repeat; background-position: center top; background-size: 95% auto; padding: 31% 0 5%; }
#save_soap .prd1 .prd1__btn { width: 46.6%; margin-left: 3%; display: inline-block; }
#save_soap .prd2 .clm_l img { display: block; }
#save_soap .prd2 .clm_r { position: relative; background-size: 100% auto; background-position: left top; }
#save_soap .prd2 .clm_r img { display: block; }
#save_soap .prd2 .prd2_btn { position: absolute; width: 28%; }
#save_soap .prd2 .prd2_btn.btn1 { top: 40%; left: 4%; }
#save_soap .prd2 .prd2_btn.btn2 { top: 40%; left: 36%; }
#save_soap .prd2 .prd2_btn.btn3 { top: 40%; left: 68%; }
#save_soap .prd2 .prd2_btn.btn4 { top: 84%; left: 16%; }
#save_soap .prd2 .prd2_btn.btn5 { top: 84%; left: 57%; }
#save_soap .prd2__inner { padding: 0 3.125% 3.125%; text-align: center; background-color: #fff; }
#save_soap .about__txt { padding: 0 0 10% 42%; font-weight: bold; font-size: 1.2em; line-height: 1.8; background: url(about__img.png) no-repeat; background-size: 40% auto; }
#save_soap .about__txt small { font-size: 80%; }
#save_soap .project__txt { font-weight: bold; font-size: 108%; line-height: 1.8; text-align: left; padding: 0 3.125%; }
#save_soap .project__step .column { width: 33%; }
#save_soap .project__step .column:last-child { width: 34%; }
#save_soap .project__message { padding: 0; margin: 0 -3.2%; }
#save_soap .future .future__inner1 { padding: 0 3.125%; background: url(future__bg1.jpg) no-repeat; background-size: cover; }
#save_soap .future .future__inner2 { padding: 0 3.125% 3.125%; background: url(future__bg2.jpg) no-repeat; background-size: cover; }
#save_soap .future__txt { font-weight: bold; font-size: 108%; line-height: 1.8; text-align: left; padding: 0 3.125% 8%; color: #fff; }
#save_soap .future__txt small { font-size: 80%; }
#save_soap .future .future__inner2 .prd1 { padding: 0; margin-bottom: 3.125%; position: relative; }
#save_soap .future .future__inner2 .prd1 .prd1__btn { margin: 0 auto; display: block; }
#save_soap .future .future__inner2 .prd1 .prd1__btn_wrap { width: 100%; position: absolute; top: 75%; left: 0; }
#save_soap .future .future__inner2 .prd1 .column__wrap { background-color: rgba(255, 255, 255, 0.85); }
#save_soap .future .future__inner2 .prd2 { padding: 0; }
#save_soap .future .future__inner2 .prd2__inner { background-color: rgba(255, 255, 255, 0.85); }
#save_soap .future .future__inner2 .prd2 .column__wrap { padding: 0; }
#save_soap .good strong { color: #24aed2; }
#save_soap .good__txt { font-size: 108%; line-height: 1.8; }
#save_soap .good__point1 { font-weight: bold; background: url(good__point1_img.png) no-repeat; background-size: 100% auto; background-position: right 35%; }
#save_soap .good__point1 .good__txt { padding: 68% 3.125% 0; }
#save_soap .good__point1 small { font-size: 80%; }
#save_soap .good__point2 { font-weight: bold; background: url(good__point2_img.png) no-repeat; background-size: 100% auto; background-position: right 31%; }
#save_soap .good__point2 .good__txt { padding: 76% 3.125% 0; }
#save_soap .good__point2 ul { font-size: 80%; }
#save_soap .good__point2 .good__list { padding: 6% 3.125% 0; }
#save_soap .good__point3 { font-weight: bold; background: url(good__point3_img.png) no-repeat; background-size: 100% auto; background-position: right 45%; }
#save_soap .good__point3 .good__txt { padding: 73% 3.125% 5%; }
#save_soap .last { padding-bottom: 3.125%; }
#save_soap .last.prd1 { position: relative; margin-bottom: 3.125%; }
#save_soap .last.prd1 .column__wrap { padding: 0 3.125%; }
#save_soap .last.prd1 .prd1__btn { margin: 0 auto; display: block; }
#save_soap .last.prd1 .prd1__btn_wrap { width: 100%; position: absolute; top: 75%; left: 0; }
#save_soap .last.prd1 .column__wrap { background-color: #fff; }
#save_soap .last.prd2 .column__wrap { background-color: #fff; }
#save_soap .last.prd2 .prd2__inner { padding-bottom: 0; }




/* ↑ ユニーク ↑ */
/*  */
@media all and (min-width: 641px) {
	.wrap .contents .section-main{max-width: 750px;}
}
/*  */
/*  */
@media all and (min-width: 641px) and (max-width: 1440px) {

}
/*  */
/*  */
@media screen and (max-width: 640px) {


}
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */
/*  */