@charset "Shift_JIS";

.freepage-flame {
	width: 1080px;
	margin: auto;
}
.topic-frame p {
	margin:20px 0;
}


/* --------------------------------------------------------------------
	�t���[�y�[�W�@���P�Ή���
--------------------------------------------------------------------- */
#block-kaizen .block-supage-title{
	background-image: url(../img/usr/freepage/kaizen/mv_pc.jpg);
}
#block-kaizen .block-kaizen-intro{
	margin: 50px 0 90px 0;
}
#block-kaizen .block-kaizen-intro p{
	font-size: 2.0rem;
	line-height: 2.0;
}
.block-kaizen--items{
}
.block-kaizen--item{
	margin-bottom: 95px;
}
.block-kaizen--item a{
	color: #222;

}
.block-kaizen--item h2{
	position: relative;
	font-size: 3.2rem;
	font-weight: bold;
	letter-spacing: 0.07em;
	line-height: 1.3;
	padding-top: 10px;
	margin-bottom: 30px;
 border-top: solid 2px #00ae4a;
}
.block-kaizen--content{
	display: flex;
}
.block-kaizen--content>span{
	display: block;
	width: 500px;
}
.block-kaizen--content>span img{
	display: block;
}
.block-kaizen--content-text{
	flex: 1;
	padding-left: 35px;
}
.block-kaizen--content-text p{
	margin-top: -0.5em;
	margin-bottom: 1.5em;
	font-size: 2.0rem;
	line-height: 2.0;
}
.block-kaizen--content .common-link{
	justify-content: flex-start;
}
.block-kaizen--content .common-link a{
	min-width: auto;
	padding: 0 50px;
}

/* --------------------------------------------------------------------
	���p�K��E��ЊT�v�@����
--------------------------------------------------------------------- */

#block-company{
	margin-bottom: 50px;
}
#block-company h1{
	background-color: #00ae4a;
	color: #ffffff;
	text-align: center;
	font-size: 3.8rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 1.4;
	padding: 0.3em 1em;
	margin-bottom: 30px;
}
.block-company-intro{
	margin-bottom: 70px;
}
.block-company-intro p{
	line-height: 1.9;
}
#block-company h2{
	position: relative;
	font-size: 3.0rem;
	font-weight: bold;
	padding-left: 21px;
	margin-bottom: 30px;
}
#block-company h2 span.secondary{
	font-size: 2.0rem;
}

#block-company .block-company-items+h2{
	margin-top: 60px;
}
.block-company-items{
	border-top: 1px #dddddd solid;
}
.block-company-items>li{
	border-bottom: 1px #dddddd solid;
	padding: 2em 0 1em 0;
}
.block-company-items>li h3{
	font-size: 2.2rem;
	font-weight: bold;
	letter-spacing: 0.02em;
	margin-bottom: 20px;
}
.block-company-items>li p{
	line-height: 1.9;
	margin-bottom: 1em;
}
.block-company-items>li ul{
	line-height: 1.9;
	margin-bottom: 1em;
}
.block-company-items>li ul li{
	line-height: 1.9;
	margin-bottom: 0.4em;
}
.block-company-items>li ul li:last-child{
	margin-bottom: 0;
}

#block-company table{
	width:800px;
 margin:30px;
}
#block-company table,#block-company td,#block-company th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
#block-company td,#block-company th {
	padding: 10px;
	width: 30px;
	height: 25px;
}
#block-company th {
	background-color: #e5f7ed;
	color: #00ae4a;
	font-weight: bold;
}
#block-company .even {
	background: #fbf8f0;
}
#block-company .odd {
	background: #fefcf9;
}


/* --------------------------------------------------------------------
	�ɓ����̃T�X�e�i�r���e�B
--------------------------------------------------------------------- */
#block-sustainability{
	margin-bottom: 50px;
}
#block-sustainability h1{
	background-color: #00ae4a;
	color: #ffffff;
	text-align: center;
	font-size: 3.8rem;
	font-weight: bold;
	letter-spacing: 0.03em;
	line-height: 1.4;
	padding: 0.3em 1em;
	margin-bottom: 30px;
}


.block-sustainability-primary ul{
	margin: 30px auto;
	width: 970px;
 padding:0 15px
	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;
}
.block-sustainability-primary li{
	border: 1px solid #595959;
	display: inline-block;
 width: 440px;
 height: ;
	margin: 0 20px;
	padding: 0 20px 20px;
}

.block-sustainability-primary dl{
	margin:0;
}

.block-sustainability-primary dt{
 text-align:center;
	font-weight:bold;
	font-size:
	padding: 10px;
	color: #00893a;
}
.block-sustainability-primary dd{
	border: 1px solid #595959;
	margin:0 auto 10px;
}
.block-sustainability-primary p.button{
	border: 1px solid #595959;
	display: flex;
}
.block-sustainability-primary h2{
	background-color: #ffffff;
 text-align:center;
	font-size: 3.0rem;
	font-weight: bold;
	margin:50px auto 30px;
}
.block-sustainability-primary h3{
 text-align:center;
	font-weight:bold;
	font-size: 2.6rem;
	padding: 10px;
	color: #00893a;
}

.block-sustainability-secondary {
	width:500px;
 padding:10px;
	margin:50px auto;
}
.block-sustainability-secondary h2{
	text-align: center;
	background-color: #ffffff;
	margin:50px auto 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
.block-sustainability-secondary p {
	margin-top:30px;
}

.block-sustainability-topics {
	width:900px;
	margin:auto;
}
.block-sustainability-topics h2{
	text-align: center;
	background-color: #ffffff;
	margin:50px auto 30px;
	font-size: 3.0rem;
	font-weight: bold;
}
.block-sustainability-topics ul {
	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;
	justify-content: space-between;
}
.block-sustainability-topics li {
	width: 237px;
	margin: 20px;
}
.block-sustainability-topics h4 {
	font-weight:bold;
}

-------

.block-sustainability-primary ul {
  display: flex;
  justify-content: space-between;
}

.block-sustainability-primary li {
  display: flex;
  flex-direction: column;
}

.block-sustainability-primary .btn {
  margin-top: auto;
}


/* --------------------------------------------------------------------
	���i�y�[�W�@����
--------------------------------------------------------------------- */
/*--------------------------------------
	Q&A PC
--------------------------------------*/
#qa_box{
	display: block;
	padding-bottom: 40px;
	margin-bottom: 60px;
}

#qa_box h3 {
	background-color: #00893a;
	color: #ffffff;
	font-size: 2.6rem;
	font-weight: bold;
	padding: 4px 0.5em;
	margin-bottom: 29px;
}

#qa_box .qa_sub_box{
	width: 960px;
	margin-top: 20px;
	margin-left: 60px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666;
	padding-bottom: 20px;
}

#qa_box .qa_sub_box .r_01{
	width: 480px;
	float: left;
	padding: 20px;
}

#qa_box .qa_sub_box .r_02{
	width: 480px;
	float: right;
	padding-bottom: 10px;
}

#qa_box .qa_sub_box2{
	width: 960px;
	margin-left: 60px;
	margin-top: 20px;
}

#qa_box .qa_sub_box2 .r_01{
	width: 480px;
	float: left;
}

#qa_box .qa_sub_box2 .r_02{
	width: 480px;
	float: right;
}

#qa_box .qa_sub_box .r_01 .q{
	font-size: 125%;
	padding-top: 10px;
	color: #008945;
	font-weight: bold;
}

#qa_box .qa_sub_box .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}

#qa_box .qa_sub_box2 .r_01 .q{
	font-size: 125%;
	color: #008945;
	padding-top: 10px;
	font-weight: bold;
}

#qa_box .qa_sub_box2 .r_02 .a{
	font-size: 125%;
	color: #333333;
	padding-top: 10px;
}




/* --------------------------------------------------------------------
	�t���[�y�[�W�@����
--------------------------------------------------------------------- */
div.freepage_ {
	color:#222;
	font-family:"�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "���C���I", Meiryo;
	font-size:14px;
	line-height:1.6em;
	vertical-align: middle;
}
div.freepage_ .box_border {
	border:solid 1px #ccc;
}
div.freepage_ .border-l {
	border-left:solid 1px #ccc;
}
div.freepage_ .bg-gray{
	background-color:#eee;
}
div.freepage_ h1 {
	background-color: #317a40;
	color: #fff;
	font-size: 180%;
	padding-top: 7px;
	padding-bottom: 7px;
	padding-left: 15px;
	margin-bottom: 10px;
	font-weight: bold;
}
/*align */
.t-center{
	text-align:center;
}
.t-left{
	text-align:left;
}
.t-right{
	text-align:right;
}

/* -------------------------------
�@���ʁ@�]������
---------------------------------*/	
.mt0{ margin-top:0;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt45{ margin-top:45px;}

.mb0{ margin-bottom:0;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}

.margin-auto{
	margin-left:auto;
	margin-right:auto;
}
/* padding*/
.padding5{padding:5px;}
.padding8{padding:8px;}
.padding10{padding:10px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}

.pb5 {padding-bottom:5px;}
.pb10 {padding-bottom:10px;}
.pb15 {padding-bottom:15px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}


/* --------------------------------------------------------------------
	���߂Ă̕���
--------------------------------------------------------------------- */
div.freepage_ .border-ll {
	border-right:solid 1px #ccc;
}
#beginner .selecthow{
	border:solid 1px #ccc;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	font-weight:bold;
	width:778px;
	height:198px;
	margin: auto;
}
#beginner .selecthow .border {
	border-top:solid 1px #ccc;
}
#beginner .selecthow ul {

}
#beginner .selecthow ul li {
	float:left;
	width:33%;
	display: inline-block;
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.7;
}
#beginner .selecthow ul li img {
	vertical-align:-14px;
	padding-right:5px;
}
#beginner .selecthow ul li a {
	display:block;
	padding-top:6px;
	padding-left:2px;
	padding-bottom:4px;
}
#beginner h2 {
	color: #232323;
	border-bottom: 2px solid #008046;
	padding-bottom: 2px;
	font-size: 150%;
	letter-spacing:0.6px;
	width:730px;
	margin: auto;
}
#beginner h2 img {
	vertical-align:-8px;
	padding-right:4px;
}
#beginner .q-a {
	margin-left:22px;
	width:730px;
	margin: auto;
}
#beginner .q-a li{
	padding:8px;
	font-size: 1.6rem;
	line-height: 1.7;
}
#beginner .question{
	background-color:#eef9cf;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	letter-spacing:0.4px;
	margin-bottom:2px;
	font-size:110%;
	font-weight:bold;
	padding:10px;
}
.pageTop {
	text-align: right;
	margin: 10px auto;
	width:760px;
}
.pageTopk {
	text-align: right;
	margin: 10px auto;
	width:1080px;
}

#beginner .teiki {
	text-align: center;
}
#beginner .teiki ul li {
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.7;
}

/* �ėp�w�b�h���C�� */

.col1_ .common_headline1_ { /* .col1_ 1�J�����̏ꍇ */
	width: 1080px;
}
.mainframe_ .common_headline1_ { /* .mainframe_ 2�J�����̏ꍇ */
	width: 1080px;
}






/*-------clearfix--------*/
* html .clearFix {
		zoom: 1;
	}

*+html .clearFix {
		zoom: 1;
	}

.clearFix:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}


/* ��}�[�W�� */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt18 {margin-top:18px;}
.mt20 {margin-top:20px;}
.mt20 {margin-top:20px;}
.pt20 {padding-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}
.mt106 {margin-top:300px;}

/* ���}�[�W�� */
.mb05  {margin-bottom:5px;}
.mb10  {margin-bottom:10px;}
.mb20  {margin-bottom:20px;}
.mb30  {margin-bottom:30px;}
.mb40  {margin-bottom:40px;}
.mb50  {margin-bottom:50px;}
.mb60  {margin-bottom:60px;}
.mb80  {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}
.mb150 {margin-bottom:150px;}
.mb200 {margin-bottom:200px;}

/* ���}�[�W�� */
.ml05 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:11px;}
.ml20 {margin-left:20px;}
.ml24 {margin-left:24px;}
.ml30 {margin-left:30px;}
.ml40 {margin-left:40px;}

/* �E�}�[�W�� */
.mr05 {margin-right:5px;}
.mr07 {margin-right:7px;}
.mr08 {margin-right:8px;}
.mr10 {margin-right:10px;}
.mr20 {margin-right:20px;}
.mr40 {margin-right:40px;}


/* --------------------------------------------------------------------
	�����p�K�C�h
--------------------------------------------------------------------- */
/* ���� */
.freepage_ #beginner.how_guide {
	font-family: "���S�V�b�N��", YuGothic, "���S�V�b�N", "Yu Gothic", "���C���I", sans-serif;
	font-size: 18px;
	line-height: 1.55;
}
#beginner.how_guide {
	padding-bottom: 64px;
}
#beginner.how_guide p {
	margin: 10px 0 0;
}
#beginner.how_guide .how_guide_toplayout_ + p {
	margin-top: 30px;
}
#beginner.how_guide .how_guide_layout_flow + p {
	margin-top: 50px;
}
#beginner.how_guide img {
	user-select: none;
}
#beginner.how_guide strong {
	color: #e4001b;
}
#beginner.how_guide .how_guide_fw_bold {
	font-weight: bold;
}
#beginner.how_guide .how_guide_fw_normal {
	font-weight: normal;
}
#beginner.how_guide .how_guide_headline2_ + * {
	margin-top: 30px;
}

/* h1����ւ� */
#beginner.how_guide .how_guide_toplayout_ {
	display: flex;
	flex-direction: column;
}

/* �Z�N�V���� */
#beginner.how_guide p + .how_guide_section,
#beginner.how_guide .how_guide_section + .how_guide_section,
#beginner.how_guide .how_guide_box_strong + .how_guide_section_nest {
	margin-top: 40px;
}
#beginner.how_guide .how_guide_section_nest + .how_guide_section_nest {
	margin-top: 50px;
}
#beginner.how_guide p + .how_guide_section_nest {
	margin-top: 20px;
}
#beginner.how_guide .how_guide_section > *:first-child,
#beginner.how_guide .how_guide_section_nest > *:first-child {
	margin-top: 0;
}
#beginner.how_guide .how_guide_section.top_line {
	padding-top: 40px;
	border-top: 1px solid #ddd;
}
#beginner.how_guide .how_guide_section_nest.top_line {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}
#beginner.how_guide .bottom_line {
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}

/* ���o�� */
#beginner.how_guide .how_guide_headline1_ {
	margin: 60px 0 0;
	padding: 16px 10px 13px;
	font-size: 38px;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	background-color: #00893a;
	order: 2;
}
/* IE */
@media all and (-ms-high-contrast: none) {
	#beginner.how_guide .how_guide_headline1_ {
		padding: 24px 10px 6px;
	}
}
#beginner.how_guide .how_guide_headline2_ {
	padding: 30px 0;
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
#beginner.how_guide .how_guide_headline2_::before {
	position: relative;
	content: "";
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 24px;
	background-color: #00ae4a;
}
#beginner.how_guide .how_guide_headline3_ {
	font-size: 22px;
	font-weight: bold;
}

/* �e�L�X�g */
#beginner.how_guide .hou_guide_txt_cookie::before {
	position: relative;
	content: "\25CF";
	display: inline-block;
}
#beginner.how_guide .hou_guide_txt_cookie > a {
	color: #00ae4a;
}

/* �摜 */
#beginner.how_guide .hou_guide_img {
	margin: 50px 0 0;
	text-align: center;
}

/* ���� */
#beginner.how_guide .how_guide_note {
  margin: 10px 0 0;
  display: table;
  width: 100%;
}
#beginner.how_guide .how_guide_note > .ast, #beginner.how_guide .how_guide_note > .txt {
  display: table-cell;
  vertical-align: top;
}
#beginner.how_guide .how_guide_note > .ast {
  padding-right: 2px;
  white-space: pre;
}
#beginner.how_guide .how_guide_note > .txt {
  width: 100%;
}

/* ���X�g */
#beginner.how_guide .how_guide_list-disc {
	margin: 10px 0 0;
}
#beginner.how_guide .how_guide_list-disc > li {
	padding-left: 24px;
	position: relative;
}
#beginner.how_guide .how_guide_list-disc > li::before {
	position: absolute;
	content: "�E";
	top: 0;
	left: 0;
}

#beginner.how_guide .list_flow_num {
	margin: 10px 0 0;
	display: table;
	width: 100%;
	counter-reset: listNum;
}
#beginner.how_guide .list_flow_num.three_start {
	counter-reset: listNum 2;
}
#beginner.how_guide .list_flow_num_item {
	display: table-row;
}
#beginner.how_guide .list_flow_num_item::before {
	padding: 4px 12px;
	font-size: 14px;
	color: #fff;
	white-space: pre;
	counter-increment: listNum;
	content: counter(listNum);
	z-index: 0;
}
#beginner.how_guide .list_flow_num_item::before,
#beginner.how_guide .list_flow_num_item > .txt {
	display: table-cell;
	vertical-align: top;
}
#beginner.how_guide .list_flow_num_item > .txt {
	padding-bottom: .5em;
	width: 100%;
	font-size: 100%;
	line-height: 1.55;
	position: relative;
}
#beginner.how_guide .list_flow_num_item:last-child > .txt {
	padding-bottom: 0;
}

#beginner.how_guide .list_flow_num_item > .txt::after {
	position: absolute;
	content: "";
	top: 3px;
	left: -28px;
	z-index: -1;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #e4001b;
}
/* Firefox */
@-moz-document url-prefix() {
	#beginner.how_guide .list_flow_num_item > .txt::after {
		left: -27px;
	}
}
/* IE */
@media all and (-ms-high-contrast: none) {
	#beginner.how_guide .list_flow_num_item > .txt::after {
		top: 1px;
	}
}

#beginner.how_guide .how_guide_dl {
	margin: 40px 0 0;
}
#beginner.how_guide .how_guide_dl_item + .how_guide_dl_item {
	margin-top: 20px;
}
#beginner.how_guide .how_guide_dt {
	font-weight: bold;
}
#beginner.how_guide .how_guide_dd > *:first-child {
	margin-top: 0;
}
#beginner.how_guide .how_guide_dl.electronic_money {
	margin-top: 10px;
}
#beginner.how_guide .how_guide_dl.electronic_money .how_guide_note {
	margin-top: 0;
}

/* �����N */
#beginner.how_guide .how_guide_link {
	padding-right: 26px;
	display: inline-block;
	color: #00ae4a;
	text-decoration: none;
	transition: opacity .3s ease;
	position: relative;
}
#beginner.how_guide .how_guide_link:hover {
	opacity: .7;
}
#beginner.how_guide .how_guide_link::before, #beginner.how_guide .how_guide_link::after {
	position: absolute;
	content: "";
}
#beginner.how_guide .how_guide_link::before {
	top: 3px;
	right: 0;
	z-index: -1;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background-color: #00ae4a;
}
/* IE */
@media all and (-ms-high-contrast: none) {
	#beginner.how_guide .how_guide_link::before {
		top: 0;
	}
}
#beginner.how_guide .how_guide_link::after {
	top: 10px;
	right: 8px;
	width: 7px;
	height: 7px;
	border: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
/* IE */
@media all and (-ms-high-contrast: none) {
	#beginner.how_guide .how_guide_link::after {
		top: 7px;
	}
}

/* �y�[�W�������N */
#beginner.how_guide .how_guide_pagelink {
	display: flex;
	flex-wrap: wrap;
	order: 1;
}
#beginner.how_guide .how_guide_pagelink_item {
	margin-right: 16px;
	width: calc((100% - 16px * 3) / 4);
}
#beginner.how_guide .how_guide_pagelink_item:nth-child(4n) {
	margin-right: 0;
}
#beginner.how_guide .how_guide_pagelink_item:nth-child(n + 5) {
	margin-top: 16px;
}
#beginner.how_guide .how_guide_pagelink_item > a {
	padding: 10px 50px 10px 16px;
	display: flex;
	align-items: center;
	height: 100%;
	min-height: 72px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -1px;
	text-decoration: none;
	border: 2px solid #aaa;
	border-radius: 5px;
	transition: .3s ease;
	position: relative;
}
/* IE */
@media all and (-ms-high-contrast: none) {
	#beginner.how_guide .how_guide_pagelink_item > a {
		padding-top: 16px;
	}
}
#beginner.how_guide .how_guide_pagelink_item > a:hover {
	border-color: #00ae4a;
}
#beginner.how_guide .how_guide_pagelink_item > a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	background: no-repeat center center;
}
#beginner.how_guide .how_guide_pagelink_item.registration > a::after,
#beginner.how_guide .how_guide_pagelink_item.change > a::after {
	width: 35px;
	height: 36px;
	background-image: url(../img/usr/ico_how_guide_01.png);
	background-size: 35px 36px;
}
#beginner.how_guide .how_guide_pagelink_item.order > a::after {
	width: 39px;
	height: 39px;
	background-image: url(../img/usr/ico_how_guide_02.png);
	background-size: 39px 39px;
}
#beginner.how_guide .how_guide_pagelink_item.shipping > a::after {
	width: 41px;
	height: 28px;
	background-image: url(../img/usr/ico_how_guide_03.png);
	background-size: 41px 28px;
}
#beginner.how_guide .how_guide_pagelink_item.delivery > a::after {
	width: 35px;
	height: 31px;
	background-image: url(../img/usr/ico_how_guide_04.png);
	background-size: 35px 31px;
}
#beginner.how_guide .how_guide_pagelink_item.returns > a::after {
	width: 36px;
	height: 32px;
	background-image: url(../img/usr/ico_how_guide_05.png);
	background-size: 36px 32px;
}
#beginner.how_guide .how_guide_pagelink_item.payment > a::after {
	width: 46px;
	height: 35px;
	background-image: url(../img/usr/ico_how_guide_06.png);
	background-size: 46px 35px;
}
#beginner.how_guide .how_guide_pagelink_item.regular > a::after {
	width: 44px;
	height: 39px;
	background-image: url(../img/usr/ico_how_guide_07.png);
	background-size: 44px 39px;
}
#beginner.how_guide .how_guide_pagelink_item.point > a::after {
	width: 37px;
	height: 37px;
	background-image: url(../img/usr/ico_how_guide_08.png);
	background-size: 37px 37px;
}
#beginner.how_guide .how_guide_pagelink_item.rank > a::after {
	width: 40px;
	height: 35px;
	background-image: url(../img/usr/ico_how_guide_09.png);
	background-size: 40px 35px;
}
#beginner.how_guide .how_guide_pagelink_item.recommended > a::after {
	width: 39px;
	height: 29px;
	background-image: url(../img/usr/ico_how_guide_10.png);
	background-size: 39px 29px;
}
#beginner.how_guide .how_guide_pagelink_item.use > a::after {
	width: 34px;
	height: 38px;
	background-image: url(../img/usr/ico_how_guide_11.png);
	background-size: 34px 38px;
}
#beginner.how_guide .how_guide_layout_flow {
	margin: 30px 0 0;
	display: flex;
}
#beginner.how_guide .how_guide_layout_flow_txt {
	flex: 1;
	order: 2;
}
#beginner.how_guide .how_guide_layout_flow_txt > *:first-child {
	margin-top: 0;
}
#beginner.how_guide .how_guide_layout_flow_img {
	margin-right: 40px;
	width: 670px;
	order: 1;
}

/* �{�b�N�X */
#beginner.how_guide .how_guide_box {
	margin: 15px 0 0;
	padding: 15px;
	border: 1px solid #ddd;
}
#beginner.how_guide .how_guide_box > *:first-child {
	margin-top: 0;
}
#beginner.how_guide .how_guide_box_strong {
	margin: 20px 0 0;
	padding: 15px;
	color: #e4001b;
	border: 1px solid #e4001b;
}

#beginner.how_guide .how_guide_box_strong .how_guide_note,
#beginner.how_guide .how_guide_box_strong > *:first-child {
	margin-top: 0;
}

/* �e�[�u�� */
#beginner.how_guide .how_guide_table {
	margin: 20px 0 0;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
#beginner.how_guide .how_guide_table thead th,
#beginner.how_guide .how_guide_table tbody td {
	vertical-align: middle;
	text-align: center;
}
#beginner.how_guide .how_guide_table th {
	background-color: #f5f5f5;
}
#beginner.how_guide .how_guide_table th,
#beginner.how_guide .how_guide_table td {
	padding: 5px 20px;
	border: 1px solid #ddd;
}
/* IE */
@media all and (-ms-high-contrast: none) {
	#beginner.how_guide .how_guide_table th,
	#beginner.how_guide .how_guide_table td {
		padding: 10px 20px 0;
	}
}

/* --------------------------------------------------------------------
	�悭���邲����
--------------------------------------------------------------------- */
#deliver .select{
	background-color:#eee;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	font-weight:bold;
	width:778px;
	margin: 0 auto 30px;
}
#deliver .select .border {
	border-top:solid 1px #ccc;
}
#deliver .select ul {
	margin-bottom: 30px;
}
#deliver .select ul li {
	float:left;
	width:33%;
	display: inline-block;
	text-align: left;
	font-size: 1.6rem;
	line-height: 1.7;
}
#deliver .select ul li img {
	vertical-align:-14px;
	padding-right:5px;
}
#deliver .select ul li a {
	display:block;
	padding:10px 10px 6px 20px;
}
#deliver h2 {
	color: #232323;
	border-bottom: 2px solid #008046;
	padding-bottom: 2px;
	font-size: 150%;
	letter-spacing:0.6px;
	width:730px;
	margin: auto;
}
#deliver h1.common_headline1_{
	margin: auto;
	width: 1080px;
}
#deliver h2 img {
	vertical-align:-8px;
	padding-right:4px;
}
#deliver .q-a {
	width:730px;
	border:solid 1px #ccc;
	margin: 20px auto;
}
#deliver .q-a li{
	padding:8px;
	font-size: 1.6rem;
	line-height: 1.7;
}
#deliver li.question{
	background-color:#eef9cf;
	border-bottom:solid 1px #ccc;
	letter-spacing:0.4px;
	margin-bottom:2px;
	font-size:110%;
	font-weight:bold;
	padding:10px;
}





/* --------------------------------------------------------------------
	common�@�i�r�Q�[�V����
-------------------------------------------------------------------- */


/* �y�[�W�W�����v */
.navipage_ {
	text-align:right;
	padding: 5px 0;
}
.navipage_.top_ {		/* �y�[�W�W�����v�㕔 */
	margin-bottom: 10px;
}
.navipage_.bottom_ {	/* �y�[�W�W�����v���� */
	margin-bottom: 10px;
}
.navipage_ .navipage_sum_ {
}
.navipage_ .navipage_first_ a {
	padding-left: 18px;
	background: url(../img/sys/navifirst.gif) left center no-repeat;
}
.navipage_ .navipage_prev_ a {
	padding-left: 12px;
	background: url(../img/sys/naviprev.gif) left center no-repeat;
}
.navipage_ .navipage_next_ a {
	padding-right: 12px;
	background: url(../img/sys/navinext.gif) right center no-repeat;
}
.navipage_ .navipage_last_ a {
	padding-right: 18px;
	background: url(../img/sys/navilast.gif) right center no-repeat;
}
.navipage_now_ {
	margin:0 1px;
	padding: 2px 7px;
	color:#C00;
	font-weight:bold;
	text-decoration:none;
	background: #FEE;
	border: 1px solid #F99;
}
.navipage_ .navipage_reverse_ {
	margin-right: 5px;
}
.navipage_ .navipage_forward_ {
	margin-left: 5px;
}
.navipage_ a {
	margin: 0 1px;
	padding: 2px 7px;
	background-color: #FFF;
	border: 1px solid #BFCDDF;
}
.navipage_ a:hover {
	text-decoration: none;
	background-color: #E5F0F8;
	border: 1px solid #7FB3DA;
}
/* ���ёւ� */
.navisort_ {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
.navisort_ dt {
	float: left;
	text-align: right;
	font-weight: bold;
	width: 8em;
}
.navisort_ dd {
	margin-left: 8em;
}
.navisort_now_ {
	color:#CC0000;
	text-decoration:none;
	margin:2px 5px;
	white-space: nowrap;
}
.navisort_ a {
	margin:2px 5px;
	white-space: nowrap;
}
/* �\���ؑ� */
.navistyle_ {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 10px;
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #CCC;
}
.navistyle_ dt {
	float: left;
	text-align: right;
	font-weight: bold;
	width: 8em;
}
.navistyle_ dd {
	margin-left: 8em;
}
.navistyle_now_ {
	color:#CC0000;
	text-decoration:none;
	margin:2px 5px;
	white-space: nowrap;
}
.navistyle_ a {
	margin:2px 5px;
	white-space: nowrap;
}
/* �u�����h�i�� */
.brand_name_ {
	width: 100%;
	overflow: hidden;
}
.brand_name_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 5px;
	white-space: nowrap;
}
.brand_name_ a {
	margin:2px 5px;
	white-space: nowrap;
}
/* ���[�J�[�i�� */
.maker_name_ {
	width: 100%;
	overflow: hidden;
}
.maker_name_now_ {
	color:#CC3300;
	text-decoration:none;
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}
.maker_name_ a {
	margin:2px 2px 2px 2px;
	white-space: nowrap;
}



/* --------------------------------------------------------------------
	SP
--------------------------------------------------------------------- */
.addWrap {
  font-family: sans-serif;
  font-size: 14px; }

div.freepage_ .spteiki img {
  display: block;
  vertical-align: bottom;
}

p {
  margin: 0; }

.ttlArea h1 {
  padding: 15px 15px 15px 35px;
  color: #fff;
  font-size: 18px;
  background: url(../img/usr/sb/common/ico_beginner.png) no-repeat 10px center #317a3f;
  background-size: 18px auto; }
.ttlArea ul {
  margin-bottom: 20px; }
  .ttlArea ul li {
    padding: 11px 10px 11px 50px;
    border-bottom: 1px solid #ccc; }
  .ttlArea ul a {
    text-decoration: none;
    font-weight: bold; }
  .ttlArea ul .anch01 {
    background: url(/img/usr/how_guide_01.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch02 {
    background: url(/img/usr/how_guide_02.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch03 {
    background: url(/img/usr/how_guide_03.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch04 {
    background: url(/img/usr/how_guide_04.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch05 {
    background: url(/img/usr/how_guide_05.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch06 {
    background: url(/img/usr/how_guide_06.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch07 {
    background: url(/img/usr/how_guide_07.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch08 {
    background: url(/img/usr/how_guide_08.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }
  .ttlArea ul .anch09 {
    background: url(/img/usr/how_guide_09.gif) no-repeat 1% center, url(/img/usr/sb/common/ico_arrow_anch.png) no-repeat 98% center;
    background-size: 39px auto,18px auto; }

.contentsBox {
  border-top: 6px solid #317a3f; }
  .contentsBox .h2Ttl {
    border-top: 1px solid #eef9cf;
    background-image: -webkit-linear-gradient(white 50%, #d9d9d9 100%);
    background-image: -o-linear-gradient(white 50%, #d9d9d9 100%);
    background-image: linear-gradient(white 50%, #d9d9d9 100%); }
    .contentsBox .h2Ttl h2 {
      padding: 13px 10px 13px 45px;
      font-size: 18px; }
    .contentsBox .h2Ttl .menber {
      background: url(/img/usr/how_guide_01.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .order {
      background: url(/img/usr/how_guide_02.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .postage {
      background: url(/img/usr/how_guide_03.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .deliver {
      background: url(/img/usr/how_guide_04.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .return {
      background: url(/img/usr/how_guide_05.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .pay {
      background: url(/img/usr/how_guide_06.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .point {
      background: url(/img/usr/how_guide_07.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .hint {
      background: url(/img/usr/how_guide_08.gif) no-repeat 5px center;
      background-size: 39px auto; }
    .contentsBox .h2Ttl .reco {
      background: url(/img/usr/how_guide_09.gif) no-repeat 5px center;
      background-size: 39px auto; }
  .contentsBox img {
    width: 100%;
    text-align: center; }

.inner {
  padding: 4%; }

.bgGr {
  color: #317a3f;
  font-weight: bold;
  padding: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #eef9cf; }

.bgGr2 {
  color: #cb0600;
  font-weight: bold;
  padding: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #eef9cf; }

.arrow01 {
  padding: 0 0 0 10px;
  background: url(/img/usr/sb/common/ico_arrow1.png) no-repeat 0 center;
  background-size: 6px auto; }

.bgWh {
  margin: 10px 0;
  padding: 10px;
  -webkit-box-shadow: 0px 0px 5px #999;
  -moz-box-shadow: 0px 0px 5px #999;
  box-shadow: 0px 0px 5px #999;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff; }

.arrowQ {
  margin-bottom: 6px;
  padding: 0 0 0 13px;
  background: url(../img/usr/sb/common/ico_arrowQ.png) no-repeat 0 center;
  background-size: 10px auto; }

.indent01 {
  text-indent: -1em;
  margin-left: 1em; }

.pagetop {
  padding: 10px;
  border-top: 1px solid #ccc;
  text-align: right; }

.pagetop a {
  padding-left: 16px;
  background: url(../img/usr/sb/common/ico_pagetop.png) no-repeat 0 center;
  background-size: 12px auto; }

.dlStyl01 dt {
  margin-bottom: 10px;
  padding: 10px 10px 10px 25px;
  font-weight: bold;
  background: url(../img/usr/sb/common/ico_arrowQ.png) no-repeat 10px center #ebebeb;
  background-size: 10px auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }
.dlStyl01 dd {
  margin-bottom: 20px; }

/************* faq *****************/
.ttlArea2 h1 {
  padding: 15px 15px 15px 50px;
  color: #fff;
  font-size: 18px;
  background: url(../img/usr/sb/common/ico_faq.png) no-repeat 10px center #317a3f;
  background-size: 30px auto; }
.ttlArea2 .postage {
  background: url(../img/usr/sb/common/ico_pay.png) no-repeat 10px center #317a3f;
  background-size: 28px auto; }
.ttlArea2 .subNav {
  margin-bottom: 20px; }
  .ttlArea2 .subNav li {
    padding: 11px;
    border-bottom: 1px solid #ccc;
    background: url(../img/usr/sb/common/ico_arrow_subnav.png) no-repeat 98% center;
    background-size: 10px auto; }
  .ttlArea2 .subNav a {
    text-decoration: none;
    font-weight: bold; }

.dtStyle01 {
  margin-bottom: 10px; }
  .dtStyle01 dt {
    padding: 12px 12px 12px 32px;
    color: #317a3f;
    font-weight: bold;
    border-top: 3px solid #317a3f;
    background: url(../img/usr/sb/common/ico_qu.jpg) no-repeat 5px 12px #eef9cf;
    background-size: 20px auto; }
  .dtStyle01 dd {
    padding: 12px 12px 12px 32px;
    background: url(../img/usr/sb/common/ico_an.jpg) no-repeat 5px 12px white;
    background-size: 20px auto; }

.h2Ttl2 {
  border-top: 1px solid #eef9cf;
  background-image: -webkit-linear-gradient(whitesmoke 50%, #d9d9d9 100%);
  background-image: -o-linear-gradient(whitesmoke 50%, #d9d9d9 100%);
  background-image: linear-gradient(whitesmoke 50%, #d9d9d9 100%); }
  .h2Ttl2 h2 {
    padding: 13px 10px 13px 50px;
    font-size: 18px; }
  .h2Ttl2 .all {
    background: url(../img/usr/sb/common/ico_shohin.png) no-repeat 10px center;
    background-size: 28px auto; }
  .h2Ttl2 .order {
    background: url(../img/usr/sb/common/ico_order.png) no-repeat 10px center;
    background-size: 30px auto; }
  .h2Ttl2 .month {
    background: url(../img/usr/sb/common/ico_month.png) no-repeat 10px center;
    background-size: 26px auto; }

.red {
  color: #cb0600; }

.redB {
  color: #cb0600;
  font-weight: bold; }

.mgB10 {
  margin-bottom: 10px; }

.mgB20 {
  margin-bottom: 20px; }












/* --------------------------------------------------------------------
	���V�s�E���N
--------------------------------------------------------------------- */

#recipe-kenko{
	width: 760px;
	margin: auto;
}

#recipe-kenko .backto {
	text-align: right;
	font-size: small;
	padding: 3px 0px;
	width: 760px;
	border-top: solid 1px #D1E1D1;
	border-bottom: solid 1px #D1E1D1;
	margin: 3px 0px;
}

#recipe-kenko .backto2 {
	width:760px;
	font-size: 14px;
	line-height : 1.6em;
	margin-left:auto;
	margin-right:auto;
}
#recipe-kenko .backto2 p{
	border-top: solid 2px #a30;
	border-bottom: solid 2px #a30;
	color: #a30;
	font-weight:bold;
	line-height: 140%;
	letter-spacing: 1px;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
}

#recipe-kenko .backto2 h3{
	border-top: solid 2px #a30;
	border-bottom: solid 2px #a30;
	color: #a30;
	font-weight:bold;
	line-height: 140%;
	letter-spacing: 1px;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
}


#recipe-kenko .maintx {
	margin-top: 10px;
}

#recipe-kenko .maintxmain {
	color : #666;
	font-size : 14px;
	line-height : 18px;
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-left: 20px;
	font-weight: bold;
}

#recipe-kenko .imgflR {
	float: right;

}

#recipe-kenko .imgflL {
	float: left;

}


















/* --------------------------------------------------------------------
	�T�C�g�}�b�v
--------------------------------------------------------------------- */
#sitemap {
}

#sitemap .sitemap-box{
	width:360px;
}
#sitemap .sitemap-box ul{
	margin-left:20px;
	margin-top:4px;
}
#sitemap .sitemap-box ul li{
	background-image: url(../img/sys/blue_yazi.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top:3px;
	padding-left:12px;
}
#sitemap .common_headline1_ {
background-color: #00ae4a;
color: #ffffff;
text-align: center;
font-size: 3.8rem;
font-weight: bold;
letter-spacing: 0.03em;
line-height: 1.4;
padding: 0.3em 1em;
margin-bottom: 30px;
}

/* --------------------------------------------------------------------
	��ЊT�v
--------------------------------------------------------------------- */
#company {
}
#company table {
	border:solid 1px #ccc;
	width: 100%;
}
#company table th {
	background-color:#eef9cf;
	border:solid 1px #ccc;
	font-weight:bold;
	font-size: 1.8rem;
	padding:10px;
	text-align:center;
	vertical-align: middle;
	width: 20em;
}
#company table td {
	vertical-align: middle;
	border:solid 1px #ccc;
	font-size: 1.8rem;
	padding:10px;
}


/* --------------------------------------------------------------------
	�v���C�o�V�[�|���V�[
--------------------------------------------------------------------- */
#privacy {
}





/*--------------------------------------------------------------------------
 * ���f���̈��ݕ� #how-to-suiso
 *------------------------------------------------------------------------*/
 #how-to-suiso h1 {
	border-top: 1px solid #E6E6E6;
	color: #043288;
	font-size: 30px;
	margin-bottom: 30px;
	position: relative;
}

#how-to-suiso h1 span {
	background-image: url(../images/freepage/suiso/h1_bg.jpg);
	background-repeat: no-repeat;
	color: #333333;
	display: block;
	font-size: 14px;
	font-weight: normal;
	position: absolute;
}

#how-to-suiso h1.suisosui1 {
	padding: 30px 0 0 50px;
}

#how-to-suiso h1.suisosui1 span {
	padding-left: 30px;
	right: 65px;
	top: 20px;
}

#how-to-suiso h1.suisosui2 {
	padding: 30px 0 0 0;
}

#how-to-suiso h1.suisosui2 span {
	padding-left: 20px;
	right: 0px;
	top: 20px;
}

#how-to-suiso .index_list {
	border: 5px solid #F5F5F5;
	margin: 20px 0;
	padding: 15px 40px;
}

#how-to-suiso .index_list dt {
	font-weight: bold;
}

#how-to-suiso h2 {
	border-bottom: 1px solid #8C8C8C;
	color: #003795;
	font-size: 18px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 15px;
}

#how-to-suiso .suisosui_txt {
	margin-bottom: 40px;
}

#how-to-suiso .f_left {
	float: left;
	width: 228px;
}

#how-to-suiso .f_right {
	float: right;
	width: 552px;
}

#how-to-suiso h3 {
	color: #003795;
	margin-top: 20px;
}

#how-to-suiso span.answer {
	color: #F25AA7;
	font-weight: bold;
}

#how-to-suiso div#pager {
	margin-bottom: 50px;
   position:relative;
   overflow:hidden;
}

#how-to-suiso div#pager ul {
   position:relative;
   left:50%;
   float:left;
}

#how-to-suiso div#pager li {
   position:relative;
   left:-50%;
   float:left;
}

#how-to-suiso div#pager li a {
	border: 2px solid #E8E8E8;
	display: block;
	height: 25px;
	line-height: 25px;
	margin-right: 10px;
	text-align: center;
	text-decoration: underline;
	width: 25px;
}

#how-to-suiso div#pager li.now a {
	border: 2px solid #069D4E;
	text-decoration: none;
}

#how-to-suiso .pager_left {
	position: absolute;
	left: 170px;
	top: 10px;
}

#how-to-suiso .pager_right {
	position: absolute;
	right: 120px;
	top: 10px;
}

/*--------------------------------------------------------------------------
 * ���f���̈��ݕ� #what-suiso
 *------------------------------------------------------------------------*/
#what-suiso img{
	display:block;
}
#what-suiso .title{
	border-top: 1px solid #E6E6E6;
	padding: 30px 0 0 50px;
}
#what-suiso .title h1 {
	border-right:4px dotted #043288;
	color: #043288;
	font-size: 30px;
	margin-bottom: 30px;
	padding-right:15px;	
}
#what-suiso .title .lead {
	font-size:14px;

}


#what-suiso .index_list {
	border: 5px solid #F5F5F5;
	margin: 40px 0;
	padding: 15px 40px;
}

#what-suiso .index_list dt {
	font-weight: bold;
}

#what-suiso h2 {
	border-bottom: 1px solid #003795;
	color: #003795;
	font-size: 150%;
	letter-spacing:1px;
	line-height:1.4em;
	margin-bottom: 15px;
	padding-bottom:10px;
}

#what-suiso .section {
	margin:0 auto 50px auto;
	width:700px;
}

#what-suiso .f-left {
	float: left;
	margin-right:10px;
}

#what-suiso .f-right {
	float: right;
}

#what-suiso h3 {
	color: #003795;
	font-size:124%;
	letter-spacing:1px;
	margin-bottom:5px;
}

.clearboth{
	clear:both;
}
 
 

/*--------------------------------------
	�悭���邲���� PC 20210524���
--------------------------------------*/	

.qaContainer dt {
padding: 10px 10px 10px 35px;
border-radius: 5px;
background: #e5f7ed;
text-indent: -25px;
font-weight: bold;
}
.qaContainer dt:before {
content: "����F";
font-weight: bold;
margin-right: 7px;
}
.qaContainer dd {
margin: 20px 10px 40px 35px;
text-indent: -25px;
}
.qaContainer dd:before {
content: "�񓚁F";
color: #1771c6;
font-weight: bold;
margin-right: 7px;
}
.qaContainertable{
 text-align:center;
}
.qaContainertable table{
width:60%;
font-size:0.8em;
margin:10px auto 30px auto;
border-collapse: collapse; 
 background-color:#fff;
}
.qaContainertable tr{
border: solid 1px #000;
 rowspan:2;
}
.qaContainertable th{
 font-weight:bold;
border: solid 1px #000;
 background-color:#f5f5f5;
 padding:10px;
 text-align:center;
}
.qaContainertable td{
  height: 120px; 
}.qaholyday{
 background-color:#fff0f5 !important;
 }
.qaContainertable td{
border: solid 1px #000;
 padding:10px;
 text-align:center;
 }
.qaIndex{
padding: 10px 10px 30px 10px;
}
.qaIndex li{
font-weight: bold;
margin: 5px;
}
.toqaIndex{
text-align:right;
font-size:0.8em;
padding:5px 5px 5px 0;
text-decoration: underline;
} 
.qaContainerimg{
text-align:center;
}

/* ���� */
.freepage_ #faqpage.faq_answer {
	font-family: "���S�V�b�N��", YuGothic, "���S�V�b�N", "Yu Gothic", "���C���I", sans-serif;
	font-size: 18px;
	line-height: 1.55;
}
#faqpage.faq_answer {
	padding-bottom: 64px;
}
#faqpage.faq_answer p {
	margin: 10px 0 0;
}
#faqpage.faq_answer .faq_answer_toplayout_ + p {
	margin-top: 30px;
}
#faqpage.faq_answer .faq_answer_layout_flow + p {
	margin-top: 50px;
}
#faqpage.faq_answer img {
	user-select: none;
}
#faqpage.faq_answer strong {
	color: #e4001b;
}
#faqpage.faq_answer .faq_answer_fw_bold {
	font-weight: bold;
}
#faqpage.faq_answer .faq_answer_fw_normal {
	font-weight: normal;
}
#faqpage.faq_answer .faq_answer_headline2_ + * {
	margin-top: 30px;
}
#faqpage.faq_answer .faq_answer_toplayout_ {
	display: flex;
	flex-direction: column;
	margin:40px 0;
}
#faqpage.faq_answer p + .faq_answer_section,
#faqpage.faq_answer .faq_answer_section + .faq_answer_section,
#faqpage.faq_answer .faq_answer_box_strong + .faq_answer_section_nest {
	margin-top: 40px;
}
#faqpage.faq_answer .faq_answer_section_nest + .faq_answer_section_nest {
	margin-top: 50px;
}
#faqpage.faq_answer p + .faq_answer_section_nest {
	margin-top: 20px;
}
#faqpage.faq_answer .faq_answer_section > *:first-child,
#faqpage.faq_answer .faq_answer_section_nest > *:first-child {
	margin-top: 0;
}
#faqpage.faq_answer .faq_answer_section.top_line {
	padding-top: 40px;
	border-top: 1px solid #ddd;
}
#faqpage.faq_answer .faq_answer_section_nest.top_line {
	margin-top: 40px;
	padding-top: 30px;
	border-top: 1px solid #ddd;
}
#faqpage.faq_answer .bottom_line {
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
#faqpage.faq_answer .faq_answer_headline1_ {
	margin: 60px 0 0;
	padding: 16px 10px 13px;
	font-size: 38px;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	background-color: #00893a;
	order: 2;
}
@media all and (-ms-high-contrast: none) {
	#faqpage.faq_answer .faq_answer_headline1_ {
		padding: 24px 10px 6px;
	}
}
#faqpage.faq_answer .faq_answer_headline2_ {
	padding: 30px 0;
	width: 100%;
	font-size: 28px;
	font-weight: bold;
	border-bottom: 1px solid #ddd;
}
#faqpage.faq_answer .faq_answer_headline2_::before {
	position: relative;
	content: "";
	margin-right: 15px;
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 24px;
	background-color: #00ae4a;
}
#faqpage.faq_answer .faq_answer_headline3_ {
	font-size: 22px;
	font-weight: bold;
}
#faqpage.faq_answer .hou_guide_txt_cookie::before {
	position: relative;
	content: "\25CF";
	display: inline-block;
}
#faqpage.faq_answer .hou_guide_txt_cookie > a {
	color: #00ae4a;
}
#faqpage.faq_answer .hou_guide_img {
	margin: 50px 0 0;
	text-align: center;
}
#faqpage.faq_answer .faq_answer_note {
  margin: 10px 0 0;
  display: table;
  width: 100%;
}
#faqpage.faq_answer .faq_answer_note > .ast, #faqpage.faq_answer .faq_answer_note > .txt {
  display: table-cell;
  vertical-align: top;
}
#faqpage.faq_answer .faq_answer_note > .ast {
  padding-right: 2px;
  white-space: pre;
}
#faqpage.faq_answer .faq_answer_note > .txt {
  width: 100%;
}
#faqpage.faq_answer .faq_answer_list-disc {
	margin: 10px 0 0;
}
#faqpage.faq_answer .faq_answer_list-disc > li {
	padding-left: 24px;
	position: relative;
}
#faqpage.faq_answer .faq_answer_list-disc > li::before {
	position: absolute;
	content: "�E";
	top: 0;
	left: 0;
}
#faqpage.faq_answer .list_flow_num {
	margin: 10px 0 0;
	display: table;
	width: 100%;
	counter-reset: listNum;
}
#faqpage.faq_answer .list_flow_num.three_start {
	counter-reset: listNum 2;
}
#faqpage.faq_answer .list_flow_num_item {
	display: table-row;
}
#faqpage.faq_answer .list_flow_num_item::before {
	padding: 4px 12px;
	font-size: 14px;
	color: #fff;
	white-space: pre;
	counter-increment: listNum;
	content: counter(listNum);
	z-index: 0;
}
#faqpage.faq_answer .list_flow_num_item::before,
#faqpage.faq_answer .list_flow_num_item > .txt {
	display: table-cell;
	vertical-align: top;
}
#faqpage.faq_answer .list_flow_num_item > .txt {
	padding-bottom: .5em;
	width: 100%;
	font-size: 100%;
	line-height: 1.55;
	position: relative;
}
#faqpage.faq_answer .list_flow_num_item:last-child > .txt {
	padding-bottom: 0;
}

#faqpage.faq_answer .list_flow_num_item > .txt::after {
	position: absolute;
	content: "";
	top: 3px;
	left: -28px;
	z-index: -1;
	width: 22px;
	height: 22px;
	border-radius: 50%;
	background-color: #e4001b;
}
@-moz-document url-prefix() {
	#faqpage.faq_answer .list_flow_num_item > .txt::after {
		left: -27px;
	}
}
@media all and (-ms-high-contrast: none) {
	#faqpage.faq_answer .list_flow_num_item > .txt::after {
		top: 1px;
	}
}
#faqpage.faq_answer .faq_answer_dl {
	margin: 40px 0 0;
}
#faqpage.faq_answer .faq_answer_dl_item + .faq_answer_dl_item {
	margin-top: 20px;
}
#faqpage.faq_answer .faq_answer_dt {
	font-weight: bold;
}
#faqpage.faq_answer .faq_answer_dd > *:first-child {
	margin-top: 0;
}
#faqpage.faq_answer .faq_answer_dl.electronic_money {
	margin-top: 10px;
}
#faqpage.faq_answer .faq_answer_dl.electronic_money .faq_answer_note {
	margin-top: 0;
}
#faqpage.faq_answer .faq_answer_link {
	padding-right: 26px;
	display: inline-block;
	color: #00ae4a;
	text-decoration: none;
	transition: opacity .3s ease;
	position: relative;
}
#faqpage.faq_answer .faq_answer_link:hover {
	opacity: .7;
}
#faqpage.faq_answer .faq_answer_link::before, #faqpage.faq_answer .faq_answer_link::after {
	position: absolute;
	content: "";
}
#faqpage.faq_answer .faq_answer_link::before {
	top: 3px;
	right: 0;
	z-index: -1;
	width: 21px;
	height: 21px;
	border-radius: 50%;
	background-color: #00ae4a;
}
@media all and (-ms-high-contrast: none) {
	#faqpage.faq_answer .faq_answer_link::before {
		top: 0;
	}
}
#faqpage.faq_answer .faq_answer_link::after {
	top: 10px;
	right: 8px;
	width: 7px;
	height: 7px;
	border: 0;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
}
@media all and (-ms-high-contrast: none) {
	#faqpage.faq_answer .faq_answer_link::after {
		top: 7px;
	}
}
#faqpage.faq_answer .faq_answer_pagelink {
	display: flex;
	flex-wrap: wrap;
	order: 1;
}
#faqpage.faq_answer .faq_answer_pagelink_item {
	margin-right: 16px;
	width: calc((100% - 16px * 3) / 4);
}
#faqpage.faq_answer .faq_answer_pagelink_item:nth-child(4n) {
	margin-right: 0;
}
#faqpage.faq_answer .faq_answer_pagelink_item:nth-child(n + 5) {
	margin-top: 16px;
}
#faqpage.faq_answer .faq_answer_pagelink_item > a {
	padding: 10px 50px 10px 16px;
	display: flex;
	align-items: center;
	height: 100%;
	min-height: 72px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -1px;
	text-decoration: none;
	border: 2px solid #aaa;
	border-radius: 5px;
	transition: .3s ease;
	position: relative;
}
@media all and (-ms-high-contrast: none) {
	#faqpage.faq_answer .faq_answer_pagelink_item > a {
		padding-top: 16px;
	}
}
#faqpage.faq_answer .faq_answer_pagelink_item > a:hover {
	border-color: #00ae4a;
}
#faqpage.faq_answer .faq_answer_pagelink_item > a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	background: no-repeat center center;
}
#faqpage.faq_answer .faq_answer_pagelink_item.registration > a::after,
#faqpage.faq_answer .faq_answer_pagelink_item .change > a::after {
	width: 35px;
	height: 36px;
	background-image: url(/img/usr/ico_faq_answer_01.png);
	background-size: 35px 36px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.order > a::after {
  position: absolute;
	width: 39px;
	height: 39px;
	background-image: url(/img/usr/ico_faq_answer_02.png);
	background-size: 39px 39px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.shipping > a::after {
	width: 41px;
	height: 28px;
	background-image: url(/img/usr/ico_faq_answer_03.png);
	background-size: 41px 28px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.delivery > a::after {
	width: 35px;
	height: 31px;
	background-image: url(/img/usr/ico_faq_answer_04.png);
	background-size: 35px 31px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.returns > a::after {
	width: 36px;
	height: 32px;
	background-image: url(/img/usr/ico_faq_answer_05.png);
	background-size: 36px 32px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.payment > a::after {
	width: 46px;
	height: 35px;
	background-image: url(/img/usr/ico_faq_answer_06.png);
	background-size: 46px 35px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.regular > a::after {
	width: 44px;
	height: 39px;
	background-image: url(/img/usr/ico_faq_answer_07.png);
	background-size: 44px 39px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.point > a::after {
	width: 37px;
	height: 37px;
	background-image: url(/img/usr/ico_faq_answer_08.png);
	background-size: 37px 37px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.rank > a::after {
	width: 40px;
	height: 35px;
	background-image: url(/img/usr/ico_faq_answer_09.png);
	background-size: 40px 35px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.recommended > a::after {
	width: 39px;
	height: 29px;
	background-image: url(/img/usr/ico_faq_answer_10.png);
	background-size: 39px 29px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.use > a::after {
	width: 34px;
	height: 38px;
	background-image: url(/img/usr/ico_faq_answer_11.png);
	background-size: 34px 38px;
}
#faqpage.faq_answer .faq_answer_pagelink_item.goods > a::after {
	width: 34px;
	height: 38px;
	background-image: url(/img/usr/ico_faq_answer_12.png);
	background-size: 34px 38px;
}
#faqpage.faq_answer .faq_answer_layout_flow {
	margin: 30px 0 0;
	display: flex;
}
#faqpage.faq_answer .faq_answer_layout_flow_txt {
	flex: 1;
	order: 2;
}
#faqpage.faq_answer .faq_answer_layout_flow_txt > *:first-child {
	margin-top: 0;
}
#faqpage.faq_answer .faq_answer_layout_flow_img {
	margin-right: 40px;
	width: 670px;
	order: 1;
}
#faqpage.faq_answer .faq_answer_box {
	margin: 15px 0 0;
	padding: 15px;
	border: 1px solid #ddd;
}
#faqpage.faq_answer .faq_answer_box > *:first-child {
	margin-top: 0;
}
#faqpage.faq_answer .faq_answer_box_strong {
	margin: 20px 0 0;
	padding: 15px;
	color: #e4001b;
	border: 1px solid #e4001b;
}

#faqpage.faq_answer .faq_answer_box_strong .faq_answer_note,
#faqpage.faq_answer .faq_answer_box_strong > *:first-child {
	margin-top: 0;
}
#faqpage.faq_answer .faq_answer_table {
	margin: 20px 0 0;
	table-layout: fixed;
	width: 100%;
	border: 1px solid #ddd;
	border-collapse: collapse;
}
#faqpage.faq_answer .faq_answer_table thead th,
#faqpage.faq_answer .faq_answer_table tbody td {
	vertical-align: middle;
	text-align: center;
}
#faqpage.faq_answer .faq_answer_table th {
	background-color: #f5f5f5;
}
#faqpage.faq_answer .faq_answer_table th,
#faqpage.faq_answer .faq_answer_table td {
	padding: 5px 20px;
	border: 1px solid #ddd;
}
@media all and (-ms-high-contrast: none) {
	#faqpage.faq_answer .faq_answer_table th,
	#faqpage.faq_answer .faq_answer_table td {
		padding: 10px 20px 0;
	}
}

/*--------------------------------------
	���N�R���� PC 20210901���
--------------------------------------*/	

.newcolumn{
	width: 900px;
	margin:auto;
}
.newcolumn p,.newcolumn ul li {
	font-size: 2.0rem;
	line-height: 2.0;
}
.newcolumndate{
	text-align: right;
	font-size: 0.6rem;
	margin-top:30px;
}
.newcolumnheading{
	font-size: 2.5rem;
}
.newcolumnlead{
	font-size: 2.5rem;
	font-weight: bold;
}
.newcolumnimg{
	text-align: center;
	margin: 0 0 40px 0;
}
.newcolumn h1{
	font-size: 3.5rem;
	font-weight: bold;
	padding:15px 0;
	margin-bottom:20px;
}	
.newcolumn h2{
	font-size: 3rem;
	border-bottom:4px solid #008000;
	font-weight: bold;
	margin: 60px 0 20px 0;
	}
.newcolumn h3{
	font-size: 2.5rem;
	font-weight: bold;
	margin-top: 50px;
	margin-bottom: 10px;
	}
.newcolumn h4{
	font-size: 2.2rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	}
.newcolumnbox{
	border: 2px solid #aaa;
	border-radius: 5px;
	padding-bottom:20px;
	margin:40px 0;
}
.newcolumnbox p#mokuji{
	border-bottom: 2px solid #aaa;
	padding:5px 0;
	text-align: center;
	font-size: 2.5rem;
	font-weight: bold;
}
.newcolumnbox span{
	color:#008000;
	padding-right:5px;
	}
.newcolumnbox ul li a{
	text-decoration:none;
}
.newcolumnbox ul li{
	padding:5px 20px 0px 20px;
	margin:10px 20px 0 20px;
}
.newcolumnbox ul li a p{
	border-bottom: 2px dotted #aaa;
	padding:5px 40px 0px 20px;
	margin: 0px 20px;
	text-align: left;
}
.newcolumnpagelink {
    background: url(/img/usr/down_mypage.png) no-repeat right center;
    padding-left: 10px;
}
.newcolumn_1Img {
	text-align: center;
	margin: 20px 0;
}
.newcolumn_2_1_1{
	display: flex;
	justify-content: flex-start;
}
.newcolumn_2_1_1Box{
	width: 50%;
}
.newcolumn_2_1_1Img {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 11px;
    }
.newcolumn_2_1_1Txt {
    letter-spacing: -0.04em;
    font-size: 1.6rem;
    font-weight: normal;
    padding: 10px;
    line-height: 1.6;
}
.newcolumn_2_1_2 {
	padding: 15px;
	overflow: hidden;
}
.newcolumn_2_1_2Img {
	width: 50%;
	float: left;
}
.newcolumn_2_1_2Txt {
	padding-top: 10px;
}
.newcolumn_2_1_3 {
	padding: 15px;
	overflow: hidden;
}
.newcolumn_2_1_3Img {
	width: 50%;
	float: right;
}
.newcolumn_2_1_3Txt {
	width: 50%;
	padding-top: 10px;
	float: left;
}
.newcolumn_2_box {
	border: 2px solid #aaa;
	border-radius: 5px;
	padding:20px;
	margin:30px 0;
}
.newcolumn_2_box h4 {
	margin:10px;
}
.newcolumn_2_boxImg {
	width: 50%;
	float: left;
	}
.newcolumn_2_boxImg img{
	max-width:100%;
	height: auto;
	}
.newcolumn_2_boxTxt {
	padding-top: 10px;
}
.newcolumnKanshuBorderBox {
	border: 10px solid #f0fff0;
	margin: 30px 0;
	padding: 15px;
	overflow: hidden;
}
.newcolumnKanshuImg {
	width: 25%;
	float: left;
}
.newcolumnKanshuDetail {
	width: 75%;
	float: right;
	padding: 5px 0 5px 18px;
}
.newcolumnKanshuTle {
	font-size: 16px !important;
	margin: 0 !important;
	line-height: 30px !important;
}
.newcolumnKanshuName {
	font-size: 20px !important;
	padding: 5px 0 5px 0;
	font-weight: bold !important;	
}
.newcolumnKanshuPosition {
    font-size: 17px !important;
    line-height: 1.6 !important;
    padding-bottom: 10px;
}
.newcolumnKanshuTxt {
	font-size: 15px !important;
	line-height: 1.6 !important;
	padding-top: 10px;
	border-top: 1px solid #d8d8d8;
}
#keyword.column_keyword .column_keyword_pagelink {
	display: flex;
	flex-wrap: wrap;
	order: 1;
}
#keyword.column_keyword .column_keyword_pagelink_item {
	margin-right: 10px;
}
#keyword.column_keyword .column_keyword_pagelink_item:nth-child(4n) {
	margin-right: 0;
}
#keyword.column_keyword .column_keyword_pagelink_item:nth-child(n + 5) {
	margin-top: 0px;
}
#keyword.column_keyword .column_keyword_pagelink_item > a {
	padding: 10px;
	align-items: center;
	height: 100%;
	min-height: 72px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: -1px;
	text-decoration: none;
	border: 2px solid #aaa;
	border-radius: 5px;
	transition: .3s ease;
	position: relative;
}
/* IE */
@media all and (-ms-high-contrast: none) {
	#keyword.column_keyword .column_keyword_pagelink_item > a {
		padding-top: 16px;
	}
}
#keyword.column_keyword .column_keyword_pagelink_item > a:hover {
	border-color: #00ae4a;
}
#keyword.column_keyword .column_keyword_pagelink_item > a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	background: no-repeat center center;
}
#keyword.column_keyword .column_keyword_pagelink_item > a:hover {
	border-color: #00ae4a;
}
#keyword.column_keyword .column_keyword_pagelink_item > a::after {
	position: absolute;
	content: "";
	top: 50%;
	right: 8px;
	transform: translateY(-50%);
	background: no-repeat center center;
}
#columnsns {
    display: inline-block;
    float: none;
    margin: 0 auto;
    padding: 0;
}
#columnsns li {
    float: left;
    width: 70px;
    height: 25px;
    margin: 5px 8px 5px 0;
    padding: 4px 0 0 0;
    list-style-type: none;
    text-align: center;
    border-radius: 4px;
}
#columnsns li a { 
    display: block;
    font-size: 12px;
    line-height: 2;
    color:#fff;
}
#columnsns .facebook { border-bottom: 2px solid #2d4373; background: #315096; }
#columnsns .hatena { border-bottom: 2px solid #117ec7; background: #008fde; }
#columnsns .twitter { border-bottom: 2px solid #2795e9; background: #55acee; }
#columnsns .line { border-bottom: 2px solid #219900; background: #00c300; }
#columnsns .feedly { border-bottom: 2px solid #54803a; background: #75ad43; }
#columnsns .rss { border-bottom: 2px solid #da7a04; background: #ff8c00; }
#columnsns .google { border-bottom: 2px solid #8d2d1d; background: #dd4b39; }
#columnsns .pocket { border-bottom: 2px solid #e6152f; background: #ee4056; }
#columnsns li:hover { margin: 0 8px 10px 0; }