@charset "utf-8";

body {
  text-align: center;
}

#mainArea {
  display: block;
width:100%;}

#mainWrap	{width:830px !important;}

@media (min-width: 768px) {
  #mainArea {
    display: flex;
    gap: 0 40px;
    justify-content: center;
  }
}

/*---------------------------------------------
	コンテンツ
---------------------------------------------*/
.sp {
  display: none;
}

.pc {
  display: block;
}

.box	{
background:#f3f3f3;
padding:10px;
width:100% !important;
}
.box h1	{
font-weight:700 !important;
text-align:center;
font-size:28px !important;}

.box2	{
background:#b2b2b2;
padding:10px;
width:100% !important;
margin-top:20px;
}
.box2 h2	{
font-weight:700 !important;
text-align:left;
font-size:18px !important;
color:#ffffff;}

.mab30	{margin-bottom:30px !important;;}
.mab10	{margin-bottom:10px !important;;}
.mat10	{margin-top:10px !important;;}
.mal10	{margin-left:10px !important;;}
.mat20	{margin-top:20px !important;;}
.mat30	{margin-top:30px !important;}
.mat50	{margin-top:50px !important;}
.mat100	{margin-top:108px !important;}
.fwb	{font-weight:700;}
.fs14	{font-size:14px;}
.fs16	{font-size:16px;}
.text_break	{word-break: break-all;}
.fcg	{ color: #666;}
.tarp	{text-align:right;}
/* policy
---------------------------------------------*/

#customer #main .section			{ text-align:left;
}
#customer #main .section .block2	{ border: 1px solid #e5e5e5; }

#customer .section .block					{ clear: both; padding: 0; color: #666; }
#customer .section .block p					{ padding:0 20px 20px; }
#customer .section .block a				{ text-decoration: underline; }
#customer .section .block a:hover			{ text-decoration: none; }
#customer .section .block h3				{ margin: 0 0 10px; padding: 5px 10px; font-size: 117%; font-weight: bold; color: #333; background: #f5f5f5; }
#customer .section ul.date			{ float: right; margin: 20px 0;text-align:right; color: #666;  }
#customer .section ul.date li		{ background: none; }
#customer .section .block .clear			{ clear: both; }
#customer .section .block ul				{ margin: 9px 0; }
#customer .section .block ul li			{ margin-bottom: 4px; padding-left: 12px; background: url("/images/i_circle_br.gif") no-repeat 0 0.4em; }
#customer .section .block ul li.lastChild	{ margin-bottom: 0; }
#customer .section .block strong			{ font-weight: bold; }
#customer .block #privacymark				{ display: inline; float: left; margin-right: 20px; }



@media only screen and (max-width:768px) {
  body {
    min-width: 100%;
  }
  #mainWrap	{width:100% !important;}

  .wrap {
    margin: 0 10px;
  }

  .pc {
    display: none;
  }

  .sp {
    display: block;
    font-size: 14px;
    line-height: 1.5;
  }

.mat50	{margin-top:0px !important;}
.tarp	{text-align:left;}
.fs16	{font-size:14px;}

	.box h1	{
	font-size:20px !important;}

	.box2 	{
	width:95% !important;
	margin:20px auto 0;
	}
	.box2 h2	{
	font-size:16px !important;
	}


  .column2 {
    float: none;
    margin: 0;
    width: auto;
  }

  .column2 #side {
    display: none;
  }

  .column2 #main {
    position: static;
    margin: 0;
  }

  .column2 #content {
    border: none;
  }


/* policy
---------------------------------------------*/
#customer .section .block					{ clear: both; padding: 10px 10px 17px; color: #666; width:95%;margin:0 auto;}
#customer .section .block h3				{ font-size: 110%; }
#customer .section  ul.date			{ float: right; margin-right: 10px;text-align:right; }



}