@charset "utf-8";

/*  ページタイトル
================================================== */
#Hero{
  background: #fafafa;
  padding: 50px 0 70px 0;
  color: #666;
}
.mainTit {
  color:#333;
  text-align: center;
  letter-spacing: 0.02em;
  font-weight: normal;
  line-height: 1.4;
}
.mainTit span {
  position: relative;
  display: inline-block;
  font-size: 24px;
}
.mainTit span:after {
  position: absolute;
  bottom: -10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 141px;
  height: 3px;
  content: "";
  background: url(/membership/img/bg_dot01.png) 0 0 no-repeat;
}
.mainTit + p{
  margin-top: 40px;
  text-align: center;
  line-height: 1.6;
}
.title-pagesub-02{
  text-align: center;
  font-size: 20px;
  margin:0 auto 30px;
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  font-weight: 900;
  line-height: 1.6;
}
.title-pagesub-02 span{
    padding: 0 10px;
}
.title-pagesub-02:before,
.title-pagesub-02:after{
    content: "■";
    font-size: 80%;
    color: #00275f;
    display: inline-block;
}
.title-pagesub-03{
	margin-top: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999;
	padding: 5px 5px 5px 5px;
	font-weight: bold;
	font-size: 18px;
}
@media all and (min-width: 768px) {
  .mainTit span { font-size: 30px; }
  .mainTit span:after { width: 533px; }
}

.box-section + .box-section{
  margin-top: 80px;
}
.box-basiclayout + .box-basiclayout{
  margin-top: 60px;
}
.btn-pink-01 {
    display: block;
    padding: 15px 15px;
    border: 1px solid #F53D7E;
    text-align: center;
    border-radius: 4px;
    color: #F53D7E;
    font-weight: 700;
    background: #fff;
    cursor: pointer;
    font-size: 16px;
}
.btn-pink-01:hover{
  opacity: 0.5;
  color: #F53D7E;
  text-decoration: none;
}
#Contents{
  background: #fafafa;
  padding-bottom: 100px;
  color: #1C1C1C;
}
.ul-kuromaru li{
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
.ul-kuromaru li:before{
  content: "●";
  position: absolute;
  top: 0;
  left: 0;
}
.ul-kuromaru li + li{
  margin-top: 10px;
}
.ul-kome li{
  font-size: 14px;
  padding-left: 20px;
  position: relative;
}
.ul-kome li:before{
  content: "※";
  position: absolute;
  top: 0;
  left: 0;
}
.ul-kome li + li{
  margin-top: 10px;
}

.entry-box{
	margin-bottom: 20px;
}
.entry-box p{
	font-size: 14px;
}
.entry-box a{
	text-decoration: none;
	color: #333;
}


/* safety.html
---------------------------------------------------------*/
.safetyline{
	line-height:1.5em;
}
.h2-safety {
	font-size: 15px;
	font-weight: bold;
	background-image: url(../img/safety/bg_safety.gif)!important;
	background-repeat: no-repeat;
	text-align: left;
	height: 33px;
	width: 715px;
	padding-top: 15px;
	padding-left: 25px;
	color: #336699!important;
	margin-bottom: 15px;

}

.mgb-10 { margin:0 0 10px 0; }
.mgb-20 { margin:0 0 20px 0; }


/* safety TOP
---------------------------------------------------------*/
.tit-lv1 {
    padding: 12px 7px 11px 16px;
    margin: 3px 3px 1.5em;
    color: #6c1044;
    font-size: 18px;
    font-weight: bold;
    background: #FCFAFA url(/st/share/pc/img/tit-lv1-angle.png) no-repeat 1px 1px;
    border: solid 1px #e0e0e0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #dee3e9;
    -moz-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
    -o-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
    -ms-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
    box-shadow: 0 0 0 2px #eee, 0 0 0 3px #dee3e9;
    line-height: 1.4em;
}



/* safety h2 style */
.sf-tit-a1 {
	color:#FFF;
	padding: 6px 6px 6px 24px;
	font-weight: bold;
	background: url(/safety/img/sf-tit-a1.png) no-repeat 0px 0px;
	font-size: 13px;
	margin: 1.5em 0 0.5em;
	margin-top: 2em;
	margin-bottom: 1em;
}
/* safety h3 style */
.sf-tit-a2 {
	color:#FFF;
	padding: 10px 6px 0 48px;
	background-position: 8px 10px;
	font-weight: bold;
	background: url(/safety/img/ico_logowiller.png) no-repeat 0 0;
	background-color:#999999;
	font-size: 13px;
	margin: 1.5em 0 0.5em;
	margin-top: 1.8em;
	margin-bottom: 0.8em;
	height:37px;
}
.sf-tit-a3 {
	margin-top: 0.5em;
	margin-bottom: 1em;
	border-bottom: 1px dotted #999;
	height: auto;
	padding: 2px 6px 2px 16px;
	background: url(/st/share/pc/img/ico-square-navyblue.png) no-repeat left 6px;
	font-size: 13px;
	margin: 1.5em 0 0.5em;
	color: #000000;
	font-weight: bold;
}
.safetyfirsttxt{
	margin-bottom:15px;
}
.rgt-rrlink{
	text-align:right;
}
.mssg-tbl{
	margin-top:17px;
	overflow: hidden;
	width: 720px;
	margin-bottom:40px;
}
.mspic{
	padding-right: 15px;
	width: 209px;
	vertical-align:top;
}
.msttx{
	vertical-align:top;
}
.message-group{
	margin-top:17px;
	overflow: hidden;
	width: 720px;
	margin-bottom:40px;
}
.message-group .msgpic {
	margin-right: 15px;
	float: left;
	display:block;
	display:block;
	width: 209px;
	overflow: hidden;
}
.message-group .msgtxt {
	float: left;
	display:block;
	width: 496px;
	overflow: hidden;
}
.themsgtit{
	font-weight:bold;
	font-size:14px;
	margin-bottom:15px;
}
.themsgsign{
	text-align:right;
	margin-top:15px;
}

.photogroup1{
	margin-bottom:17px;
}
.fullcol-group{
	margin-top:12px;
	margin-bottom:20px;
	overflow: hidden;
	width: 720px;
}
.fullcol-group .fc-pic {
	margin-right: 15px;
	float: left;
	display:block;
	width: 163px;
	overflow: hidden;
}
.fullcol-group .fc-txt {
	float: left;
	display:block;
	width: 542px;
	overflow: hidden;
}
.fullcol-group .fc-large-txt {
	float: left;
	display:block;
	width: 720px;
	overflow: hidden;
}
.drivelist{
	margin:4px 0!important;
	line-height:1em!important;
}
.companygraph{
	margin-top:2px;
	margin-bottom:10px;
}
.separation-group{
	overflow: hidden;
	width: 720px;
	margin-bottom:15px;
}
.separation-group .spleft {
	margin-right: 16px;
	float: left;
	display:block;
	width: 352px;
	overflow: hidden;
}
.separation-group .spright {
	float: left;
	display:block;
	width: 352px;
	overflow: hidden;
}
.half-group{
	overflow: hidden;
	width: 352px;
}
.half-group .hfpic {
	margin-right: 15px;
	float: left;
	display:block;
	width: 163px;
	overflow: hidden;
}
.half-group .hftxt {
	float: left;
	display:block;
	width: 174px;
	overflow: hidden;
}

.actiontxt{
	margin-bottom:25px;
}
.actionimg{
	margin-bottom:35px;
}
.icopopup{
	margin-left:4px;
}
.miniarrow{
	margin-right:4px;
}



/*--------------20211216追記--------------*/
article{

}
main{
	max-width: 960px;
	margin: 0 auto;
	padding: 0 24px 24px;
}
.sf-tit-a3{
	font-size: 16px;
}
.safetyline{
	line-height: inherit;
}
.safetyfirsttxt,
.rgt-rrlink{
	max-width: 720px;
	margin: 0 auto;
}
button.mark-arrow {
	background-position: 0.2em 0.2em;
	background: url(/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 0.2em 0.45em;
	padding-left: 15px;
	list-style: none;
	text-decoration: underline;
	cursor: pointer;
}
button.popup:after {
	content: url(/st/share/pc/img/ico-window.png);
	vertical-align: middle;
	margin: 0 2px;
}
.fullcol-group{
	width: 100%;
}
.half-group .hftxt,
.fullcol-group .fc-txt{
	width: calc(100% - 178px);
}
.fullcol-group .fc-large-txt{
	width: 100%;
	padding: 24px;
	background: #f5f5f5;
	margin-top: 24px;
}
.separation-group,
.half-group{
	width: 100%;
}
.separation-group .spleft,
.separation-group .spright{
	width: calc(50% - 8px);
}

@media (max-width:768px) {
	.separation-group .spleft,
	.separation-group .spright{
		width: 100%;
		float: none;
		margin: 0 auto 16px;
	}
}
/* popup safety policy
----------------------------------------------------------*/
.conts_gaiyou {
	text-align:left;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
}

.topsftxt{
	text-align:left;
	overflow:hidden;
	margin-bottom:30px;
	line-height:1.8em;

}
.popcomassa {
	border: 1px solid #CCCCCC;
	clear: both;
	color: #666666;
	line-height: 1.4em;
	margin-bottom: 10px;
	padding: 8px 10px;
	text-align:left;
}
.topclose{/*T*/
	margin-top:15px;
	margin-bottom:15px;
	text-align:right;
	padding-bottom:9px;
	border-bottom:#ccc 2px solid;
	overflow:hidden;
}
.buttonfooter{
	text-align:center;
}
.saftitzrea{
	text-align:center;
}
.sflogo{
	margin-top:0px;
	margin-bottom:20px;
}
.sflisting{
	padding-left:30px;
	padding-right:30px;
	margin-bottom:30px;
	line-height:1.8em;
}
.sfdate{
	padding-left:30px;
	margin-bottom:25px;
}
.sfsign{
	text-align:right;
	padding-right:30px;
	margin-bottom:60px;

}
.sfgrp{
	font-weight:bold;
	font-size:18px;
	margin-bottom:12px;
}
.sfsigname{
	font-weight:bold;
	font-size:15px;
}
.smnotic{
	font-size:10px;
	}