@charset "utf-8";
/* CSS Document */

.aboutMenu01 {
	width: 740px;
	float: left;
	padding: 55px 0 65px;
	overflow: hidden;
 *zoom: 1;
}
.aboutMenu01 li {
	float: left;
	width: 350px;
	padding: 0 10px 55px;
}
.aboutMenu01 li h3 {
	margin-bottom: 16px;
	color: #f8782c;
	font-weight: bold;
	font-size: 131%;/* 17px */
}
.aboutMenu01 li h3 a {
	text-decoration: none;
	color: #f8782c;
}
.aboutMenu01 h3 a:hover {
	text-decoration: underline;
}
.aboutContentWrap01 {
	overflow: hidden;
 *zoom: 1;
}
.aboutContentWrap01 img {
	float: left;
}
.aboutContentWrap01 .textWrap01 {
	float: right;
	width: 280px;
}
.aboutContentWrap01 .text01 {
	margin-bottom: 17px;
	width: 265px;
}
/* !lNavi01
---------------------------------------------------------- */
#lNavi01 {
	border: 1px solid #ccc;
	margin: 1px 0 40px 0;
	padding: 20px 10px 18px 10px;
}
#lNavi01 ul {
	overflow: hidden;
 *zoom: 1;
}
#lNavi01 ul li {
	background: url(/common/img/ico_arrow03.gif) no-repeat left 0.4em;
	padding: 0 0 0 15px;
	border-bottom: 1px dotted #ccc;
	margin: 0 0 11px 0;
}
#lNavi01 ul li.last {
	border-bottom: none !important;
	margin: 0px !important;
}
#lNavi01 ul li.last a {
	padding: 0px !important;
}
#lNavi01 ul li a {
	color: #333;
	text-decoration: underline;
	font-size: 100%;/* 13px */
	display: block;
	padding: 0 0 7px 0;
}
#lNavi01 ul li a:hover {
	text-decoration: none;
}
/* add 2013.09.24
---------------------------------------------------------- */
#aboutCntWrap {
	padding: 30px 0 0 0;
}
#aboutCntWrap h3 {
	border-bottom: solid 3px #cccccc;
	background-repeat: no-repeat;
	line-height: 62px;
	padding-left: 70px;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 15px;
}
#aboutCntWrap h3.step01 {
	background-image: url(../img/about_step01.gif);
}
#aboutCntWrap h3.step02 {
	background-image: url(../img/about_step02.gif);
}
#aboutCntWrap h3.step03 {
	background-image: url(../img/about_step03.gif);
}
#aboutCntWrap h3.step04 {
	background-image: url(../img/about_step04.gif);
}
#aboutCntWrap h3.step05 {
	background-image: url(../img/about_step05.gif);
}
#aboutCntWrap h3.point01, #aboutCntWrap h3.point02, #aboutCntWrap h3.point03 {
	border-bottom: solid 3px #cccccc;
	background-repeat: no-repeat;
	line-height: 55px;
	padding-left: 60px;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 15px;
}
#aboutCntWrap h3.point01 {
	background-image: url(../img/point_icon01.gif);
}
#aboutCntWrap h3.point02 {
	background-image: url(../img/point_icon02.gif);
}
#aboutCntWrap h3.point03 {
	background-image: url(../img/point_icon03.gif);
}
#aboutCntWrap h3.base {
	line-height: 160%;
	padding-left: 10px;
	border-bottom: solid 3px #cccccc;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 15px;
}
#aboutCntWrap h3.catalog {
	line-height: 160%;
	padding-left: 10px;
	border-bottom: solid 3px #cccccc;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 15px;
}
#aboutCntWrap h3.catalog .point {
	font-size: 150%;
}
#aboutCntWrap h3.catalog .green {
	color: #1e8924;
}
#aboutCntWrap h3.catalog .orange {
	color: #e88c55;
}
#aboutCntWrap .aboutDefBox {
	border: solid 10px #f6f6f6;
}
#aboutCntWrap .aboutDefBox p {
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
}
#aboutCntWrap .aboutDefBox p .banar {
	float: left;
	margin-right: 10px;
}
#aboutCntWrap .aboutDefBox .hiyou_list {
	clear: left;
	background-color: #FFF;
	padding: 15px;
	overflow: hidden;
}
#aboutCntWrap .aboutDefBox .hiyou_list li {
	float: left;
	margin-right: 2px;
}
#aboutCntWrap .aboutDefBox p .textaccent {
	color: #F00;
}
#aboutCntWrap .aboutDefBox .flow {
	background-color: #FFF;
	text-align: center;
	padding-top: 15px;
}
#aboutCntWrap .aboutDefBox .standardBox {
	background-color: #FFF;
	text-align: center;
	padding-top: 15px;
}
#aboutCntWrap .aboutDefBox .smtFlow {
	display: none;
}
#aboutCntWrap .aboutDefBox .aboutList_o {
	background-color: #FFF;
	padding: 15px;
}
#aboutCntWrap .aboutDefBox .aboutList_o li {
	border-bottom: solid 1px #e6e6e6;
	background-image: url(../img/about_list_mark.gif);
	background-repeat: no-repeat;
	padding: 6px 18px;
	background-position: 1px 9px;
}
#aboutCntWrap .aboutDefBox .aboutList_o li .textaccent {
	font-size: 120%;
	color: #F00;
	font-weight: bold;
}
#aboutCntWrap .aboutDefBox .aboutList_o li:last-child {
	border-bottom: none;
}
#aboutCntWrap .aboutDefBox .kessai {
	background-color: #FFF;
	padding: 15px;
}
#aboutCntWrap .aboutDefBox .kessai .boxS_l {
	margin-bottom: 15px;
	width: 330px;
	float: left;
}
#aboutCntWrap .aboutDefBox .kessai .boxS_r {
	margin-bottom: 15px;
	width: 330px;
	float: right;
}
#aboutCntWrap .aboutDefBox .kessai .boxLarge {
	margin-bottom: 15px;
}
#aboutCntWrap .aboutDefBox .kessai .boxLarge dt, #aboutCntWrap .aboutDefBox .kessai .boxS_l dt, #aboutCntWrap .aboutDefBox .kessai .boxS_r dt {
	color: #eb8c52;
	font-size: 130%;
	background-image: url(../img/about_kessai_icon.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	line-height: 21px;
	padding-left: 40px;
	margin-bottom: 10px;
}
#aboutCntWrap .aboutDefBox .kessai .boxLarge dd, #aboutCntWrap .aboutDefBox .kessai .boxS_l dd, #aboutCntWrap .aboutDefBox .kessai .boxS_r dd {
	background-color: #f6f6f6;
	padding: 10px;
	border-bottom: solid 1px #cccccc;
}
#aboutCntWrap .aboutDefBox .kessai .boxLarge dd p, #aboutCntWrap .aboutDefBox .kessai .boxS_l dd p, #aboutCntWrap .aboutDefBox .kessai .boxS_r dd p {
	background-color: #FFF;
	padding: 10px;
}
#aboutCntWrap .aboutDefBox .kessai .boxLarge dd .cap {
	display: block;
	padding-top: 8px;
	font-size: 80%;
}
#aboutCntWrap .aboutHr {
	background-image: url(../img/under_mark_orange.gif);
	background-position: center;
	height: 18px;
	background-repeat: no-repeat;
	margin-bottom: 15px;
}
#aboutCntWrap .aboutHr hr {
	display: none;
}
#aboutCntWrap .aboutAttent {
	background-color: #e78c53;
	color: #FFF;
	background-image: url(../img/about_attent.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	line-height: 51px;
	padding-left: 45px;
	font-size: 160%;
	font-weight: bold;
}
#aboutCntWrap .aboutAttentBox {
	border: solid 5px #e78c53;
	padding: 10px;
}
#aboutCntWrap .aboutAttentBox h3 {
	line-height: 140%;
	padding: 0px;
	font-size: 140%;
	border-bottom: solid 3px #cccccc;
	margin-bottom: 10px;
}
#aboutCntWrap .aboutAttentBox li {
	padding: 5px;
	color: #e4681a;
	font-weight: bold;
	font-size: 110%;
	background-color: #fff0e7;
	margin-bottom: 2px;
}
#aboutCntWrap .aboutAttentBox li:nth-child(even) {
	background-color: #FFF;
}
.cancel_table {
	border: solid 1px #d0d0d0;
	margin-bottom: 10px;
}
.cancel_table th {
	border-right: solid 1px #d0d0d0;
	border-top: solid 4px #d0d0d0;
	text-align: center;
	font-weight: bold;
	color: #e78c53;
	padding: 5px;
	font-size: 90%;
}
.cancel_table td {
	padding: 5px;
	font-size: 90%;
	border-right: solid 1px #d0d0d0;
}
.cancel_table td.odd {
	background-color: #fff0e7;
}
.cancel_table td.bk {
	font-weight: bold;
}
.cancel_table td.yb {
	font-weight: bold;
	color: #f8af00;
}
.cancel_table td.ob {
	font-weight: bold;
	color: #fb8200;
}
.cancel_table td.rb {
	font-weight: bold;
	color: #F00;
}
#aboutCntWrap .aboutAttentBox .aboutBus dt {
	background-repeat: no-repeat;
	line-height: 32px;
	padding-left: 40px;
	font-weight: bold;
	font-size: 110%;
	border-bottom: solid 1px #ccc;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#aboutCntWrap .aboutAttentBox .aboutBus dd {
	margin-bottom: 10px;
}
#aboutCntWrap .aboutAttentBox .aboutBus dt.step01 {
	background-image: url(../img/about_attent01.gif);
}
#aboutCntWrap .aboutAttentBox .aboutBus dt.step02 {
	background-image: url(../img/about_attent02.gif);
}
#aboutCntWrap .aboutAttentBox .aboutBus dt.step03 {
	background-image: url(../img/about_attent03.gif);
}
#aboutCntWrap .aboutAttentBox .aboutBus dt.step04 {
	background-image: url(../img/about_attent04.gif);
}
#aboutCntWrap .aboutAttentBox .aboutBus dt.step05 {
	background-image: url(../img/about_attent05.gif);
}
#aboutCntWrap .aboutAttentBox .aboutBus dt.step06 {
	background-image: url(../img/about_attent06.gif);
}
#aboutCntWrap a:link, #aboutCntWrap a:visited {
	color: #e78c53;
}
#aboutCntWrap .aboutDefBgBox {
	background-color: #e6e6e6;
	padding: 3px;
	border: solid 10px #f6f6f6;
}
#aboutCntWrap .aboutDefBgBox p {
	padding: 15px;
	background: url(/common/img/bg_plancont01.gif) left top repeat;
	overflow: hidden;
}
#aboutCntWrap .aboutDefBgBox p .left {
	float: left;
}
#aboutCntWrap .callcenterttl {
	background-color: #e78c53;
	color: #FFF;
	padding-left: 15px;
	line-height: 51px;
	font-size: 160%;
	font-weight: bold;
}
#aboutCntWrap h3.noborder{
	margin-bottom: 0 !important;
	border: none !important;
}
.topBorder{
	border-top:solid 3px #ccc;
}
.callcenterMain{
	background: url(../img/callcenter_mainimg.jpg) left top no-repeat;
	width: 740px;
	height: 340px;
}
.callcenterMain img{
	display: none;
}
#aboutCntWrap .callcenterBox {
	margin-bottom: 30px;
	padding: 15px;
	border: solid 10px #e78c53;
}
#aboutCntWrap .callcenterBox ul{
	overflow: hidden;
}
#aboutCntWrap .callcenterBox li{
	box-sizing: border-box;
	float: left;
	width: 40%;
	background: url(../img/ico_check.png) left center no-repeat;
	padding:10px 10px 10px 37px;
	font-size: 18px;
	font-weight: bold;
}
#aboutCntWrap .callcenterBox li:nth-child(even){
	width: 60%;
}
#aboutCntWrap .callcenterBox li span{
	font-size: 12px;
	font-weight: normal;
}
#aboutCntWrap .callcenterBox h4{
	font-size: 20px;
	padding: 10px 0;
}
#aboutCntWrap .callIcon {
	background-image: url(/about/img/callcenter_icon.gif);
	background-repeat: no-repeat;
	line-height: 80px;
	padding-left: 90px;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 15px;
}
#aboutCntWrap .priceInfoIcon {
	background-image: url(/about/img/price_point_ico.png);
	background-repeat: no-repeat;
	line-height: 80px;
	padding-left: 90px;
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 15px;
}
.point_navi {
	overflow: hidden;
	margin-bottom: 50px;
	height: 51px;
}
.point_navi li {
	float: left;
}
#aboutCntWrap h4.pointsb01, #aboutCntWrap h4.pointsb02, #aboutCntWrap h4.pointsb03 {
	border-bottom: solid 2px #cccccc;
	background-repeat: no-repeat;
	line-height: 35px;
	padding-left: 55px;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 15px;
}
#aboutCntWrap h4.pointsb01 {
	background-image: url(/about/img/point_subicon01.gif);
}
#aboutCntWrap h4.pointsb02 {
	background-image: url(/about/img/point_subicon02.gif);
}
#aboutCntWrap h4.pointsb03 {
	background-image: url(/about/img/point_subicon03.gif);
}
#aboutCntWrap .aboutDefBox .point_flow {
	background-color: #fff;
}
#aboutCntWrap .aboutDefBox .point_flow li {
	border-bottom: solid 1px #e6e6e6;
	text-align: center;
	padding: 10px;
}
#aboutCntWrap .aboutDefBox .point_flow li img{
	display: none;
}
#aboutCntWrap .aboutDefBox .point_flow li.pointflow01{
	background: url(../img/flow01.png) center center no-repeat;
	height: 170px;
}
#aboutCntWrap .aboutDefBox .point_flow li.pointflow02{
	background: url(../img/flow02.png) center center no-repeat;
	height: 170px;
}
#aboutCntWrap .aboutDefBox .point_flow li:last-child {
	border-bottom: none;
}
.inq_btn {
	text-align: center;
	margin-bottom: 30px;
}
#aboutCntWrap .qa_navi {
	margin-left: 15px;
	overflow: hidden;
}
#aboutCntWrap .qa_navi li {
	color: #FFF;
	font-size: 140%;
	font-weight: bold;
	float: left;
	margin-right: 1px;
}
#aboutCntWrap .qa_navi li.stay {
	padding: 5px 10px;
	background-color: #e88c55;
}
#aboutCntWrap .qa_navi li a:link, #aboutCntWrap .qa_navi li a:visited {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 10px;
	background-color: #c0c0c0;
}
#aboutCntWrap .qa_navi li a:hover, #aboutCntWrap .qa_navi li a:active {
	padding: 5px 10px;
	background-color: #e88c55;
}
.qa_bar {
	position: relative;
	border-top: solid 1px #fff;
	height: 10px;
	background-color: #f8c2a2;
	margin-bottom: 1px;
}
.qa_bar .pos01 {
	position: absolute;
	left: 30px;
	top: -1px;
}
.qa_bar .pos02 {
	position: absolute;
	left: 220px;
	top: -1px;
}
.qa_bar .pos03 {
	position: absolute;
	left: 490px;
	top: -1px;
}
.qaBox {
	border: solid 1px #cccccc;
	padding: 15px 15px 0px 15px;
	margin-bottom: 30px;
}
.qaBox .help_list dt {
	background-position: 5px 14px;
	background-repeat: no-repeat;
	background-image: url(../img/qa_markq.gif);
	background-color: #f2f2f2;
	padding: 10px 10px 10px 24px;
	border-bottom: solid 1px #ccc;
	font-size: 120%;
}
.qaBox .help_list dd {
	background-position: 5px 14px;
	background-repeat: no-repeat;
	background-image: url(../img/qa_marka.gif);
	padding: 10px 10px 10px 24px;
	font-size: 120%;
	margin-bottom: 15px;
}
.bbsBox {
	border: solid 10px #e88c55;
	margin-bottom: 35px;
}
#aboutCntWrap .bbsBox h3 {
	background-color: #fce0cf;
	border-bottom: none;
	font-size: 120%;
	line-height: 180%;
	padding: 5px;
	margin-bottom: 0px;
}
#aboutCntWrap .bbsBox .data {
	padding: 8px;
	float: right;
}
#aboutCntWrap .bbsBox .hyouka {
	background-color: #f6f6f6;
	padding-left: 5px;
	font-size: 80%;
	line-height: 15px;
	border-bottom: solid 1px #e3e3e3;
}
#aboutCntWrap .bbsBox .subject {
	padding: 10px;
}
#aboutCntWrap .bbsBox .staff {
	margin: 10px;
	padding: 35px 10px 10px 10px;
	background-color: #f2f2f2;
	background-image: url(../img/icon_staff.gif);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.bbs_next {
	text-align: right;
	margin-bottom: 30px;
}
.fax_pdf {
	margin-left: 30px;
	margin-right: 20px;
	overflow: hidden;
	margin-bottom: 30px;
}
.fax_pdf li {
	width: 326px;
	float: left;
}
.fax_pdf li img {
	margin-bottom: 15px;
}
.fax_pdf li a:link, .fax_pdf li a:visited {
	color: #333 !important;
}
.fax_pdf li a.pdf_btn {
	display: block;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(226,226,226,1)), color-stop(50%, rgba(219,219,219,1)), color-stop(51%, rgba(209,209,209,1)), color-stop(100%, rgba(254,254,254,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=0 ); /* IE6-9 */
}
.fax_pdf li a.pdf_btn:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
/**** add 20140402 ****/
.merrycard {
	border: solid 6px #e88c55;
	margin-left: 270px;
	width: 300px;
}
.merrycard dt {
	width: 80px;
	font-weight: bold;
	color: #e88c55;
	float: left;
	padding: 10px 10px;
}
.merrycard dd {
	font-weight: bold;
	font-size: 160%;
	padding: 5px;
}
.merrycard dd.btr {
	border-bottom: solid 6px #e88c55;
}
a.otherlink {
	background-image: url(/common/img/ico_footer01.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	display: block;
	padding-left: 20px;
}
a.otherlink:link, a.otherlink:visited {
	color: #333 !important;
	font-weight: bold;
}
#catalogWrap {
	padding: 30px 0 0 0;
}
#catalogBox01 {
	border: solid 10px #1f8925;
	padding: 10px;
	margin-bottom: 20px;
}
#catalogBox02 {
	border: solid 10px #f9799d;
	padding: 10px;
	margin-bottom: 20px;
}
#catalogBox03 {
	border: solid 10px #ea8b51;
	padding: 10px;
}
#catalogWrap ul {
	overflow: hidden;
}
#catalogWrap li {
	position: relative;
	list-style: none;
	text-align: center;
	width: 226px;
	height: 226px;
	box-sizing: border-box;
	float: left;
	margin-right: 11px;
	margin-bottom: 11px;
}
#catalogWrap li:nth-child(3), #catalogWrap li:nth-child(6) {
	margin-right: 0;
}
#catalogWrap li:nth-child(4), #catalogWrap li:nth-child(5), #catalogWrap li:nth-child(6) {
	margin-bottom: 0;
}
/* Common style */
#catalogWrap li figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	min-width: 226px;
	max-width: 226px;
	max-height: 226px;
	width: 226px;
	text-align: center;
	cursor: pointer;
}
#catalogBox01 li.ttl {
	background-color: #1f8925;
}
#catalogBox02 li.ttl {
	background-color: #f9799d;
}
#catalogBox03 li.ttl {
	background-color: #ea8b51;
}
#catalogWrap li.ttl {
	padding: 80px 0 0 0;
	box-sizing: border-box;
	height: 226px;
	line-height: 120%;
	color: #fff;
	font-size: 44px;
	font-weight: bold;
	text-align: center;
}
#catalogWrap li.ttl span {
	line-height: 120%;
	display: block;
	font-size: 14px;
}
#catalogWrap li figure img.ph {
	position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;
}
#catalogWrap li img.icon {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 10;
}
#catalogWrap li figure figcaption {
	padding: 70px 10px 10px 10px;
	box-sizing: border-box;
	color: #fff;
	font-size: 1.25em;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#catalogWrap li figure figcaption::before, #catalogWrap li figure figcaption::after {
	pointer-events: none;
}
#catalogWrap li figure figcaption, #catalogWrap li figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
#catalogWrap li figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
#catalogWrap li figure h2 {
	font-weight: bold;
	padding: 10px 5px;
	background: rgba(255,255,255,0.6);
	margin-bottom: 10px;
	color: #333;
	font-size: 16px;
}
#catalogWrap li figure h2 span {
	font-weight: bold;
}
#catalogWrap li figure h2, #catalogWrap li figure p {
	margin: 0;
}
#catalogWrap li figure p {
	font-size: 68.5%;
	background: rgba(255,255,255,0.6);
	margin-top: 10px;
	color: #333
}
figure.effect-ruby img.ph {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}
figure.effect-ruby:hover img.ph {
	opacity: 0.5;
	-webkit-transform: scale(1);
	transform: scale(1);
}
figure.effect-ruby h2 {
	margin-top: 20%;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0);
	transform: translate3d(0, 20px, 0);
}
figure.effect-ruby p {
	padding: 10px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, 20px, 0) scale(1.1);
	transform: translate3d(0, 20px, 0) scale(1.1);
}
figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0) scale(1);
	transform: translate3d(0, 0, 0) scale(1);
}
.mitsumoriBar {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: solid 10px #f4f4f4;
	margin-bottom: 40px;
}
.mitsumoriBar ul {
	overflow: hidden;
	padding: 10px;
}
.mitsumoriBar li {
	float: left;
}
.mitsumoriBar li a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.mitsumoriBar li:first-child {
	margin-right: 20px;
}
.pricePoint {
	overflow: hidden;
	margin-bottom: 40px;
}
.pricePoint li {
	float: left;
	width: 365px;
	margin-bottom: 10px;
	border: solid 5px #ccc;
	padding: 10px;
	box-sizing: border-box;
}
.pricePoint li p{
	min-height: 140px;
}
.pricePoint li:nth-child(odd) {
	margin-right: 10px;
}
#aboutCntWrap .pricePoint li h3 {
	border-bottom: none;
	background-repeat: no-repeat;
	background-position: top center;
	line-height: 1.8;
	padding-left: 0;
	padding-top: 80px;
	font-size: 160%;
	font-weight: bold;
	margin-bottom: 15px;
	text-align: center;
}
#aboutCntWrap .pricePoint li h3.ico01 {
	background-image: url(../img/price_ico01.png);
}
#aboutCntWrap .pricePoint li h3.ico02 {
	background-image: url(../img/price_ico02.png);
}
#aboutCntWrap .pricePoint li h3.ico03 {
	background-image: url(../img/price_ico03.png);
}
#aboutCntWrap .pricePoint li h3.ico04 {
	background-image: url(../img/price_ico04.png);
}
.priceCatch {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
}
.priceCatch span {
	color: #e48b53;
}
.pointBox {
	border: solid 10px #f6f6f6;
	overflow: hidden;
	position: relative;
}
.pointBox h5 {
	font-size: 14px;
	font-weight: bold;
	padding: 10px 15px;
	border-bottom: solid 5px #f6f6f6;
}
.pointBox h5 span {
	font-size: 18px;
}
.pointBox .pointLogo {
	clear: both;
	float: left;
	padding: 0 20px;
	margin-right: 20px;
	text-align: center;
}
.pointBox .pointLogo img {
	width: 80%;
	height: auto;
	margin-top: 10px;
}
.pointBox dl {
	clear: right;
	overflow: hidden;
}
.pointBox dt {
	float: left;
	box-sizing: border-box;
	padding: 10px 40px 10px 20px;
	background: url(../img/ico_pointchange.png) right center no-repeat;
	background-size: 24px;
	margin-right: 10px;
}
.pointBox dl span {
	font-size: 24px;
	font-weight: bold;
	margin-right: 5px;
}
.pointBox dd span {
	color: #E88C55;
}
.pointBox dd {
	padding: 10px 20px;
	border-bottom: solid 2px #f6f6f6;
}
.pointBox dd:last-child {
	border-bottom: none;
}
.pointBox .amazonInfo {
	position: absolute;
	right: 0;
	top: 0;
	padding: 15px;
}
.pointBox .singleLogo {
	border-bottom: solid 2px #f6f6f6;
}
.pointBox .singleLogo dl {
	line-height: 56px;
}
.pointBox .singleLogo.nbd {
	border-bottom: none;
}
.pointBox .singleLogo ul {
	overflow: hidden;
}
.pointBox .singleLogo ul li {
	float: left;
	width: 49%;
	margin-right: 2%;
	position: relative;
}
.pointBox .singleLogo ul li:first-child:after {
	content: "or";
	position: absolute;
	right: 30px;
	top: 0;
	font-size: 24px;
	color: #ccc;
}
.pointBox .singleLogo ul li span {
	color: #E88C55;
	font-size: 24px;
	font-weight: bold;
	margin-right: 5px;
}
.pointBox .singleLogo ul li:last-child {
	margin-right: 0;
}
.hiyouAttent{
	border: solid 10px #e88c55;
	padding: 20px;
	text-align: center;
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 40px;
}
.hiyouAttent span{
	font-size: 16px;
	display: block;
}
.hiyouAttent span.wb{
	font-weight: bold;
	font-size: 20px;
	display: inline-block;
	color: #e88c55;
}
#aboutCntWrap h3.bankTit {
	border-bottom:none;
	line-height:1.6;
	padding-left: 0;
	font-size: 160%;
	margin-bottom: 30px;
}
.bankList{
	margin-left: 10px;
	padding-left: 10px;
}
.bankList li{
	list-style:square;
	margin-bottom: 5px;
	font-size: 16px;
}
@media screen and (max-width: 640px) {
.aboutMenu01 {
	width: 100%;
	float: none;
	padding: 20px 0;
}
.aboutMenu01 li {
	width: 100%;
	float: none;
	padding: 20px 0;
	border-top: dotted 1px #ccc;
}
.aboutMenu01 li h3 {
	text-align: center;
	font-size: 16px;/* 17px */
}
.aboutContentWrap01 img {
	float: none;
	margin: 0 0 15px 0;
}
.aboutContentWrap01 p a {
	display: block;
	text-align: center;
}
.aboutContentWrap01 .textWrap01 {
	width: 100%;
	float: none;
}
.aboutContentWrap01 .text01 {
	width: 100%;
}
.aboutContentWrap01 .arrowLinks01 a {
	background: #e88c55;
	color: #fff;
	font-size: 14px;
	padding: 10px;
	text-decoration: none;
	border-radius: 5px;
}
#aboutCntWrap h3 {
	border-bottom: none;
	line-height: 1.6;
	padding-left: 0;
	font-size: 20px;
	text-align: center;
	padding-top: 82px;
	border-top: dotted 1px #ccc;
	background-position: center 10px;
}
#aboutCntWrap h3.noborder{
padding-top:0;font-size: 18px;
padding-bottom:0;
}
#aboutCntWrap h3.point01, #aboutCntWrap h3.point02, #aboutCntWrap h3.point03 {
	border-bottom: none;
	line-height: 1.6;
	padding-left: 0;
	font-size: 20px;
	text-align: center;
	padding-top: 82px;
	border-top: dotted 1px #ccc;
	background-position: center 20px;
}
#aboutCntWrap h3.base {
	border-bottom: none;
	line-height: 1.6;
	padding-left: 0;
	font-size: 20px;
	text-align: center;
	padding-top: 30px;
	border-top: dotted 1px #ccc;
	background-position: center 10px;
}
#aboutCntWrap h3.catalog {
	border-bottom: none;
	line-height: 1.6;
	padding-left: 0;
	font-size: 20px;
	text-align: center;
	padding-top: 82px;
	border-top: dotted 1px #ccc;
	background-position: center 10px;
}
#aboutCntWrap .aboutDefBox {
	border: solid 5px #f6f6f6;
}
#aboutCntWrap .aboutDefBox p {
	padding: 10px;
}
#aboutCntWrap .aboutreserve {
	display: none;
}
#aboutCntWrap .aboutDefBox .flow {
	display: none;
}
#aboutCntWrap .aboutDefBox .smtFlow {
	display: block;
}
.stepBox.last {
	background: none;
}
.stepBox h2 {
	color: #60ae39;
	font-size: 2.2rem;
	text-align: center;
	margin-bottom: 20px;
}
.stepBox h2 span.step {
	color: #fff;
	font-size: 1.6rem;
	background-color: #60ae39;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px 0;
	display: block;
	margin-bottom: 20px;
}
.stepBox h2 span.cap {
	font-size: 1.4rem;
}
.stepBox .aboutList li {
	border-bottom: dotted 1px #d1d1d1;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.stepBox .aboutList li:last-child {
	margin-bottom: 0;
}
.stepBox .aboutList .green {
	color: #60ae39;
	font-weight: bold;
}
#tabMenu {
	overflow: hidden;
}
#tabMenu li {
	float: left;
	width: 50%;
	font-size: 14px;
	box-sizing: border-box;
	background-color: #ff9a22;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	padding: 10px 0;
	display: block;
	text-align: center;
	color: #fff;
}
#tabMenu li:first-child {
	border-right: solid 1px #fff;
	background-color: #ededed;
	color: #333;
}
#tabBox1 {
	padding: 10px;
	border: solid 10px #ededed;
	background-color: #fff;
}
#tabBox2 {
	padding: 10px;
	display: none;
	border: solid 10px #ff9a22;
	background-color: #fff;
}
.stepBox ol li {
	background: url(../img/ico_flow.png) center bottom no-repeat;
	-webkit-background-size: 24px 21px;
	-moz-background-size: 24px 21px;
	background-size: 24px 21px;
	padding-bottom: 26px;
	margin-bottom: 5px;
	font-size: 14px;
}
.stepBox ol .step01 {
	background-color: #60ae39 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 0;
	display: block;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}
.stepBox ol .step02 {
	background-color: #ff9a22 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 0;
	display: block;
	color: #fff;
	text-align: center;
}
.stepBox ol .step03 {
	background-color: #cd0101 !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 10px 0;
	display: block;
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
}
.stepBox .rb {
	color: #cd0101 !important;
}
.stepBox ol li:last-child {
	padding: 10px 0;
	font-size: 14px;
	position: relative;
	display: block;
	text-align: center;
	background: #ededed;
}
.stepBox ol .fukidashi {
	padding: 10px 0;
	font-size: 14px;
	position: relative;
	display: block;
	text-align: center;
	background: #ededed;
	border: 3px solid #ededed;
}
.stepBox ol .fukidashi:after, .stepBox ol .fukidashi:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.stepBox ol .fukidashi:after {
	border-color: rgba(237, 237, 237, 0);
	border-bottom-color: #ededed;
	border-width: 10px;
	margin-left: -10px;
}
.stepBox ol .fukidashi:before {
	border-color: rgba(237, 237, 237, 0);
	border-bottom-color: #ededed;
	border-width: 14px;
	margin-left: -14px;
}
#aboutCntWrap .aboutDefBox .kessai {
	padding: 10px;
}
#aboutCntWrap .aboutDefBox .kessai .boxS_l {
	margin-bottom: 30px;
	width: 100%;
	float: none;
	box-sizing: border-box;
}
#aboutCntWrap .aboutDefBox .kessai .boxS_r {
	margin-bottom: 30px;
	width: 100%;
	float: none;
	box-sizing: border-box;
}
#aboutCntWrap .aboutDefBox .kessai br.clear {
	display: none;
}
#aboutCntWrap .aboutDefBox .kessai dl.boxS_r:nth-of-type(4) {
	margin-bottom: 0 !important;
}
#aboutCntWrap .aboutDefBox .kessai .boxLarge dt, #aboutCntWrap .aboutDefBox .kessai .boxS_l dt, #aboutCntWrap .aboutDefBox .kessai .boxS_r dt {
	font-size: 16px;
	background-image: none;
	font-weight: bold;
	line-height: 1.6;
	padding-left: 0px;
}
#aboutCntWrap .aboutAttentBox h3 {
	border-top: none;
	padding: 10px 0;
}
#aboutCntWrap .qa_navi {
	margin-left: 0;
	margin-bottom: 20px;
}
#aboutCntWrap .qa_navi li {
	font-size: 18px;
	float: none;
	margin-right: 0;
	border-bottom: solid 1px #fff;
}
#aboutCntWrap .qa_navi li.stay {
	padding:10px;
}
#aboutCntWrap .qa_navi li a:link, #aboutCntWrap .qa_navi li a:visited {
	padding: 10px;
}
#aboutCntWrap .qa_navi li a:hover, #aboutCntWrap .qa_navi li a:active {
	padding: 10px;
}
.qa_bar {
	position: relative;
	border-top: solid 1px #fff;
	height: 10px;
	background-color: #f8c2a2;
	margin-bottom: 1px;
}
.qa_bar .pos01,.qa_bar .pos02,.qa_bar .pos03 {
	display: none;
}
.cancel_table {
	margin-bottom: 0;
	border-bottom: none;
}
	.cancel_table thead{
		display: none;
	}
.cancel_table tr{
	display: block;
}
.cancel_table td {
	box-sizing: border-box;
	display: block;
	width: 100%;
	text-align: right;
	border-right: none;
	position: relative;
	border-bottom: solid 1px #d0d0d0;
}
	.cancel_table td:before{
		position: absolute;
		left: 5px;
		top:5px;
		font-size: 12px;
	}
	.cancel_table td:first-child:before{
		content: "キャンセル日";
	}
	.cancel_table td:nth-child(2):before{
		content: "14~8日前";
	}
	.cancel_table td:nth-child(3):before{
		content: "7~2日前";
	}
	.cancel_table td:nth-child(4):before{
		content: "前日";
	}
	.cancel_table td:nth-child(5):before{
		content: "当日";
	}
.cancel_table td:nth-child(even) {
	background-color: #fff;
}
#aboutCntWrap .aboutDefBox p .banar {
	float: none;
	margin-right: 0;
	margin-bottom: 10px;
	display: block;
}
#aboutCntWrap .aboutDefBox .hiyou_list li {
	float: none;
	margin-right: 0;
	background: #f6f6f6;
}
#aboutCntWrap h2.callcenterttl {
	text-align: center;
	padding-left: 0;
	line-height: 1.8;
	font-size: 20px;
}
.callcenterMain{
	background:none;
	width: 100%;
	height: auto;
}
.callcenterMain img{
	display: block;
	width: 100%;
	height: auto;
}
#aboutCntWrap .callcenterBox {
	margin-bottom: 30px;
	padding: 15px;
	border: solid 10px #e78c53;
}
#main.nopd {
	padding: 0;
}
	#main.nopd .areapd{
		padding: 0 20px;
	}
#main.nopd #aboutCntWrap p{
	padding: 0 20px;
}
#aboutCntWrap .callcenterBox li{
	float: none;
	width: 100%;
	background: url(../img/ico_check.png) left 8px no-repeat;
}
#aboutCntWrap .callcenterBox li:nth-child(even){
	width: 100%;
}
#aboutCntWrap .callcenterBox li span{
	display: block;
}
#aboutCntWrap .callcenterBox p{
	padding: 0 !important;
}
#aboutCntWrap .callcenterBox p img{
	display: block;
	width: 100%;
	height: auto;
}
#aboutCntWrap .callIcon {
	background-image: url(/about/img/callcenter_icon.gif);
	background-size: 60px;
	background-position: 20px top;
	line-height: 1.4;
	padding: 0 20px 0 90px;
	font-size: 22px;
}
#aboutCntWrap .callIcon.noborder{
text-align:left;
line-height:1.8;
	background-position: left top;
	padding: 0 20px 0 70px;
}
#aboutCntWrap .priceInfoIcon {
	background-image: url(/about/img/price_point_ico.png);
	background-size: 60px;
	background-position: 0 top;
	line-height: 1.4;
	padding: 0 0 0 70px;
	font-size: 22px;
}
#aboutCntWrap .aboutDefBgBox p {
	padding: 15px 15px 100px 15px !important;
	font-size: 16px;
	position: relative;
}
	#aboutCntWrap .aboutDefBgBox p br{
		display: none;
	}
#aboutCntWrap .aboutDefBgBox p .left {
	float: none;
	position: absolute;
	bottom: 0;
	left:0;
	width: 100px;
	height: auto;
}
#aboutCntWrap .aboutDefBgBox p .fukidashi {
	position: absolute;
	bottom: 10px;
	right:0;
	width: 200px;
	height: auto;
}
.point_navi {
	display: none;
}
.pointBox {
	border: solid 5px #f6f6f6;
}
.pointBox .pointLogo {
	float: none;
	padding: 0 20px;
	margin-right: 0;
}
.pointBox .pointLogo img {
	width: 70%;
}
.pointBox dt {
	padding: 10px 20px 10px 10px;
	background: url(../img/ico_pointchange.png) right center no-repeat;
	background-size: 20px;
	margin-right: 5px;
}
.pointBox dl span {
	font-size: 20px;
	margin-right: 3px;
}
.pointBox dd {
	padding: 10px;
}
.pointBox .amazonInfo {
	position: static;
	padding: 15px 15px 0 15px;
}	
.pointBox .singleLogo p {
	padding: 0 20px;
}
.pointBox .singleLogo dt,.pointBox .singleLogo dd{
	padding: 10px 20px;		
}
.pointBox .singleLogo ul{
	padding: 0 20px 20px 20px;
}
.pointBox .singleLogo ul li {
	float: none;
	width: 100%;
	margin-right: 0;
}
.pointBox .singleLogo ul li:first-child:after {
	display: none;
}
#aboutCntWrap .aboutDefBox .point_flow li img{
	display: block;
	width: 100%;
	height: auto;
}
#aboutCntWrap .aboutDefBox .point_flow li.pointflow01{
	background: none;
	height: auto;
}
#aboutCntWrap .aboutDefBox .point_flow li.pointflow02{
	background: none;
	height: auto;
}
.inq_btn {
	margin-bottom: 10px;
}
	.inq_btn img{
		width: 100%;
		height: auto;
}
#catalogWrap li {
	width:100%;
	height:auto;
	margin-right:0;
}
#catalogWrap li:nth-child(3),#catalogWrap li:nth-child(6){
	margin-right:0;
}
#catalogWrap li:nth-child(4),#catalogWrap li:nth-child(5),#catalogWrap li:nth-child(6){
	margin-bottom:10px;
}
#catalogWrap li:last-child{
	margin-bottom:0;
}
/* Common style */
#catalogWrap li figure {
	min-width: 1px;
	max-width: 640px;
	max-height: 640px;
	width:100%;
	height:auto;
}
figure.effect-ruby img.ph {
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}

figure.effect-ruby:hover img.ph {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
	#aboutCntWrap .aboutDefBox .standardBox img{
		width: 100%;
		height: auto;
	}
	.fax_pdf {
	margin-left: 0;
	margin-right: 0;
}
.fax_pdf li {
	width: 100%;
	float: none;
	margin-bottom: 30px;
}
.fax_pdf li img {
	width: 100%;
	height: auto;
}
#aboutCntWrap .bbsBox h3 {
	text-align: left;
	padding: 10px;
}
#aboutCntWrap .bbsBox .data {
	float: none;
	text-align: left;
	padding: 10px;
	display: block;
}
.bbs_next {
	text-align: center;
}
.pricePoint li {
	float: none;
	width: 100%;
	margin-bottom: 20px;
}
.pricePoint li p{
	min-height: 1px;
}
.pricePoint li:nth-child(odd) {
	margin-right: 0;
}
#aboutCntWrap .pricePoint li h3 {
	border-top: none;
	font-size: 140%;
}
}