@charset "UTF-8";
/*--------------------------------
clearfix
---------------------------------*/
.konpou-service:before,
.konpou-service:after,
.konpou li:before,
.konpou li:after,
.lawBody #contents section ul li:before,
.lawBody #contents section ul li:after,
.select-wrap:before,
.select-wrap:after,
.planBody #contents section ol li:before,
.planBody #contents section ol li:after,
.imgarea:before,
.imgarea:after,
.input-list li:before,
.input-list li:after,
footer .f-nav:before,
footer .f-nav:after,
#contents section:before,
#contents section:after,
.cf:before,
.cf:after { content: ""; display: table;}


.konpou-service:after,
.konpou li:after,
.lawBody #contents section ul li:after,
.select-wrap:after,
.planBody #contents section ol li:after,
.imgarea:after,
.input-list li:after,
footer .f-nav:after,
#contents section:after,
.cf:after { clear: both;}


.konpou-service,
.konpou li,
.lawBody #contents section ul li,
.select-wrap,
.planBody #contents section ol li,
.imgarea,
.input-list li,
footer .f-nav,
#contents section,
.cf {zoom: 1;}


/*--------------------------------
初期設定
---------------------------------*/
html{ font-size:62.5%;  -ms-text-size-adjust: 100%;  -webkit-text-size-adjust: 100%; } /* 1.6rem=16px */
body{ width:100%; color:#333; background:#fff; font-family:  "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif; line-height:1;word-break: break-all;}
a:hover{ text-decoration:none; opacity:.7 }

img { max-width: 100%;  height: auto;}

h1,h2,h3,h4,h5,h6,p,li,li li,div{ font-size:16px;font-size:1.6rem;}


/*--------------------------------
header
---------------------------------*/
#header { position:relative; background:#09288b}
#header h1{ width:170px;height:auto; padding:15px 10px; box-sizing:border-box }
#header h1 a{ display:inline-block; color:#fff; text-decoration:none}
#header h1 span{ display:block; margin-top:5px; font-size:1rem; font-weight:normal}
#header h1 img{ width:140px;}

.utilityNav{ position:absolute; text-align:right; right:10px; top:22px}
.utilityNav li{ display:inline;}
.utilityNav li img{ height:17px; width:auto}
#header .gnav ul li a.hover{opacity:1 }
#mainNavi{
		display:block;
		width:100%;
		z-index:100000;	background:#fff;

	}
	/*active付与時*/
	#mainNavi.active{
		display:block;
		position:fixed;
		top:0;
		left:0;background:url(../img/nav_bg.png)
	}




/*--------------------------------
#contents
---------------------------------*/
#contents{ position:relative ;padding-bottom: 40px;}
#contents section h2{ position:relative; padding:20px 10px; color:#0b2d8a; font-size:1.8rem}
#contents section h3{ padding:20px 10px; color:#0b2d8a;font-size:1.8rem}
.indexBody #contents .qa section h3{ padding:15px; font-weight:normal; text-align:center;background:#b3b3b3; color:#fff}

.indexBody #contents section h2{ padding-left:50px; background:url(../img/icon1.png) 0px 25px no-repeat; background-size:40px auto}
.indexBody #contents section h2.title-plan{ padding-left:50px; background: url(../img/coin2.png) 0px center no-repeat; background-size:40px auto}
.indexBody #contents .qa section h2{ padding-left:50px; background: url(../img/qa.png) 5px center no-repeat; background-size:40px auto}

.aboutBody #contents section h2{ padding-left:60px; background:url(../img/icon1.png) 10px center no-repeat; background-size:40px auto}
.flowBody #contents section h2{ padding-left:60px; background:url(../img/icon2.png) 10px center no-repeat; background-size:40px auto}
.shoppingBody #contents section h2{ padding-left:60px; background:url(../img/icon3.png) 10px center no-repeat; background-size:40px auto}
.planBody #contents section h2{ padding-left:60px; background:url(../img/icon3.png) -30px 5px no-repeat; background-size:80px auto}
.guideBody #contents section h2{ padding-left:45px; background:url(../img/icon10.png) -10px 8px no-repeat; background-size:50px auto}
.disposalBody #contents section h2{ padding-left:60px; background:url(../img/icon5.png) 10px center no-repeat; background-size:40px auto}
.contactBody #contents section h2{ padding-left:60px; background:url(../img/icon6.png) 10px center no-repeat; background-size:40px auto}
.mypageBody #contents section h2{ padding-left:60px; background:url(../img/icon7.png) 10px center no-repeat; background-size:40px auto}
.registrationBody #contents section h2{ padding-left:60px; background:url(../img/icon8.png) 10px center no-repeat; background-size:40px auto}
.loginBody #contents section h2{ padding-left:60px; background:url(../img/icon9.png) 10px center no-repeat; background-size:40px auto}

.aboutBody .gnav ul li:nth-child(1) a img,
.flowBody .gnav ul li:nth-child(2) a img,
.shoppingBody .gnav ul li:nth-child(3) a img,
.disposalBody .gnav ul li:nth-child(4) a img,
.guideBody .gnav ul li:nth-child(5) a img
{ margin-top:2px; box-sizing:border-box; border-bottom:5px solid #09288b}

.onedayBody #contents section h2{ padding-left:60px; background:url(../img/icon11.png) -30px 5px no-repeat; background-size:80px auto}



#contents section h2 span{ display:block; font-size:1.2rem; font-weight:normal; text-align:left; line-height:1.6}

.indexBody #contents section.plancheck{ padding:10px; text-align:center; box-sizing:border-box}
.indexBody #contents section.plancheck h2{ padding-left:0; padding-bottom:10px; background:none; font-size:2rem}
.indexBody #contents section.plancheck p{ line-height:1.6}
.indexBody .flap{ display:inline-block}
.indexBody #contents section.about h3{ padding:0}
.indexBody #contents section.about .planshub{}
.indexBody #contents section.about .planshub a img{ width:50%; height:auto}



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

/* パンくず */
.crumb{ margin:10px 0 10px 10px; padding:0 0　7px; }
.crumb li{ display:inline; font-size:10px; font-size:1rem;}
.crumb li a{ color:#999; }
.crumb li:last-child{ font-weight:bold}

/* STEP */

/* お知らせ */
.newsData p,
.newsData .newsIMG{ margin-bottom:10px;}
.newsData .newsIMG{text-align:center}
 .timeData{ text-align:right; color:#333; font-size:11px; font-size:1.1rem; margin-top:-10px }

/*--------------------------------
.indexBody
---------------------------------*/
.indexBody #contents section div.title-wrap + p{ padding-bottom:40px; font-size:1.8rem; text-align:left}
.indexBody .bg_g{ background:#f6f6f6; padding:10px ; box-sizing:border-box}
.indexBody .about p{ line-height:1.4}
.indexBody .about p .point{ display:block; padding:10px 0; font-weight:bold;  font-size:2.6rem;}
.blie{ margin-bottom:10px; font-weight:bold;  color:#09288b;line-height:1.8; font-size:1.8rem}
.bestprice{ padding:5px 0 5px 40px; background:url(../img/coin.png) left center no-repeat; background-size:30px auto; color:#c1272d; font-size:1.8rem; font-weight:bold}
.indexBody .about p.flowBtn{ margin:0;text-align:center; font-size:1.8rem; }
.indexBody .about li img{ margin-bottom:15px;}
.indexBody .about li{ margin-bottom:40px;}
.indexBody #contents .plan-list{ display:table; padding:10px; text-align:center}
.indexBody #contents .plan-list li{ display:inline-block; padding-right:10px; padding-bottom:20px; width:100%}
.indexBody #contents .plan-list li:nth-child(2n){ padding-right:0}
.indexBody #contents .plan-list li a:hover{ opacity:1}

.indexBody #contents .qa{ background:#fffae2;}
.indexBody .qa dl{ background:#fff; border-bottom:1px solid #cfcfcf}
.indexBody .qa dl dt{ padding:15px 15px 10px 60px; line-height:1.4; background:url(../img/q.png) 20px 8px no-repeat; background-size:30px auto; color:#09288b; font-size:1.8rem; border-top:1px solid #cfcfcf}
.indexBody .qa dl dd{padding-left:60px; padding-bottom:15px;}
.indexBody .qa dl dt + dd{  padding:10px 15px 15px 60px; background:url(../img/a.png) 20px 5px no-repeat; background-size:30px auto; color:#851515; font-size:1.8rem}
.indexBody .qa .go-qa a{ display:block; padding:20px 15px;text-align:right; color:#757575;}


/*--------------------------------
.inputBody
---------------------------------*/

.inputBody .flow{ padding:0 10px;text-align:center}
.inputBody #contents section h2{ display:inline-block; text-align:center; border-bottom:none}
.inputBody .select{ background:none}
.inputBody .table01{ margin-bottom:30px}
.inputBody .select li{ margin-bottom:10px;}
.input-list{ padding:10px}
.input-list input{ width:100%; padding:10px;font-size: 1.6rem;}
.input-list .input-left{ margin-bottom:5px; font-size:1.6rem}
.required{ padding:10px;}
.required1:after{content: "※"; color:#851515  }
.input-list li{ margin-bottom:20px;}
.input-list li select{ font-size:1.6rem; height:40px}
.gray{ color:#999; font-size:1.2rem; margin-top:5px}
.postal input{ width:50% }
.postalcode a{ display:inline-block; margin-left:10px; padding:12px; font-size:1.8rem; background:#000; color:#fff; text-decoration:none}
.inputBody .input-list .select{ text-align:left; padding:0}
.input-list .select input[type="radio"] + label{ width:120px; margin-bottom:10px;padding-left:30px; font-size:1.6rem}
.input-list .select div{ font-size:1.6rem; line-height:1.6; margin-top:10px}
.confirmationBody .input-list li{ border-bottom:1px solid #000; padding:0 0 10px; line-height:1.6}
.inputBody .select input[type="radio"] + label, .inputBody .select input[type="checkbox"] + label{ font-size:1.6rem}
.topline{ border-top:1px solid #000; }
.topline p{ padding:40px 10px 20px}
.confirmationBody .input-list .input-left{ margin-bottom:0}
.confirmationBody .input-list li{ margin-bottom:10px;}
.thanks{ margin:20px 0 40px; text-align:center; line-height:1.6;}
#contents section .if{ text-align:center}
#contents section .if h3{ width:90%; display: inline-block; text-align:center; font-size:1.8rem; color:#851515;
padding:15px 0;}
.arrow_box2 {
	position: relative;
	background: #fff;
	border: 1px solid #851515;
}
.arrow_box2:after, .arrow_box2:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box2:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #fff;
	border-width: 20px;
	margin-left: -20px;
}
.arrow_box2:before {
	border-color: rgba(133, 21, 21, 0);
	border-top-color: #851515;
	border-width: 21px;
	margin-left: -21px;
}
#contents section .if ul{margin-bottom: 40px; margin-top:-20px; text-align:left; background:#f7f7f7; padding:50px 10px 10px; box-sizing:border-box}
#contents section .if ul li{ padding-bottom:10px; line-height:1.4}
#contents section .if ul li span{ display:inline-block}
.cart-contact{ margin-top:-20px; text-align:left; background:#f7f7f7; padding:25px 10px 30px; box-sizing:border-box}
.cart-contact p{ text-align:center; padding:20px 0; line-height:1.4}
.howtocontact{width:96%;margin: 0 auto; border:1px solid #3e3a39}
#contents section .if .howtocontact ul{ margin-bottom:20px; padding-top:20px; text-align:center}
#contents section .if .howtocontact ul li{ display:block; width:100%}
ol{
counter-reset:number; /* 名前を付けたカウンターをリセット */
list-style:none; /* olが数字を付けることをキャンセル */
margin:0;
padding:0;
}
ol li{ padding-bottom:10px;　
/* リスト部分は好きに装飾！ */
}
.thanksBody ol li:before{    counter-increment: number;
    content: counter(number);
    background: #fff;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    border-radius: 50%;
    color: #000;
	border:1px solid #000; line-height:1.2; margin-right:10px;

}
.kouza{ text-align:center; color:#444444; padding:10px; background:#d5d5d5; margin-bottom:10px}
.thanksBody ol{ padding:10px;}
.thanksBody ol li a{ color:#3fa9f5;}
/*--------------------------------
.planBody
---------------------------------*/
.planBody #contents section section{ margin:5px 5px 0;border:3px solid #2977cc; box-sizing:border-box;text-align:center;}
.planBody #contents section section h3{ font-size:3rem; font-weight:normal; text-align:center; line-height:1.2; color:#2977cc}
.planBody #contents section section h3 span{ color:#424242}
.planBody #contents section section h3 span.sub-title{  font-size:1.8rem;display:block;color:#2977cc; font-weight:bold}
.planBody #contents section section h3 + p{ font-size:1.4rem; padding:0 20px; line-height:1.4}
.planBody #contents section section ul{ padding:15px 15px 30px;}
.planBody #contents section section .plan-right .select{ padding:0}
.planBody #contents section section .select:nth-child(2){ padding-top:10px;}
.planBody #contents section section .select select{ width:100%; height:40px;font-size: 1.6rem;}
.planBody #contents section section .next{ display:block}
.planBody #contents section section .precart{ display:block; border:4px solid #c4c2c2; color:#868b8c;padding: 15px 20px;font-size: 1.6rem;}
.planBody #contents section section dl{ padding:15px; margin-bottom:20px;}
.planBody #contents section section .plan-right dl{ margin-bottom:0}
.planBody #contents section section dt{width : 100px;float : left;  clear : both; margin-top:8px; padding-bottom:15px;}
.planBody #contents section section dd{ position:relative;width :auto;text-align:left; font-size:2.4rem;  margin-left : 110px;padding-bottom:15px; }
.planBody #contents section section dd span{ font-size:1.6rem;}
.planBody #contents section section dd .red{ position:absolute; width:60px; margin-top:5px; padding:5px 0; font-size:1.2rem; text-align:center; right:0; color:#fff; background:#b50000}
.planBody #contents section section .note,.planBody #contents section section .note2,.planBody #contents section section .note2-2{ color:#5a5a5a}
.planBody #contents section section .note li,.planBody #contents section section .note2 li,.planBody #contents section section .note2-2 li{ text-align:left; font-size:1.2rem; line-height:1.4; }
.planBody #contents section section .note2 li:nth-child(1):before{content: "※1.";padding-right: 5px;}
.planBody #contents section section .note2 li:nth-child(2):before{content: "※2.";padding-right: 5px;}
.planBody #contents section section .note2 li:nth-child(3):before{content: "※3.";padding-right: 5px;}
.planBody #contents section section .note2 li:nth-child(4):before{content: "※";padding-right: 5px;}
.planBody #contents section section .note2-2 li:nth-child(1):before{content: "※1.";padding-right: 5px;}
.planBody #contents section section .note2-2 li:nth-child(2):before{content: "※2.";padding-right: 5px;}
.planBody #contents section section .note2-2 li:nth-child(3):before{content: "※3.";padding-right: 5px;}
.planBody #contents section section .note2-2 li:nth-child(4):before{content: "※4.";padding-right: 5px;}
.planBody #contents section section .note li:nth-child(2):before,
.planBody #contents section section .note li:nth-child(3):before,
.planBody #contents section section .note li:nth-child(4):before,
.planBody #contents section section .note li:nth-child(5):before{content: "*";padding-right: 5px;}
.planBody #contents section section .note li:nth-child(6):before{content: "※1.";padding-right: 5px;}
.planBody #contents section section .note li:nth-child(7):before{content: "※2.";padding-right: 5px;}
.planBody #contents section section .long li:nth-child(2):before,
.planBody #contents section section .long li:nth-child(3):before,
.planBody #contents section section .long li:nth-child(4):before{content: "*";padding-right: 5px;}
.planBody #contents section section .long li:nth-child(5):before{content: "※1.";padding-right: 5px;}
.planBody #contents section section .long li:nth-child(6):before{content: "※2.";padding-right: 5px;}

.planBody #contents section section.plan3 .long li:nth-child(2):before,
.planBody #contents section section.plan3 .long li:nth-child(3):before,
.planBody #contents section section.plan3 .long li:nth-child(4):before{content: "*";padding-right: 5px;}
.planBody #contents section section.plan3 .long li:nth-child(5):before{content: "*";padding-right: 5px;}
.planBody #contents section section.plan3 .long li:nth-child(6):before{content: "※1.";padding-right: 5px;}
.planBody #contents section section.plan3 .long li:nth-child(7):before{content: "※2.";padding-right: 5px;}
.planBody #contents section section.plan3 .long li:nth-child(8):before{content: "※";padding-right: 5px;}
.planBody #contents section section.plan3 .long li:nth-child(9):before{content: "※";padding-right: 5px;}



.planBody #contents section ol li {border-bottom: 3px solid #cfcfcf;}
.planBody #contents section section h4{ text-align:center; margin-top:40px; padding:10px; color:#fff; background:#b3b3b3; line-height:1.6}
.planBody #contents section section h4 + p{ padding:10px; line-height:1.4}
.planBody #contents section section img{ padding:15px 15px 0; box-sizing:border-box}
.planBody #contents section section img + p{ padding:10px; line-height:1.4}
.planBody #contents section .planoption{ margin-top:-5px; margin-bottom:20px;padding: 0 15px; vertical-align:top}
.planBody #contents section .planoption2{ margin-top:-25px;margin-bottom:20px;padding: 0 15px; vertical-align:top}
.planBody #contents section .planoption3{ margin-top:-20px;margin-bottom:20px;padding: 0 15px; vertical-align:top}
.flowBtn{ margin:15px;text-align: right;}
.flowBtn a{  display:inline-block; padding:10px 30px 10px; line-height:1.4; text-decoration:none; color:#bae0fb; border:2px solid #bae0fb; box-sizing:border-box; background:#3fa9f5 url(../plan/img/img06.png) right center no-repeat; background-size:20px auto}
.flowBtn a:hover{ color:#3fa9f5; background:#fff url(../plan/img/img07.png) right center no-repeat; background-size:20px auto; border:2px solid #3fa9f5; opacity:1}
.planBody #contents section #flowL + div{ padding-top:0; margin-top:-20px}

.planBody #contents section section .select p.qc{ margin-top:5px; text-align:right; font-size:1.6rem; }
.planBody #contents section section .select p.qc a{ color:#09288b}
.planBody #contents section section.plan2{ border-color:#09288b}
.planBody #contents section section.plan3{ border-color:#22b573}

.planBody #contents section section.plan2 h3,
.planBody #contents section section h3 span.sub-title2{color:#09288b }
.planBody .plantext{ padding-top:30px; color:#424242; text-align: center}
.planBody #contents section h2.plantitle{ padding-left:80px; background:url(../img/icon2.png) -10px 5px no-repeat;background-size: 80px auto;}
.planBody #contents section ol{ padding:15px;}
.planBody #contents section ol li{ margin-bottom:20px;padding-bottom: 20px; line-height:1.4; text-align:left}
.planBody #contents section ol li::before {content:none}
.spnav{ margin:0 0 20px 10px;}
.spnav li{ display:inline-block; margin-bottom:5px; font-size:1.2rem}
.spnav li a{ display:block; padding:10px 5px; background:#3f8cf5; color:#fff; text-decoration:none}
.planBody #contents .select-wrap p.center{ text-align:left}
	img[usemap] {
		border: none;
		height: auto;
		max-width: 100%;
		width: auto;
	}


/*--------------------------------
.onedayBody
---------------------------------*/
.onedayBody #contents section section{ border:3px solid #f15a24;}
.onedayBody #contents section section dd .b-wrap{ position:absolute; width:80px; margin-top:5px; padding:5px 0; font-size:1.2rem; text-align:center; right:0; border:1px solid #000  }
.onedayBody #contents section section .note li:before{content: "*" !important;padding-right: 5px;}
.onedayBody #contents section section .note li:nth-child(3):before{content: "※1." !important;padding-right: 5px;}
.onedayBody #contents section section .note li:nth-child(4):before{content: "※2." !important;padding-right: 5px;}
.onedayBody #contents section section .note li:nth-child(5):before{content: "※3." !important;padding-right: 5px;}
.onedayBody #contents section section .note li:nth-child(6):before{content: "※" !important;padding-right: 5px;}
.onedayBody #contents section section .note li:nth-child(7):before{content: "※" !important;padding-right: 5px;}
.onedayBody #contents section section .note2 li:before{content: "*" !important;padding-right: 5px;}
.onedayBody #contents section section .note2 li:nth-child(3):before{content: "※1." !important;padding-right: 5px;}
.onedayBody #contents section section .note2 li:nth-child(4):before{content: "※2." !important;padding-right: 5px;}
.onedayBody #contents section section .note2 li:nth-child(5):before{content: "※3." !important;padding-right: 5px;}
.onedayBody #contents section h5{ padding:20px 0 20px 10px; text-align:left}
.onedayBody #contents .note3 { padding:0 10px}
.onedayBody #contents .note3 li{ margin-bottom:5px; text-align:left; font-size:1.2rem; line-height:1.2; color:#5a5a5a}
.onedayBody #contents .order{ margin:15px 0; padding:0 10px; text-align:center}
.onedayBody #contents .order a{ display:block; padding:15px; color:#29abe2; border:1px solid #000; text-decoration:none}



/*--------------------------------
.optionBody
---------------------------------*/
.optionBody #contents section section{border:3px solid #b3b3b3}
.optionBody .next a{ background:#09288b}
.optionBody  #contents section section ul{ padding-top:0;}
.optionBody #contents section section .note li:nth-child(1):before,
.optionBody #contents section section .note li:nth-child(2):before,
.optionBody #contents section section .note li:nth-child(3):before,
.optionBody #contents section section .note li:nth-child(4):before{content: "※";padding-right: 5px;}
.optionBody #contents section section .note li:nth-child(5):before{content: "※1.";padding-right: 5px;}
.optionBody #contents section section .note li:nth-child(6):before{content: "※2.";padding-right: 5px;}
.optionBody #contents section ol{ padding-left:0; padding-right:0}
.optionBody #contents section ol li p{ padding:10px;}
.optionBody #contents section ol .otherLink{ text-align:right; font-size: 1.4rem;}
.optionBody #contents section ol .otherLink a{ color:#09288b; font-size: 1.4rem;  text-decoration:underline}
.optionBody .item-List { margin-top:30px; text-align:center}
.optionBody .item-List li{ display:inline-block; width:45%}
.optionBody #contents section section .item-List li img{ padding:0}
.optionBody #contents #youkai + h4{ margin-top:0}
.optionBody #contents .optiontype{ position:relative; text-align:left}
.optionBody #contents .optiontype .soon{ position:absolute; top:40px; left:0}
.optionBody #contents .optiontype p.category{ padding:0 0 0 10px; font-size:1.8rem}
.optionBody #contents section section .optiontype h4{ margin-top:20px; background:#fff; color:#5a5a5a; font-size:2.2rem;text-align:left}
.optionBody #contents section section ul.size{ padding-left:5px; font-size:1.6rem; text-align:left; color:#5a5a5a}
.optionBody #contents section section ul.size li{ margin-bottom:10px}
.optionBody #contents .s-wrap{ clear:both; width: auto; padding-top:0 ; margin:0 10px 15px; border:2px solid #bfbfbf; }
.optionBody #contents .s-wrap h4{ margin-top:0}
.optionBody #contents .data-right h5{ color:#09288b; font-size:1.8rem;text-align:left; padding:10px 0;}
.optionBody #contents .data-right p{ font-size:1.6rem; text-align:left; line-height:1.4}
.optionBody #contents .data-right .note3 { padding:0}
.optionBody #contents .data-right .note3 li{ margin-bottom:10px; text-align:left; font-size:1.2rem; line-height:1.2; color:#5a5a5a}

.optionBody #contents section section .konpou{ padding-top:0; padding-bottom:0}
.optionBody #contents .s-wrap .sub-title3{ margin-bottom:20px; padding:15px 0; font-size:2rem; background:#bfbfbf; color:#fff}
.optionBody #contents .s-wrap .konpou-service{ margin-bottom:20px}
.optionBody #contents .s-wrap .service-sec{ width:100%;}
.optionBody #contents section section .service-sec dt {clear:both; width:100%; margin-left:0; margin-bottom:15px; padding:0; text-align:left;}
.optionBody #contents section section .service-sec dd{clear:both; width:100%; margin-left:0;}
.optionBody #contents section section .service-sec dd img{ padding:0}
.optionBody #contents section section .service-secFlow li div{ margin:0}
.optionBody #contents section section .service-secFlow li div.memo-wrap{clear:both; width:100%; padding:10px;box-sizing:border-box}
.optionBody #contents section section .service-secFlow li div.memo-wrap .memo{ width:100%; padding:10px; border:1px solid #000; box-sizing:border-box}
.optionBody #contents section section .service-secFlow li div.memo-wrap .memo p{ padding:5px 0}

.optionBody #contents section section h6{ margin-bottom:10px; text-align:center; font-size:2rem}
.planBody #contents section ol li h6 img{ float:none;width: auto; height:30px; padding:0}
.optionBody #contents section section .loan li{ margin-bottom:0; padding-bottom:10px; border-bottom:none; list-style:disc; list-style-position:inside}

/*--------------------------------
.mypageBody
---------------------------------*/
.greeting{ padding:15px 10px; border-bottom:1px solid #000}
.ask{ text-align:center; margin-bottom: 10px}
.asklist{ width:100%; display:table; margin:0 auto; text-align: center; }
.asklist li{ display: inline-block;vertical-align: top;width:47%; margin-bottom:7px;}
.asklist li:nth-child(2n){ margin-left:5px}
.asklist li a{ display:block; padding:10px 0; text-align:center; font-size:1.2rem;  color:#fff; text-decoration:none}
.asklist li.hightline a{ padding:16px 0 }
.arrow_box {
	
	position: relative;
	background: #09288b;
	border: 3px solid #3fa9f5;
}
.arrow_box a:hover{ opacity:1}
.arrow_box:hover,.active {
	background: #fff;
}
.arrow_box:hover a,
.asklist li.active a{color: #3fa9f5;}


.asklist + p { margin:30px 0 10px; padding:0 10px; line-height:1.6; }
.asklist + p img{ width:30px; padding:0 2px; height:auto;vertical-align:top}
.select{ padding:10px 10px 0;}
.accordion_head{  }
.accordion_head h4{font-size:1.8rem; padding:10px;  color:#818181; font-weight:normal;background:#f6f6f6 }
.accordion_head h4 + p{ clear:both; display:block;font-size:1.8rem; padding:15px 10px; background:#fff}
.accordion li{ margin:0 10px; border:1px solid #000; border-bottom:none}
.accordion li:last-child{border-bottom:1px solid #000; }

.accordion_body p{font-size:1.8rem; padding:10px; line-height:1.6}
.accordion_body .userdata{ border-top:1px solid #878787; border-bottom:1px solid #878787}
.accordion_body .userdata span{ display:inline-block; margin-right:25px}
.toridashi a{ color:#851515; border:1px solid #851515; font-size:1.6rem; padding:5px 30px 5px 5px; background:url(../mypage/img/qe.jpg) right center no-repeat; text-decoration:none; background-size:30px auto}
.selected h4{ color:#3fa9f5}
#lightbox-panel .close{ text-align:right}
#lightbox-panel .title{ text-align:center; color:#666; font-size:2.6rem; padding-bottom:20px;border-bottom: 1px solid #999;}
#lightbox-panel dl { padding:20px 20px 0;color:#666; font-size:1.8rem; line-height:1.6}
#lightbox-panel dl dd:nth-child(3n){ padding-bottom:20px}
#lightbox-panel dl dd{ margin-left:25px; font-size:1.6rem}
#close-panel img{ width:30px ; height:auto}
.btn{ margin-bottom:20px; text-align:center}
.btn a{ display:inline-block; width:80%; text-align:center; font-size:1.6rem; padding:10px; box-sizing:border-box; color:#fff; text-decoration:none; background:#09288b; line-height:1.6}
.accordion ul{ margin-bottom:20px}
.mypageBody textarea{ font-size:1.6rem}

/* 住所自動入力用ボタン */
.autoAddrBtn{ margin:15px;text-align: center;}
.autoAddrBtn a{  display:inline-block; padding:10px 30px 10px; line-height:1.4; text-decoration:none; color:#bae0fb; border:2px solid #bae0fb; box-sizing:border-box; background:#3fa9f5; background-size:20px auto}
.autoAddrBtn a:hover{ color:#3fa9f5; background:#fff; background-size:20px auto; border:2px solid #3fa9f5; opacity:1}


/*--------------------------------
.aupBody
---------------------------------*/
.aupBody .title-wrap + p{ padding-bottom:40px;font-size:1.6rem; line-height:1.6}
.aupBody #contents section h3{ padding:10px 0; margin-bottom:40px; text-align:center; background:#b3b3b3; font-size:1.8rem; color:#fff}
.constitution{margin-bottom: -40px;}
.constitution li{  margin-left:30px;list-style-type: disc; font-size:1.6rem; padding-bottom:15px; color:#09288b;line-height:1.4;}
.constitution li:last-child{ padding-bottom:0}
.constitution li a{ text-decoration:none; color:#09288b;}
.constitution li a:hover{ opacity:.8}
.aupBody #contents section h4{ font-size:1.8rem; margin-bottom:15px}
.decimal{ margin:0 0 40px 20px; list-style-type:decimal}
.decimal li{ line-height:1.6}
.upper-roman{margin: 0 0 0 20px;list-style-type:upper-roman}
.aupBody #contents section h5{ padding-bottom:15px;}
.aupBody section{ padding:0 10px}
#webaup,#hokanaup,#plan2,#timebox,#flowL,#s2,#s3,#s4,#s5,#s6,#youkai{ padding-top:80px; font-size:0px;}
.aupBody .table001{ width:100%; margin-bottom:40px; border:1px solid #666}
.aupBody .table001 th,.aupBody .table001 td{ padding:10px;border-bottom:1px solid #666;text-align:left}
.aupBody .table001 th{ font-weight:bold; background:#eee;}

.aupBody .table001 tr:last-child td{ border-bottom:none}

.aupBody .table002{ width:100%; border-top:1px solid #666;border-left:1px solid #666}
.aupBody .table002 th,.aupBody .table002 td{ padding:10px;border-bottom:1px solid #666;border-right:1px solid #666; text-align:center}
.aupBody .table002 th{ font-weight:bold;}
.aupBody .table002 th.th-line{ position:relative; max-width:130px; background:url(../img/line.png) center center no-repeat; background-size:100% 100%}
.aupBody .table002 th.th-line span{ display:inline-block}
.aupBody .table002 th.th-line span.p1{ position:absolute; right:10px; top:10px}
.aupBody .table002 th.th-line span.p2{ position:absolute; left:10px; bottom:10px}

.aupBody .table003{ width:100%; border-top:1px solid #666;border-left:1px solid #666}
.aupBody .table003 th,.aupBody .table003 td{ padding:10px;border-bottom:1px solid #666;border-right:1px solid #666; text-align:center}
.aupBody .table003 th{ font-weight:bold;}
.aupBody .table003 th.th-line{ position:relative; max-width:130px; background:url(../img/line.png) center center no-repeat; background-size:100% 100%}
.aupBody .table003 th.th-line span{ display:inline-block}
.aupBody .table003 th.th-line span.p1{ position:absolute; right:10px; top:10px}
.aupBody .table003 th.th-line span.p2{ position:absolute; left:10px; bottom:10px}



.table-wrap,.table-wrap2{ margin-bottom:40px;}
/*--------------------------------
.lawBody
---------------------------------*/
.lawBody #contents section { padding:10px;box-sizing:border-box;}
.lawBody #contents section .lawtable{ width:100%; border-top:1px solid #000;line-height:1.6;}
.lawBody #contents section .lawtable th{ padding:15px; background:#f6f6f6; font-size:1.6rem;box-sizing:border-box;color:#09288b;}
.lawBody #contents section .lawtable td{ padding:15px;box-sizing:border-box; }
.lawBody #contents section .lawtable tr{ border-bottom:1px solid #000; }
/*--------------------------------
.guideBody
---------------------------------*/

.guideBody #contents { margin-bottom:0; background:#fffae2}
.guideBody #contents h4{ padding:15px 0; background:#b3b3b3; color:#fff; text-align:center;}
.qa-wrap{ padding:10px; background:#fff}
.qa-wrap p{ line-height:1.4; padding-bottom:10px}
.guideList { padding:10px 0; background:#fff; }
.guideList li{ padding-left:35px; background:url(../img/guide_li.png) 10px center no-repeat; background-size:25px auto; }
.guideList li a{ display:block; padding:15px 0; color:#09288b; text-decoration:none;}
.ver01_2 { border-top:1px solid #000;border-left:1px solid #000;white-space: nowrap;}
.ver01_2 thead th{ padding:10px; text-align:center; background:#e6e6e6;border-right:1px solid #000; line-height:1.4}
.ver01_2 .line{border-bottom:1px solid #000}
.ver01_2 .center{ text-align:center}
.ver01_2 tbody td{padding:15px 10px; text-align:left;border-right:1px solid #000;border-bottom:1px solid #000}

.ver01_3 { width:100%; border-top:1px solid #000;border-left:1px solid #000;white-space: nowrap;}
.ver01_3 th{ background:#e4f5fb}
.ver01_3 th div{ margin-top:30px; line-height:1.4; font-weight:normal}
.ver01_3 th.heavy{ background:#fff;}
.ver01_3 th,.ver01_3 td{padding:15px 6px; text-align: center; vertical-align:top;border-right:1px solid #000;border-bottom:1px solid #000}




#q1{ padding-top:0}
.paymentmethod{ padding-top:20px;}
.paymentmethod li{ display:table; width:100%; padding-bottom:40px;}
.paymentmethod li img{ width:50%; float:left}
.paymentmethod h5{ padding-bottom:10px; font-size:2rem}
.kouza-dl{ color:#3fa9f5;}
.kouza-dl a{ color:#3fa9f5;}
.pdf-open{ font-size:1.2rem}
.nexthere{ color:#3fa9f5;}
.red-text{ color:#851515}
.no-depositList{ margin-left:20px;list-style-type:decimal}
.table2{ border-left:1px solid #000; border-top:1px solid #000}
.table2 th, .table2 td{ padding:20px; border-right:1px solid #000; border-bottom:1px solid #000; }
.table2 th{text-align:center;background:#e6e6e6;}
.table2 td{ text-align:left}


.d-wrap img{ width:100%;}
/*--------------------------------
footer
---------------------------------*/
footer{ padding:20px 0; text-align:center; background:#eeeeee}
footer ul.f-nav{ padding:10px}
footer ul.f-nav ul{ }
footer .f-nav li{float:left; margin-bottom:20px; margin-right:40px; color:#09288b; text-align:left}
footer .f-nav li div{ font-size:1.4rem; margin-bottom:10px; font-weight:bold}
footer .f-nav li li{ margin-right:0; font-size:1.2rem; float:left; margin-bottom:0;}
footer .f-nav li a{ display:block; padding:10px; margin:0 5px 5px 0; text-decoration:none;color:#09288b; background:#dfdfdf}
footer small{ display:block; color:#5f5f5f; font-size:1.2rem}
.f-u-nav{ padding:10px; text-align:left}
.f-u-nav li{ display:inline-block; margin:0 2px 5px 0; font-size:1.2rem}
.f-u-nav li a{  display:block; padding:10px; text-decoration:none;color:#5f5f5f; border:1px solid #dbdbdb}
.contactArea img{ width:80%; margin-bottom:20px}



/*--------------------------------
汎用
---------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

 table{ width:100%;}
 th,td{ padding:6px;}
a.del { background:#999999; color:#fff; margin-left:10px; padding:8px; text-decoration:none}
.table01 tr.processarea td span{ float:right}

.back,
.next{ display:inline-block; margin-bottom:10px }
.back a,
.next a{ display:block; padding:15px 20px; text-decoration:none; color:#fff}
.back a{ margin-right:10px; background:#999999}
.next a{background:#2977cc}
.plan2 .next a{background:#09288b}
.plan3 .next a{background:#22b573}
.btnArea{ text-align:center; margin:20px 0 0}
.wrap{ margin:0 auto}
.blank{ padding-right:25px; color:#3fa9f5; background:url(../img/blank.png) right bottom no-repeat; background-size:20px auto}
.link{ display: block; margin-top:10px; }
.required{ color:#851515}
.mb20{ margin-bottom:20px}
.center{ text-align:center; line-height:1.4}
.right{ text-align:right; line-height:1.4}
.left{ text-align:left; line-height:1.4}
.linkArea{ margin-top:40px; text-align:center}
.linkArea li{ display:inline-block; line-height:1.6}
.linkArea li a{ color:#808080; text-decoration:none}
.linkArea li:after{ content: "｜"; margin:0 10px;}
.linkArea li:last-child:after{ content:none;}
.loginlist{ width:80%;margin: 0 auto;}
.forget { text-align:center; margin:15px 0}
.forget a{ color:#29abe2}
.registrationarea{ text-align:center;}
.registrationarea a{ display:inline-block; margin-top:15px;  padding:10px; text-decoration:none; color:#808080; border:1px solid #808080}
.linkBlue{ color:#3fa9f5}

#page-top {position: fixed;bottom: 0px;right: 0px;}
#page-top img{ width:60px; height:auto}

@media screen and (max-width: 480px) {
	.mypageBody .select input[type="radio"] + label,
	.mypageBody .select input[type="checkbox"] + label,
	.accordion_head h4,
	.accordion_head h4 + p,
	.accordion_body .userdata,
	.mypageBody textarea{ font-size:1.6rem}
.table-wrap2{ overflow-x:scroll}
.table-wrap2 .table003{ width:480px}


}
@media only screen and (min-width: 481px) {
#header h1{ width:180px; }
.utilityNav{ top:19px}
.utilityNav li img{ height:26px ; width:auto}
.ask{ margin-bottom:20px}
.asklist li{ width:22%; margin-left:5px}
.asklist li:first-child{ margin-left:0}
.asklist li a{  font-size:1.4rem; }
.howtocontact{width: 80%;}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #09288b;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:hover:after,
.active:after{	border-top-color: #fff;
}
.arrow_box:before {
	border-color: rgba(63, 169, 245, 0);
	border-top-color: #3fa9f5;
	border-width: 14px;
	margin-left: -14px;
}
.indexBody #contents .plan-list li{ padding-right:20px;width:46%}
#webaup,#hokanaup,#plan2,#timebox,#flowL,#s2,#s3,#s4,#s5,#s6,#youkai{ padding-top:100px;}
.contactArea img{ width:60%;}
.optionBody .item-List li{ width:30%;}
.indexBody .about li img{ width:100%; height:auto}

}

@media only screen and (max-width: 720px) {
	.table-wrap{ max-width:721px; overflow-x:scroll}


.gnav ul li ul{ display:none; height:auto }
.table01 {border-top:1px solid #000;  line-height:1.6;
   
  }
.table01 td.name{ font-size:1.6rem; font-weight:bold}
.table01 thead {
    display: none;
  }
.table01 tr {border-bottom:1px solid #000  }
.table01 tr:nth-child(even) {}
.table01 td {
	position:relative;
    border: none;
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-size:1.4rem;
  }
  .table01 td.name span{ display:inline-block; margin-left:10px; font-size:1.2rem; color:#999;font-weight: normal}
.table01 td.col-6 {
    float: left;
    width: 50%; border-bottom:none
  }
.table01 td.txt-right {
    text-align: right;
  }
.table01 td:before {
    content: attr(data-title) " ";
  }
.table01 .clear {
    clear: both;
  }
.table01 tr.processarea{ clear:both; background:none;}
.table01 tr.processarea td{ font-size:1.6rem;}
	.lawBody #contents section .lawtable th,
.lawBody #contents section .lawtable td{ display:block; width:100%}
.aupBody .table001 th,.aupBody .table001 td{ display:block; }

}
@media only screen and (min-width: 721px) {
.section-title{ text-align:center}
.gnav ul li a{ margin-top:2px}
.gnav ul li ul{ display:none;width: auto;height:auto; z-index:100; border-top:1px solid #09288b}
.gnav ul li.hover ul{display:block;position:absolute;margin:0;width: 130px; }
.gnav ul li.hover ul li{display: block; font-size:1.2rem ;}
.gnav ul li.hover ul li a{width: 130px; box-sizing:border-box; padding:10px; margin:0; height:auto; text-decoration:none; color:#09288b;background:url(../img/nav_bg.png); background-color:none}
.gnav ul li.hover ul li a:hover{ color:#fff; background:#3f8cf5;}
.gnav ul li.hover ul.plan_1day,
.gnav ul li.hover ul.plan_1day li a{ width:110px}
#contents{ margin-bottom:60px}
.crumb{ margin:20px 20px 0; }
.crumb li{font-size:1.4rem}
#header h1{ width:200px; padding:20px 10px; }
#header h1 span{ font-size:1.2rem;}
.utilityNav{ top:22px}
.utilityNav li img{ height:34px ; width:auto}
#contents section h2{ display:inline-block; font-size:2.6rem; border-bottom:none; }
#contents section h2 span{ position:absolute; left:-60px; font-size:1.6rem}
#contents section h3{ font-size:2.2rem; font-weight:normal}
#contents section .title-wrap{ padding:20px 0;text-align: center; box-sizing:border-box}
.indexBody #contents section{padding-top: 30px;}
#contents section{ padding:10px; box-sizing:border-box}
.mypageBody #contents section .main-contents{ float:right; width:70%}
#menu-box{ float:left; width:25%}
.greeting{ padding-top:0; font-size:1.8rem}
.aboutBody #contents section h2,
.flowBody #contents section h2,
.shoppingBody #contents section h2,
.planBody #contents section h2,
.disposalBody #contents section h2,
.contactBody #contents section h2,
.mypageBody #contents section h2,
.registrationBody #contents section h2,
.loginBody #contents section h2{ text-align:center;padding-left: 130px;background-size:60px auto}
.guideBody #contents section h2{ text-align:center;padding-left: 60px;background-size:60px auto;}
.planBody #contents section .planoption2{ margin-top:-45px;}
.planBody #contents section .planoption3{ margin-top:-32px;}

.planBody #contents section h2{background: url(../img/icon3.png) 45px -2px no-repeat;background-size: 80px auto;}
.planBody #contents section h2.plantitle{background: url(../img/icon2.png) 110px 0px no-repeat;background-size: 80px auto;padding-left: 200px;}
.planBody #contents section h2.plantitle span{left: -60px;}
.indexBody #contents section h2{ padding-left:200px;background: url(../img/icon1.png) 125px 10px no-repeat; background-size: 60px auto;}
.indexBody #contents section h2.title-plan{padding-left:190px;background: url(../img/coin2.png) 140px 10px no-repeat; background-size: 40px auto;}
.indexBody #contents .qa section h2{padding-left:210px;background: url(../img/qa.png) 165px 10px no-repeat; background-size: 40px auto;}
#contents section h2 span{ left:0}
.optionBody #contents section h2 span{ left:30px}
.optionBody #contents .optiontype p.category{ padding:60px 0 0 10px;}
.optionBody #contents .optiontype .soon{ left:-40px}

.indexBody #contents section div.title-wrap + p{ font-size:2.2rem; text-align: center}
.guideBody #contents section h3{ font-size:2.6rem; }
.guideBody #contents section h4{ font-size:2rem; font-weight:normal}
.qa-wrap{ padding:40px;}
.ask{ font-size:2rem}
.asklist li a{  font-size:1.4rem; line-height:1.2; font-weight:bold }
.asklist li.hightline a{ padding:18px 0}
#contents section h3{ padding:20px 10px 40px}
.guideBody #q1{ padding-top:100px}
.guideBody #contents section h3{ padding-bottom:20px}
.select{ padding:10px}
.accordion .accordion_head{ position:relative}
.accordion .accordion_head h4{ position:absolute;top:-44px; left:165px; background:none;}
.accordion .accordion_head h4:before{ content: "|"; margin-right:10px; color:#000; font-weight:normal }

.btn a{ width:60%; font-size:2rem; }
footer{ padding-top:40px; background:#eee;}
footer .f-nav { position:relative; display:inline-block;margin-bottom: 30px;}
footer .f-nav li{float:left;color:#09288b; text-align:left; margin-right:30px}
footer .f-nav li.oneday{ position:absolute; top:160px}
footer ul.f-nav ul{ margin-top:-10px}
footer .f-nav li div{ font-size:1.6rem; }
footer .f-nav li li{ font-size:1.6rem; float:none; }
footer .f-nav li a{ padding:15px 0 0; margin:0; background:none}
.f-u-nav{ margin-bottom:40px; text-align:center; padding:0}
.f-u-nav li{ font-size:1.6rem}
.f-u-nav li a{ display:inline-block; border:none;}
.f-u-nav li:after{content: "｜"; color:#5f5f5f}
.f-u-nav li:last-child:after{content:none;}
.back a,
.next a{padding:15px 40px; font-size:2rem}
.table01 tr {border-bottom:1px solid #000  }
th,td{ padding:15px 0;}
th{ font-weight:bold}
td{ text-align:right}
td.name{ text-align:left}
.table01{ margin:30px auto 50px}
.table01 tr.processarea td{ text-align:left}
.table01 tr.processarea td span{ float:right}
.table01 tr.processarea{ clear:both; background:none;}
.inputBody .select{ text-align:center}
.inputBody .select li{ display:inline-block; vertical-align:top}
.gray{font-size:1.4rem; line-height:1.4}

.input-list li div{ float:left}
.input-list .input-left{ width:30%; font-size:1.8rem}
.input-list li div{ width:70%;}
.input-list .select div,
.input-list .select input[type="radio"] + label,
.inputBody .select input[type="radio"] + label, .inputBody .select input[type="checkbox"] + label,
.thanks{font-size:1.8rem}
#contents section .if h3{ width:60%}
#contents section .if .howtocontact ul li{ display:inline-block; width:40%}
.cart-contact{ padding-top:50px;}
.w600{ width:600px; margin:0 auto 30px; box-sizing:border-box; }
.loginlist{ width:400px;}



.plan-left{ float:left; width:50%}
.plan-right{ float:right; width: 45%;margin-right: 20px;}
.planBody #contents section section h4{ clear:both;}
.planBody #contents section section dl{ margin-bottom:0}
.planBody #contents section ol{}
.planBody #contents section ol li{ }
.planBody #contents section ol li img{ float:left; width:40%}
.planBody #contents section ol li div{ float:right; width:58%;}
.select-wrap p{ float:left;margin-top:10px;}
.planBody #contents section section .select .select-wrap select{ float:right;}
.spnav{ display:none}

.indexBody .about li{ display:table;width: 50%; float:left}
.indexBody .about li:first-child{ border-right:1px solid #000; padding-right:40px; box-sizing:border-box}
.indexBody .about li:last-child{ border-right:none; padding-left:40px; box-sizing:border-box}
.indexBody .about li:first-child li{padding-right:0;padding-left:0;  border:none}
.indexBody .about li:last-child li{padding-left:0; padding-right:0; border:none}
.indexBody .about li li{ width:100%}
.indexBody .about li img{ }
.indexBody .about li div{  box-sizing:border-box}
.indexBody .about p.flowBtn{text-align: right;}

.indexBody #contents .plan-list{ padding:10px; text-align:center}
.indexBody #contents .plan-list li{  float:left; padding-right:20px; padding-bottom:20px; width:31%}
.indexBody #contents .plan-list li:nth-child(2n){ padding-right:20px}
.indexBody #contents .plan-list li:nth-child(3n){ padding-right:0}
.indexBody .qa dl dt{background: url(../img/q.png) 20px 20px no-repeat;font-size:3rem; background-size:30px auto}
.indexBody .qa dl dt + dd{background: url(../img/a.png) 20px 15px no-repeat; font-size:2.4rem; background-size:30px auto}
.indexBody .qa dl dd{ line-height:1.4}
.constitution li{ font-size:2rem;}
.aupBody .title-wrap + p{font-size:1.8rem;}
.aupBody #contents section h4,.aupBody #contents section h3{ font-size:2.2rem;}

.lawBody #contents section .lawtable th{ font-weight:normal;  width:30%}
.lawBody #contents section .lawtable td{ text-align:left}

.guideList{ position:relative}
.guideList li{ padding-left: 55px;background: url(../img/guide_li.png) 10px center no-repeat;background-size: 40px auto;font-size:2.2rem;}
.guideList li a{ display:inline-block}
.haisou{ position:absolute; left:50%; top:10px}
.ather{ position:absolute; left:50%; top:55px}
.plan{ position:absolute; left:50%; top:100px}
.paymentmethod li img{ width:260px; height:auto;}
.paymentmethod h5{ font-size:2.6rem}
.paymentmethod p{ font-size:2rem}
.paymentmethod p.pdf-open{font-size:1.6rem}
 .table2 th{width:220px; }
.contactArea img{ width:250px;}
.contactArea .ft-sitename img{ text-align:center}
.optionBody #contents section .img-left img{ width:280px; height:auto}
.optionBody #contents section .img-left{ float: left;width: 40%;}
.optionBody #contents section .data-right{float: left;width: 60%; padding-right:20px; box-sizing:border-box}
.optionBody #contents section section .konpou{ padding:0}
.optionBody #contents .s-wrap{ margin-left:20px; margin-right:20px}
.optionBody #contents .data-right h5{ padding-top:20px}
.optionBody #contents section.no-p{ padding-left:0; padding-right:0}

.onedayBody #contents section h2{ padding-left:360px;background: url(../img/icon11.png) 280px -2px no-repeat;background-size: 80px auto;}
.onedayBody #contents section .plan-left p + img{ margin-bottom:20px}
.onedayBody #contents section h2.plantitle span{left: 35px;}
.price-wrap{ max-width:780px; margin:0 auto}
.onedayBody #contents section h5{ font-size:2.2rem}
.onedayBody #contents .order a{ font-size:2rem}

.d-wrap{ clear:both; width:100%}
.d-wrap div{ float:left; width:60%;}
.d-wrap img{ float:right; width:40%;}
.indexBody #contents section.plancheck{}
.indexBody #contents section.plancheck h2{font-size:4rem}
.indexBody #contents section.plancheck p{font-size:2.2rem}
.indexBody #contents section h2 span.abouts{ left:-60px}
.indexBody #contents section.slider{ margin-bottom:-40px}
/*--------------------------------
.inputBody
---------------------------------*/

.inputBody .flow{ padding:30px 0;}
}
 @media only screen and (max-width: 840px) {

.table-wrap{ overflow-x:scroll}
.table-wrap .table002{ width:840px}
}

 @media only screen and (min-width: 841px) {

#header h1{ position:relative; width:200px; padding:25px 10px;}
#header h1 span{ position: absolute; top:27px;left: 200px;width: 240px;font-size: 1.6rem;}
#header h1 img{ width: auto; height:27px}
footer .f-nav li{margin-right:60px}
footer .f-nav li:last-child{ margin-right:0}
.table01{ width:800px}
.w800{ width:800px; margin:0 auto 30px; box-sizing:border-box; }
.line{ border:1px solid #000}
.kouza{ margin:0 auto; margin-bottom:20px; width:800px; font-size:2rem}
.w600{ width:600px; margin:0 auto 30px; box-sizing:border-box; }
.planBody #contents section section .select .select-wrap select{}
.asklist li{ width:23%;}
.lawBody #contents section .lawtable{ width:740px; margin:0 auto }
.optionBody .item-List li{ width:auto;}
}
@media only screen and (min-width: 961px) {
.gnav ul li.hover ul,
.gnav ul li.hover ul li a{width: 160px;}
.gnav ul li.hover ul.plan_1day,
.gnav ul li.hover ul.plan_1day li a{ width:136px}

.gnav ul li.hover ul li{ font-size:1.6rem}
.indexBody #contents section h2{ font-size:2.6rem;}
.planBody #contents section h2{background: url(../img/icon3.png) 65px -2px no-repeat;}
.planBody #contents section h2 span{ font-size:1.8rem}
#contents section h3{ padding:40px 10px 80px; font-size:3rem}
.greeting{ font-size:2rem}
.inputBody .flow{ padding:40px 0;}
#contents section .title-wrap{ padding:60px 0}
.aboutBody #contents section h2,
.flowBody #contents section h2,
.shoppingBody #contents section h2,
.disposalBody #contents section h2,
.contactBody #contents section h2,
.mypageBody #contents section h2,
.registrationBody #contents section h2,
.loginBody #contents section h2{padding-left: 110px;background-size:80px auto}
.guideBody #contents section h2{padding-left: 80px;background: url(../img/icon10.png) -10px 0 no-repeat;background-size:80px auto;}

.planBody #contents section h2{padding-left: 160px;background-size:80px auto}
#menu-box{ width:230px}
.mypageBody #contents section .main-contents{  width:72%}
#contents section{ margin:0 auto }
#contents section .title-wrap{ padding:30px 0;}
.asklist{ width:660px;  }
.asklist li,
.asklist li:nth-child(2n){ margin-left:5px}

.asklist li a{  font-size:1.8rem; }
.asklist li.hightline a{ padding:21px 0}

.planBody #contents section section{ padding:20px 0}
.planBody #contents section section h3{ padding:10px  0 20px; font-size:6rem}
.planBody #contents section section h3 span.sub-title{ font-size:3rem}
.planBody #contents section section h3 + p{ font-size:1.8rem; line-height:1.6}
.planBody #contents section section dt{width: 140px;margin-top: 10px;font-size:2rem; text-align:right}
.planBody #contents section section dd{margin-left: 160px;font-size:3.4rem}
.planBody #contents section section dd span{font-size:1.8rem; }
.planBody #contents section section dd .red{font-size:1.6rem; width:100px; }
.planBody #contents section section .select p{font-size:1.8rem; }
.planBody #contents section section .note li,.planBody #contents section section .note2 li,.planBody #contents section section .note2-2 li{font-size:1.4rem;}
.planBody #contents section section h4{font-size:2.2rem; margin-bottom:20px;}
.planBody #contents section section h4 + p{font-size:3rem; }
.planBody .plantext{ font-size:3rem}
.planBody #contents section section .note2{ padding-left:8%}
.planBody #contents section section .note2-2{ padding-left:8%}
.imgarea{ text-align:center}
.imgarea img{ float:left; }
.imgarea img:nth-child(1){ width:340px  }
.imgarea img:nth-child(2){ width:540px  }
.optionBody .imgarea img,
.onedayBody .imgarea img{ float:none}
.optionBody .imgarea img:nth-child(1),
.optionBody .imgarea img:nth-child(2),
.onedayBody .imgarea img:nth-child(1),
.onedayBody .imgarea img:nth-child(2){ width: auto }
.optionBody #contents .imgarea img:nth-child(2),
.onedayBody #contents .imgarea img:nth-child(2){ padding-left:0; padding-right:0}
.planBody #contents section ol li img{width:50%}
.planBody #contents section ol li div{ width:48%; margin:35px 0}
#webaup,#hokanaup,#plan2,#timebox,#flowL,#s2,#s3,#s4,#s5,#s6,#youkai{ padding-top:140px;}
.indexBody #aboutC{ padding-top:30px}
.indexBody #plan_c{ padding-top:80px}
.indexBody .about li div{}
.indexBody .about p.flowBtn{ margin-top:20px;}
.indexBody .about p{ font-size:2rem}
.indexBody .about p.bestprice{ padding-left:50px;background: url(../img/coin.png) left center no-repeat;background-size: 40px auto;font-size:3rem}
.indexBody .about p .point{ font-size:3.8rem}
.indexBody #contents section div.title-wrap + p{ margin-bottom:40px; font-size:3rem;}

.guideList{ padding:40px;}
.haisou{ position:absolute; left:50%; top:40px}
.ather{ position:absolute; left:50%; top:90px}
.plan{ position:absolute; left:50%; top:140px}
.contactArea a{ display:block}
.contactArea{ float:right}
footer ul.f-nav{ float:left}
.f-u-nav{ clear:both}
.f-wrap{ width:960px; margin:0 auto }
.tel:hover{ opacity:1; cursor:default}
.optionBody #contents section section .img-left img{ padding-left:0;}
.optionBody #contents section .data-right{padding-right:30px;}
.optionBody #contents .data-right h5{ font-size:2.4rem}
.optionBody #contents .data-right .note3 li{font-size:1.4rem}
.optionBody #contents .s-wrap { margin-left: 40px;margin-right: 40px;margin-bottom: 30px;}
.optionBody #contents section section .service-secFlow li div.memo-wrap{padding:0 40px;}
.optionBody #contents section section .service-secFlow li div.memo-wrap .memo p{ padding:5px 20px}
.optionBody #contents section section .loan{ padding-left:40px; padding-right:40px;}
.onedayBody #contents section h2{padding-left: 430px;background: url(../img/icon11.png) 300px -18px no-repeat;}
.onedayBody #contents section section dd .b-wrap{font-size:1.6rem; width:100px; }
.onedayBody #contents .note3 li{font-size:1.4rem; }
}
@media only screen and (min-width: 1081px) {
.gnav ul li.hover ul,
.gnav ul li.hover ul li a{width: 200px;}
.gnav ul li.hover ul.plan_1day,
.gnav ul li.hover ul.plan_1day li a{ width:165px}
.crumb{width: 1000px ; margin:30px auto 0; }
#header h1{padding:21px 0 20px 10px; }
#header{ background: url(../img/header_bg.png) left top repeat-x}
#header h1 span{left: 210px;top: 24px;}
header{ position:relative;  width:1000px; margin:0 auto;}
.utilityNav{ right:0; top:15px;}
.utilityNav li{ margin-left:3px;}
.utilityNav li img{ height:38px;}
#contents section{ width:1000px; margin:0 auto; padding:10px 0 }
.imgarea img:nth-child(1){ width:360px  }
.imgarea img:nth-child(2){ width:600px  }

}