@charset "UTF-8";

/*-----------------------------------

CSS Information

Site URL:			http://www.abiko-ceremoa.com/
File name:			page.css ( http://www.abiko-ceremoa.com/plan/flow/ )

-----------------------------------*/

#pay {margin: 0 0 40px;}
#pay h2 {
font-size: 28px;
line-height: 38px;
font-weight: 700;
padding: 20px 0;
}
#pay h3 {display:block;
	background-color:#43C34F;
	color:#fff;
	font-size: 18px;
	line-height:1.2em;
	padding:0.8em 1em 0.7em 1em;
	border-radius:0.2em;
	box-sizing:border-box;
	margin-bottom:1em;}
#pay p {font-size:1.4em;line-height:1.8em;margin-bottom:1em;color: #595757;s}
.method {
padding: 20px 0;
}
#pay ul {}
#pay ul li.disk {font-size:1.4em;line-height:1.8em;list-style: disc;margin: 0 0 0 20px;}

.method dl {}
.method dl dt {font-size: 28px;color: #00337D;text-align: center;
margin: 0 0 20px;}
.method dl dd {}
.method dl dd ul {
width: 100%;
height: 100px;
margin: 0 0 0 2%;
}
.method dl dd ul li {width: 22%;
margin: 0 2% 0 0!important;
height: 110px;
	margin: 0;float: left;
	display: inline-block;
	border: 2px solid #EEEEEE;
	 border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	display: block;}
.method dl dd ul li:nth-child(4n) {
margin: 0;
}
.method dl dd ul li .methodblock {
background: #ffffff;
width: 800px;
height: 110px;
font-size: 18px;
line-height: 1.2em;
font-weight: 700;
display:table-cell;
	text-align: center;
	vertical-align: middle;
	color: #00337D;
	background-image: url(images/yajirushi.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.method dl dd ul li span {
font-size: 12px;font-weight: 700;
}
.method dl dd ul li a {
font-size: 18px;
line-height: 1.2em;
font-weight: 700;color: #00337D;}
.method dl dd ul li a:hover {opacity: 0.5;}

.flow {margin: 0;}
.flow ul {}
.flow ul li {}
.flow ul li.next {text-align: center;
padding: 10px 0;}
.flow ul li dl {background: #EEF8EF;padding: 20px;}
.flow ul li dl dt {display: inline-block;vertical-align: top;width: 170px;}
.flow ul li dl dd {display: inline-block;vertical-align: top;width: 780px;}
.flow ul li dl dd dl {width: 100%;padding: 0;}
.flow ul li dl dd dl dt {font-size: 20px;line-height: 30px;margin: 0 0 10px;padding: 0 0 10px;
border-bottom: 1px dashed #43C14F;display: block;width: 100%;}
.flow ul li dl dd dl dd {font-size:15px;line-height:24px;color: #595757;}

.flow ul li dl dd dl dd span {font-size:12px;}


.card {position: relative;
margin:40px 0;color: #595757;}
.card p {font-size: 15px!important; line-height: 24px!important;}
.card ul {}
.card ul li.disk {font-size: 15px!important; line-height: 24px!important;}
.card_icon {
position: absolute;
top: 60px;
right: 0;
border: 5px solid #ECECEC;
padding: 10px 10px 5px;
}
.card_icon dl {}
.card_icon dl dt {font-size: 15px; line-height: 20px;margin: 0 0 10px;}
.card_icon dl dt span {font-size: 12px;}
.card_icon dl dd.card_logo {margin: 0 10px 0 0 ;}
.card_icon dl dd.card_logo ul {
width: 100%;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;

}
.card_icon dl dd.card_logo ul li {font-size: 15px; line-height: 24px!important;margin: 0 5% 0 0;width: 30%;}
.card_icon dl dd.card_logo ul li:nth-child(3n) {margin: 0;}
.card_icon dl dd {font-size: 15px;
line-height: 24px;vertical-align: middle;}



dl.merit {border: 5px solid #EEF8EF;}
dl.merit dt {font-size: 20px;line-height: 55px;height: 55px; background-color: #EEF8EF;padding:0 30px;}
dl.merit dd {padding:20px 30px;font-size: 15px;line-height: 24px;color: #595757;}
dl.merit dd span {
font-weight: 700;}


.faq {padding: 0 0 20px;}
.faq dl {
background-color: #EEF8EF;
margin: 0 0 20px;
padding: 25px;
}
.faq dl dt {font-size: 19px;line-height: 33px; color: #43C14F;margin: 0 0 10px 45px; padding: 0 0 10px;border-bottom: 1px solid #43C14F;position: relative;}
.faq dl dt img {position: absolute;left: -45px;top: 0;}
.faq dl dd {font-size: 15px!important;line-height: 24px!important;margin: 0 0 0 45px; padding:0;position: relative;color: #595757;} 
.faq dl dd img {position: absolute;left: -45px;top: 0;}

.list {border: 5px solid #ECECEC;padding: 20px;color: #595757;}
.list ul {}
.list ul li {font-size: 15px!important;line-height: 28px!important;}
.list {}
.list dl {}
.list dl dt {font-size: 18px!important;line-height: 28px!important;display: inline-block;vertical-align: top;padding: 0 20px 0 0;}
.list dl dd {font-size: 12px!important;line-height: 18px!important;display: inline-block;vertical-align: top;}


.loan {padding: 40px 0 20px;}
.loan h4 {background-color: #DDDDDD;border: 1px solid #CCCCCC;font-size: 19px;line-height: 50px;height: 50px;padding: 0 15px;}
.loan table {width: 100%; border-left: 1px solid #CCCCCC;margin: 0 0 20px;color: #595757;}
.loan table th {font-size: 18px!important;text-align: center; width: 20%; background-color: #EEEEEE;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding: 10px;}
.loan table td {font-size: 18px!important;text-align: right; width: 20%;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding: 10px 20px 10px 10px;}
.loan table td.red {font-size: 20px!important;color: #DB0001;font-weight: 700;}



@media screen and (max-width: 960px) {


#pay {margin: 0 0 40px;}
#pay h2 {
font-size: 28px;
line-height: 38px;
font-weight: 700;
padding: 20px 0;
}
#pay h3 {display:block;
	background-color:#43C34F;
	color:#fff;
	font-size: 18px;
	line-height:1.2em;
	padding:0.8em 1em 0.7em 1em;
	border-radius:0.2em;
	box-sizing:border-box;
	margin-bottom:1em;}
#pay p {font-size:1.4em;line-height:1.8em;margin-bottom:1em;color: #595757;s}
.method {
padding: 20px 0;
}
#pay ul {}
#pay ul li.disk {font-size:1.4em;line-height:1.8em;list-style: disc;margin: 0 0 0 20px;}

.method {
padding: 20px 0;
}
#pay ul {}
#pay ul li.disk {font-size:1.4em;line-height:1.8em;list-style: disc;margin: 0 0 0 20px;}

.method dl {}
.method dl dt {font-size: 28px;color: #00337D;text-align: center;
margin: 0 0 20px;}
.method dl dd {}
.method dl dd ul {
width: 100%;
height: 100px;
margin: 0 0 0 2%;
}
.method dl dd ul li {width: 22%;
margin: 0 2% 0 0!important;
height: 110px;
	margin: 0;float: left;
	display: inline-block;
	border: 2px solid #EEEEEE;
	 border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	display: block;}
.method dl dd ul li:nth-child(4n) {
margin: 0;
}
.method dl dd ul li .methodblock {
background: #ffffff;
width: 800px;
height: 110px;
font-size: 14px;
line-height: 1.2em;
font-weight: 700;
display:table-cell;
	text-align: center;
	vertical-align: middle;
	color: #00337D;
	background-image: url(images/yajirushi.gif);
	background-size: 10%;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.method dl dd ul li span {
font-size: 10px;font-weight: 700;
}
.method dl dd ul li a {
font-size: 14px;
line-height: 1.2em;
font-weight: 700;color: #00337D;}
.method dl dd ul li a:hover {opacity: 0.5;}

.flow {margin: 0;}
.flow ul {}
.flow ul li {}
.flow ul li.next {text-align: center;
padding: 10px 0;}
.flow ul li dl {background: #EEF8EF;padding: 20px 0;}
.flow ul li dl dt {display: inline-block;vertical-align: top;width: 20%;margin: 0 0 0 5%;text-align: left;}
.flow ul li dl dt img {width: 90%;}
.flow ul li dl dd {display: inline-block;vertical-align: top;width: 70%;}
.flow ul li dl dd dl {width: 100%;padding: 0;}
.flow ul li dl dd dl dt {font-size: 20px;line-height: 30px;margin: 0 0 10px;padding: 0 0 10px;
border-bottom: 1px dashed #43C14F;display: block;width: 100%;}
.flow ul li dl dd dl dd {font-size:15px;line-height:24px;color: #595757;width: 100%;}

.flow ul li dl dd dl dd span {font-size:12px;}


.card {position: relative;
margin:40px 0;color: #595757;}
.card p {font-size: 14px!important; line-height: 20px!important;}
.card ul {}
.card ul li.disk {font-size: 14px!important; line-height: 20px!important;}
.card_icon {
position: absolute;
top: 60px;
right: 0;
border: 5px solid #ECECEC;
padding: 10px 10px 5px;
}
.card_icon dl {}
.card_icon dl dt {font-size: 14px!important; line-height: 20px!important;margin: 0 0 10px;}
.card_icon dl dt span {font-size: 12px;}
.card_icon dl dd.card_logo {margin: 0 10px 0 0 ;}
.card_icon dl dd.card_logo ul {}
.card_icon dl dd.card_logo ul li {font-size: 14px!important; line-height: 20px!important;margin: 0 5% 0 0;width: 30%;}
.card_icon dl dd.card_logo ul li:nth-child(3n) {margin: 0;}
.card_icon dl dd {font-size: 14px!important; line-height: 20px!important;vertical-align: middle;}



dl.merit {border: 5px solid #EEF8EF;}
dl.merit dt {font-size: 20px;line-height: 55px;height: 55px; background-color: #EEF8EF;padding:0 30px;}
dl.merit dd {padding:20px 30px;font-size: 15px;line-height: 24px;color: #595757;}
dl.merit dd span {
font-weight: 700;}


.faq {padding: 0 0 20px;}
.faq dl {
background-color: #EEF8EF;
margin: 0 0 20px;
padding: 25px;
}
.faq dl dt {font-size: 19px;line-height: 33px; color: #43C14F;margin: 0 0 10px 45px; padding: 0 0 10px;border-bottom: 1px solid #43C14F;position: relative;}
.faq dl dt img {position: absolute;left: -45px;top: 0;}
.faq dl dd {font-size: 15px!important;line-height: 24px!important;margin: 0 0 0 45px; padding:0;position: relative;color: #595757;} 
.faq dl dd img {position: absolute;left: -45px;top: 0;}

.list {border: 5px solid #ECECEC;padding: 20px;color: #595757;}
.list ul {}
.list ul li {font-size: 15px!important;line-height: 28px!important;}
.list {}
.list dl {}
.list dl dt {font-size: 18px!important;line-height: 28px!important;display: inline-block;vertical-align: top;padding: 0 20px 0 0;}
.list dl dd {font-size: 12px!important;line-height: 18px!important;display: inline-block;vertical-align: top;}


.loan {padding: 40px 0 20px;}
.loan h4 {background-color: #DDDDDD;border: 1px solid #CCCCCC;font-size: 19px;line-height: 50px;height: 50px;padding: 0 15px;}
.loan table {width: 100%; border-left: 1px solid #CCCCCC;margin: 0 0 20px;color: #595757;}
.loan table th {font-size: 18px!important;text-align: center; width: 20%; background-color: #EEEEEE;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding: 10px;}
.loan table td {font-size: 18px!important;text-align: right; width: 20%;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding: 10px;}
.loan table td.red {font-size: 20px!important;color: #DB0001;font-weight: 700;}



}

@media screen and (max-width: 767px) {





#pay {}
#pay h2 {
font-size: 16px;
line-height: 26px;
font-weight: 700;
padding: 20px 0;
}
#pay h3 {display:block;
	background-color:#43C34F;
	color:#fff;
	font-size: 14px;
	line-height:1.2em;
	padding:0.8em 1em 0.7em 1em;
	border-radius:0.2em;
	box-sizing:border-box;
	margin-bottom:1em;}
#pay p {font-size:1.4em;line-height:1.8em;margin-bottom:1em;color: #595757;s}
.method {
padding: 20px 0;
}
#pay ul {}
#pay ul li.disk {font-size:1.4em;line-height:1.8em;list-style: disc;margin: 0 0 0 20px;}

.method {
padding: 20px 0;
}
#pay ul {}
#pay ul li.disk {font-size:1.4em;line-height:1.8em;list-style: disc;margin: 0 0 0 20px;}

.method dl {}
.method dl dt {font-size: 28px;color: #00337D;text-align: center;
margin: 0 0 20px;}
.method dl dd {}
.method dl dd ul {
width: 100%;
height: inherit;
margin: 0;
}
.method dl dd ul li {width:100%;
height: 80px;
	margin: 0 0 2%!important;
	float: none!important;
	border: 2px solid #EEEEEE;
	 border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
	display: block;}
.method dl dd ul li:nth-child(4n) {
margin: 0;
}
.method dl dd ul li .methodblock {
background: #ffffff;
width: 380px;
height: 80px;
font-size: 14px;
line-height: 1.2em;
font-weight: 700;
display:table-cell;
	text-align: center;
	vertical-align: middle;
	color: #00337D;
	background-image: url(images/yajirushi.gif);
	background-size: 10%;
	background-repeat: no-repeat;
	background-position: 5px center;
}
.method dl dd ul li span {
font-size: 10px;font-weight: 700;
}
.method dl dd ul li a {
font-size: 14px;
line-height: 1.2em;
font-weight: 700;color: #00337D;}
.method dl dd ul li a:hover {opacity: 0.5;}

.flow {margin: 0;}
.flow ul {}
.flow ul li {}
.flow ul li.next {text-align: center;
padding: 10px 0;}
.flow ul li dl {background: #EEF8EF;padding: 5% 0;}
.flow ul li dl dt {display: inline-block;vertical-align: top;width: 15%!important;margin: 0 0 0 5%}
.flow ul li dl dt img  {width: 90%;}
.flow ul li dl dd {display: inline-block;vertical-align: top;width: 75%!important;}
.flow ul li dl dd dl {width: 100%!important;padding: 0;}
.flow ul li dl dd dl dt {width: 100%!important;font-size: 14px;line-height: 20px;font-weight: 700; margin:10px 0 10px;padding: 0 0 10px;
border-bottom: 1px dashed #43C14F;display: block;}
.flow ul li dl dd dl dd { width: 100%!important;font-size:12px;line-height:18px;color: #595757;}

.flow ul li dl dd dl dd span {font-size:12px;}


.card {position: relative;margin:40px 0;color: #595757;}
.card p {font-size: 12px!important; line-height: 18px!important;}
.card ul {
margin: 0 0 4%;
}
.card ul li.disk {font-size: 12px!important; line-height: 18px!important;}
.card_icon {
position: inherit;
top: 0;
right: 0;
border: 5px solid #ECECEC;
padding: 10px 10px 5px;
}
.card_icon dl {}
.card_icon dl dt {font-size: 12px!important; line-height: 18px!important;font-weight: 700; margin: 0 0 10px;text-align: center;}
.card_icon dl dt span {font-size: 10px;}
.card_icon dl dd.card_logo {display: block;margin: 0;}
.card_icon dl dd.card_logo ul {margin: 0;}
.card_icon dl dd.card_logo ul li {font-size: 12px!important; line-height: 18px!important;margin: 0 5% 0 0;width: 30%;text-align: center;}
.card_icon dl dd.card_logo ul li img {margin: auto;}
.card_icon dl dd.card_logo ul li:nth-child(3n) {margin: 0;}
.card_icon dl dd {font-size: 12px!important; line-height: 18px!important;display: block;vertical-align: middle;text-align: center;}



dl.merit {border: 5px solid #EEF8EF;}
dl.merit dt {font-size: 16px;line-height: 30px;height: 30px; background-color: #EEF8EF;padding:0 4%;}
dl.merit dd {padding:4%;font-size: 12px!important; line-height: 18px!important;color: #595757;}
dl.merit dd span {
font-weight: 700;}


.faq {padding: 0 0 20px;}
.faq dl {
background-color: #EEF8EF;
margin: 0 0 20px;
padding: 4%;
}
.faq dl dt {font-size: 14px;line-height: 20px; color: #43C14F;margin: 0 0 10px 45px; padding: 6px 0 10px;border-bottom: 1px solid #43C14F;position: relative;}
.faq dl dt img {position: absolute;left: -45px;top: 0;}
.faq dl dd {font-size: 12px!important; line-height: 18px!important;argin: 0 0 0 45px; padding:0;position: relative;color: #595757;} 
.faq dl dd img {position: absolute;left: -45px;top: 0;}

.list {border: 5px solid #ECECEC;padding: 10px;color: #595757;}
.list ul {}
.list ul li {font-size: 12px!important; line-height: 18px!important;}
.list {}
.list dl {}
.list dl dt {font-size: 12px!important; line-height: 18px!important;display: block;vertical-align: top;padding: 0 20px 0 0;}
.list dl dd {font-size: 10px!important;line-height: 14px!important;display: block;vertical-align: top;}


.loan {padding: 40px 0 20px;}
.loan h4 {background-color: #DDDDDD;border: 1px solid #CCCCCC;font-size: 14px;line-height: 30px;height: 30px;padding: 0 10px;}
.loan table {width: 100%; border-left: 1px solid #CCCCCC;margin: 0 0 20px;color: #595757;}
.loan table th {font-size: 10px!important;text-align: center; width: auto; background-color: #EEEEEE;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding: 6px;}
.loan table td {font-size: 10px!important;text-align: right; width: auto;border-bottom: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;padding: 6px;}
.loan table td.red {font-size: 12px!important;color: #DB0001;font-weight: 700;}



.br_pc {display: none;}

}