/* 顧客車両クリーニング方法　*/
.cl-heading {
margin: 0;
position: relative;
font-size: 40px;
text-align: center;
margin-bottom: -60px;
}

.cl-heading .after {
display: block;
font-size: 14px;
margin-top: 50px;
position: relative;
margin: 10px auto 0;
background-color: #fff;
letter-spacing: nowrap;
}
 
.cl-heading .after:before {
content: '';
height: 1px;
background-color: #000;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: -1;
width: 200px;
left: -30px;
}

.cl-title {
  position: relative;
	font-size: 1.4rem;
	font-weight: 550;
	padding: .25em .8em .25em .75em;
	border-left: 8px solid #3498db;
	margin-top: 80px;
}
.cl-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: '';
  width: 100%;
  height: 0;
  border-bottom: 1px solid #ccc;
}

.cl-img {
	text-align: center;
}
.acquisition-result {
	padding: 5px 5px;
	background-color: #87cefa;
	border-radius: 5px;
	margin-top: -30px;
	margin-bottom: 2px;
}
.cl-movie {
	margin: 0 auto;
	background-color: #000;
	width: 500px;
	height: 300px;
	margin-top: -10px;
}



/* オークネット保証申込ページ　*/
.auc-application1 .btn {
	margin-top: -10rem;
	margin-left: 5rem;
}
.auc-application2 .pict2 {
	width: 20%;
	margin-top: -32%;
	margin-left: 70%;
	padding-bottom: 23%;
}
.auc-application3 .pict2 {
	width: 25%;
	margin-top: -26.5%;
	margin-left: 33%;
	padding-bottom: 10%;
}
.auc-application4 .pict2 {
	width: 25%;
	margin-top: -22%;
	margin-left: 33%;
	padding-bottom: 10%;
}




/* 7月特選車情報　*/

.joycal-conteiner {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.joycal-conteiner .list-item {
	display: block;
	width: 100%;
	height: 400px;
	margin-top: -3rem;
}
.joycal-conteiner .list-item .pict1 {
	float:left;
	width: 60%;
	margin-top: -1.5rem;
}
.joycal-conteiner .list-item .pict2 {
	float: right;
	width: 60%;
	margin-top: -1.5rem;
}
.joycal-conteiner .list-item .title {
	font-size: 2.3rem;
	font-weight: bold;
	color: #178cce;
}
.joycal-conteiner .list-item .text1 {
  font-size: 1.3rem;
	font-weight: bold;
	margin-top: -3.5rem;
	color: #e83828;
}
.joycal-conteiner .list-item .text2 {
	margin-top: -1.5rem;
}
.joycal-julycontact {
	display: listbox;
	list-style: none;
	list-style-type: none;
}
.joycal-julycontact .box-title {
	display: inline-block;
	text-align: -webkit-match-parent;
	background-image: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/pict/joycal/202107/toiawase-bk.png");
	box-shadow: 10px 5px 5px #ffb6c1;
	width: 100%;
	padding: 1.5rem 1.5rem;
	margin: 80px 0 0;
	border-radius: 10px;
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	text-align:center;
	margin-bottom: 30px;
}

/* SMS・ハガキ自動発送オプション */
.automatic-section1 {
	display: block;
	margin-bottom: 3rem;
}
.automatic-section1 .pict {
	display: inline-block;
}
.automatic-section1 .btn1 {
	display: block;
	text-align: center;
	margin-top: -7.5%;
}
.op-btn1-flat-border {
  display: inline-block;
	width: 46%;
  text-decoration: none;
	font-size: 1.3rem;
	font-weight:bold;
	text-align:center;
	padding: 0.5rem 0;
  color: #fff;
	background: #c30d23;
  border: solid 3px #fff;
  border-radius: 3px;
  transition: .4s;
}
.op-btn1-flat-border:hover {
  background: #fff;
  color: #c30d23;
}

.automatic-section2 {
	display: block;
	margin-bottom: 3rem;
}
.automatic-section2 .pict {
	display: inline-block;
}
.automatic-section2 .btn2 {
	display: block;
	text-align: left;
	margin-top: -5%;
}
.op-btn2-flat-border {
  display: inline-block;
	font-size: 1.2rem;
	font-weight: bold;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #036eb8;
	background-color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: .4s;
}

.op-btn2-flat-border:hover {
  background: #036eb8;
  color: white;
}

.list-cleaning {
	display: block;
	text-align: center;
	width: 100%;
}
.list-cleaning .title {
	position: relative;
  padding: 0 65px;
  text-align: center;
	font-size: 1.8rem;
	font-weight: 500;
}
.list-cleaning .title:before {
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  width: 100%;
  height: 1px;
  content: '';
  background: #000;
}
.list-cleaning .title span {
  position: relative;
  padding: 0 1em;
  background: #fff;
}
.list-cleaning .pict {
	display: inline-block;
	width: 350px;
	float: left;
  margin-left: 9%;
	margin-top: 1.5rem;
}
.list-cleaning .text {
	text-align: left;
	display: inline-block;
	margin-top: 3rem;
	font-size: 1.1rem;
}




/* OPイオンプロダクトファイナンス */
.aeon_background {
   background-color: #486d46;            /* 背景色 */
   background-image: url("aeon_background"); /* 画像 */
   background-size: cover;               /* 全画面 */
   background-attachment: fixed;         /* 固定 */
   background-position: center center;   /* 縦横中央 */
}


/* オリックスカーリース既存LP */
.orix-top {
	display: block;
	width: 100%;
	padding: 5px 5px;
	margin-bottom: 3rem;
}
.orix-Inquiry {
	display: inline-block;
	border-radius: 5px;
	/*background-color: #696969;*/
	background: linear-gradient(to right, blue, pink);
	width: 35%;
	height: 15%;
	text-align:center;
	padding:2px 2px;
	margin-left: 65%;
	
}
.orix-Inquiry .TEL {
	display: inline-block;
	font-size: 1.8rem;
	color: #fff;
	font-weight: bold;
	margin-top: -2.2rem;
}

.orix-Inquiry .business-hours {
	display: inline-block;
	font-size: 1.1rem;
	color: #fff;
	margin-top: -3rem;
}
/* カーリースメニュー */
.orix-menu {
	display: block;
	width: 70%;
	margin-left: -3rem;
	margin-top: -3.6rem;
}
.orix-menu .orix-nav{
display: inline-block;
text-align: center;
}
nav li {
margin: 0 ;
padding: 0 ;
}
nav li{
list-style: none;
display: inline-block;
min-width: 30px;
font-weight:bold;
font-size: 1.3rem;
text-align: center;
padding: 0 20px;
}
nav li:not(:last-child){
border-right:2px solid #ddd;
}
nav a{
text-decoration: none;
color: #00008b;
}
nav a.orix-current{
color: #00B0F0;
border-bottom:2px solid #008080;
}
nav a:hover{
color:#20b2aa;
}


/* オリックスカーリース */
.hover_orix {
  transition: all 0.6s ease 0s;
	margin-top: -80px;
}
.hover_orix:hover {
  cursor: pointer;
  transform: scale(1.05, 1.05);
}


/* オークネット保証*/
.ac-heading1 {
  position: relative;
  display: inline-block;
  margin-bottom: 1.3em;
	font-size: 1.8rem;
	font-weight:bold;
	color: #00913a;
}
.ac-heading1:before {
  content: '';
  position: absolute;
  bottom: -5px;
  display: inline-block;
  width: 60px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #00913a;
  border-radius: 2px;
}
.ac-heading2 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
	font-size:1.8rem;
	font-weight:bold;
	text-align: center;
}
.ac-heading2:before, .ac-heading2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 60px;
  height: 3px;
  background-color: black;
}

.ac-heading2:before {
  left:-10%;
}
.ac-heading2:after {
  right: -10%;
}



/* PrimeWarranty　*/
.pw-footer{
position:fixed;
right:-7%;
bottom:0px;
transition:0.3s;
opacity:1;
}
.pw-upper:hover{
opacity:1;
}



/* 車両保証制度　*/
.warranty_contact {
	display: inline-block;
	width: 100%;
	background-color: #f0f8ff;
}
.warranty_contact .title {
	display: block;
	font-size: 1.5rem;
	font-weight: bold;
	color: #fff;
	background-color:#4682b4;
	text-align: center;
}
.warranty_contact .form {
	display: block;
	padding:1rem 2rem;
}


.warranty {
	display: inline-block;
	background-color: #036eb8;
  width: 100%;
	padding: 0.1rem 0.1rem;
}
.warranty .img {
	display: block;
	width: 40%;
	margin-top: 7rem;
	padding-left: 1rem;
}
.warranty-btn {
	display: block;
	width: 40%;
	padding-left: 10%;
	padding-top: 8%;
}
.details-btn {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 3px #fff;
  border-radius: 3px;
  transition: .4s;
	font-size: 1.1rem;
	font-weight:bold;
}
.details-btn:hover {
  background: #fff;
  color: #036eb8;
}
.warranty .content {
	display: block;
	margin-left: 48%;
  margin-top: -18rem;
	padding: 1.5rem 1.5rem;
}
.warranty .title {
	display: flex;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0rem;
}
.warranty .txt {
	display: block;
	font-size: 1.1rem;
	color: #fff;
}
.warranty .area {
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
}



.warranty-s {
	display: inline-block;
	background-color: #ea5514;
  width: 100%;
	padding: 0.1rem 0.1rem;
}
.warranty-s .img {
	display: block;
	width: 40%;
	margin-top: 7rem;
	padding-left: 1rem;
}
.warranty-btn {
	display: block;
	width: 40%;
	padding-left: 10%;
	padding-top: 8%;
}
.details-btn {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 3px #fff;
  border-radius: 3px;
  transition: .4s;
	font-size: 1.1rem;
	font-weight:bold;
}
.details-btn:hover {
  background: #fff;
  color: #036eb8;
}
.warranty-s .content {
	display: block;
	margin-left: 48%;
  margin-top: -18rem;
	padding: 1.5rem 1.5rem;
}
.warranty-s .title {
	display: flex;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0rem;
}
.warranty-s .txt {
	display: block;
	font-size: 1.1rem;
	color: #fff;
}
.warranty-s .area {
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
}


.warranty-a {
	display: inline-block;
	background-color: #00913a;
  width: 100%;
	padding: 0.1rem 0.1rem;
}
.warranty-a .img {
	display: block;
	width: 40%;
	margin-top: 7rem;
	padding-left: 1rem;
}
.warranty-btn {
	display: block;
	width: 40%;
	padding-left: 10%;
	padding-top: 8%;
}
.details-btn {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  color: #fff;
  border: solid 3px #fff;
  border-radius: 3px;
  transition: .4s;
	font-size: 1.1rem;
	font-weight:bold;
}
.details-btn:hover {
  background: #fff;
  color: #036eb8;
}
.warranty-a .content {
	display: block;
	margin-left: 48%;
  margin-top: -18rem;
	padding: 1.5rem 1.5rem;
}
.warranty-a .title {
	display: flex;
	font-size: 1.8rem;
	font-weight: bold;
	color: #fff;
	margin-bottom: 0rem;
}
.warranty-a .txt {
	display: block;
	font-size: 1.1rem;
	color: #fff;
}
.warranty-a .area {
	display: block;
	font-size: 1.1rem;
	font-weight: bold;
	color: #fff;
}





/* 特選車4月*/
.shinsyagyouhan {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
	color: #fff;
	background-color: #ff6347;
}

.joycal-aplil {
	display: listbox;
	list-style: none;
	list-style-type: none;
}
.tokusensya {
	display: inline-block;
	background-image: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/pict/joycal/aplil/aplil-background.jpg");
	box-shadow: 10px 5px 5px #ffb6c1;
	width: 100%;
	padding: 1.5rem 1.5rem;
	margin: 80px 0 0;
	border-radius: 10px;
}
.aplil-mark {
	position: relative;
	top: -90px;
	left: -40px;
	width: 15%;
	transform:rotate(-25deg);
}
.car-img {
	display: block;
	width: 75%;
	margin-top: -20%;
}
.joycal-txt {
	display:block;
	margin: -25% 0 0 45%;
	width:80px;
	padding: 0rem 0;
	white-space: nowrap;
}
.car-title {
	font-size: 2rem;
	font-weight: bold;
	color: #db7093;
}
.car-text1 {
	font-size: 1.5rem;
	font-weight: bold;
	color: #ff6347;
	margin-top: -50px;
}
.car-text2 {
	font-size: 1rem;
	color: #808080;
	margin-top: -30px;
}
.joycal-toiawase {
	display: listbox;
	list-style: none;
	list-style-type: none;
}
.joycal-toiawase .box-title {
	display: inline-block;
	text-align: -webkit-match-parent;
	background-image: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/pict/joycal/aplil/aplil-background.jpg");
	box-shadow: 10px 5px 5px #ffb6c1;
	width: 100%;
	padding: 1.5rem 1.5rem;
	margin: 80px 0 0;
	border-radius: 10px;
	font-size: 2.5rem;
	font-weight: bold;
	color: #c71585;
	text-align:center;
	margin-bottom: 30px;
}



/* トラック王国*/

.track-box01 {
	position: absolute;
	max-width: 100%;
	margin: -1em 3em;
	width: 900px;
	height: 330px;
	background-color: #fffff0;
	box-shadow: 0 2px 4px rgba(0,0,0,0.22);
}
.track-box01 .box-title {
  font-size: 2em;
	padding: 4px;
	background: #ff2155;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.track-box02 {
	position: absolute;
	float: left;
	margin: 6.3em 5em;
	padding: 0.5em 0.5em;
	width: 400px;
	height: 200px;
	background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.track-box02 .box-title {
	font-size: 1.8em;
  background: #ff2155;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.track-box02 p {
	font-size: 1.1em;
	margin: 0.6em 0em;
}

.track-box03 {
	position: absolute;
	float: right;
	margin: 6.3em 32em;
	padding: 0.5em 0.5em;
	width: 400px;
	height: 200px;
	background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.track-box03 .box-title {
	font-size: 1.5em;
  background: #ff2155;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.track-box03 p {
	font-size: 1.1em;
	margin: 0.6em 0em;
}

.gyouhan-img {
	position: absolute;
	float: left;
	width: 550px;
	margin: 6.5em 0em;
}


.track-box06 {
	position: absolute;
	float: left;
	margin: 16em 4em;
	padding: 0.5em 0.5em;
	width: 450px;
	height: 200px;
	background:#ffffff;
}
.track-box06 .box-title {
	position: absolute;
	font-size: 1.4em;
  background: #ff2155;
	width: 430px;
	height: 30px;
	text-align: center;
 	padding: 1px;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.track-box06 p {
	font-size: 0.8em;
	margin: 3em 0em;
}

.track-box07 {
	position: absolute;
	float: right;
	margin: 7.5em 36em;
	padding: 0.5em 0.5em;
	width: 400px;
	height: 350px;
	background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.track-box07 .box-title {
	font-size: 1.2em;
  background: #ff2155;
  padding: 10px;
  text-align: center;
  color: #FFF;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.track-box07 p {
	font-size: 1.1em;
	margin: 0.6em 0em;
}

.track-box04 {
	position: absolute;
	margin: 22.5em -1em;
	background-color: #56aaff;
	width: 1080px;
	height: 240px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.track-box04 .box-title {
	font-size: 25px;
	font-weight: 900;
	text-align: center;
	color:#ffffff;
}

.track-img {
	float: right;
	margin: 0em 3.5em;
	width: 330px;
}

.track-box05 {
	position: absolute;
	float: left;
	margin: 1em 3em;
	padding: 0.5em 0.5em;
	width: 500px;
	height: 300px;
	background: #f1f1f1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.track-box05 .track-title {
	 font-size: 2em;
    background: #990000;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}



/*ナビメニュー
li {
  float: left;
} */
 
.blue_bnr {
  margin: 0 14px;
}
 
.cl {
  clear: both;
}

.option_category01 {
	position: relaitive;
	float: right;
	margin: 0.5em 4em;
	padding: 0em 0em;
	font-size: 1.5em;
	padding: -10px;
  color: #ffffff;
  font-weight: bold;
}

.option_category02 {
	position: absolute;
	float: right;
	margin: 2em 30em;
	padding: 0em 0em;
	font-size: 1em;
  color: #ffffff;
}


/* オリックスカーリースFAQ　*/
.orix_category01 {
	position: absolute;
	float: left;
	margin: 0em 15em;
}
.category_title {
	position: absolute;
	float: left;
	margin: 0.2em 1em;
	font-size: 2em;
	font-weight: bold;
	color: #ffffff;
}
#g_navi ul {
	overflow: hidden;
	margin: 0 auto;
	padding: 0 3%;
	width: 94%;
	max-width: 960px; 
}
	#g_navi ul li {
		position: relative;
		float: left;
		width: 20%;
	}
		#g_navi ul li a {
	 		display: block;
			padding: 17px 5%;
			width: 90%;
			color: #fff;
			text-align: center;
			text-decoration: none;
		}


/* オークフィナンシャルパートナーズ */
.AFP_box01 {
	position: relative;
}
.AFP_box01 .box01_pict {
	position:absolute;
	float: left;
	width: 650px;
	margin: 0em 28em;
}
.AFP_box01 p {
  position:absolute;
	font-size: 28px;
	float: left;
	white-space: nowrap;
	margin: 3.2em 1em;
	font-weight: bold;
	color: gray;
}

.AFP_box02 {
	position: relative;
}
.AFP_box02 .box02_pict {
	position:absolute;
	float: left;
	width: 490px;
	margin: 0em -2em;
}
.AFP_box02 p {
  position:absolute;
	font-size: 28px;
	float: left;
	white-space: nowrap;
	margin: 0em 18em;
	font-weight: bold;
	color: gray;
}

.AFP_box03 {
	position: relative;
}
.AFP_box03 .box03_pict {
	position:absolute;
	float: left;
	width: 600px;
	margin: 0em -3em;
}
.AFP_box03 p {
  position:absolute;
	font-size: 40px;
	float: left;
	white-space: nowrap;
	margin: 1em 12em;
	font-weight: bold;
	color: gray;
}



/* 見積フォーム */
/* 必須マーク */
.mitsumori_must {
	font-weight: bold;
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #f58694; /* 背景色 */
	border-radius: 5px;
}
/* 任意マーク */
.mitsumori_free {
	color: #fff;
	margin-right: 10px;
	padding: 6px 10px;
	background: #7fbfff; /* 背景色 */
	border-radius: 5px;
	
}

/* 要素を左右に並べる */
.container {
  display: flex;
  align-items:center;
}
.container .item {
  margin: 10px 10px 0px 10px;
  padding: 0px 10px 0px 10px;
  width:100%;
}

.marginpdf{
	margin-top:-10%;
}

.container_wa{
  display: flex;
  align-items:center;
}
.container_wa .item {
  margin: 10px 10px 0px 10px;
  padding: 0px 10px 0px 10px;
  width:100%;
}

/* 事故車オークション */
.hr1{
}
 /*ログイン*/
.btn,
a.btn,
button.btn {
  font-size: 1.6rem;
  font-weight: 900;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
	width: 80%;
}

a.btn-border {
  border: 2px solid #000;
  border-radius: 0;
  color: #fff;
  background: #319e00;
}

a.btn-border:hover {
  color: #314c26;
  background: #cdebbf;
}
 /*上にスクロール*/
#page_top_jiko{
  width: 65px;
  height: 65px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #b1b1b1;
  opacity: 0.6;
}
#page_top_jiko a{
  position: relative;
  display: block;
  width: 65px;
  height: 65px;
  text-decoration: none;
}
#page_top_jiko a::before{
  font-weight: 900;
  content: '▲';
  padding-bottom:15px;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/* お問合せはこちら */
.inquiryLink {
  margin: 0 auto;
  padding: 30px;
  width: 100%px;
  background-color: #f5f5f5;
  text-align: center;
}
.inquiryLink .inquiryLink_lead {
  font-size: 30px;
}
.inquiryLink .inquiryLink_button {
  margin-top: 10px;
}
.inquiryLink .inquiryLink_button .button {
  width: 60%;
}

.button {
  display: inline-block;
  border: none;
  border-radius: 5px;
  border: 1px solid;
  padding: 9px 14px;
  text-align: center;
  font-size: inherit;
  line-height: inherit;
  cursor: pointer;
  -webkit-appearance: none;
  appearance: none;
	font-size:30px;
}

.button.button-level1 {
  border-color: #f35;
  background-color: #f35;
  color: #fff;
	transition: 0.3s;
}

.button.button-level1:hover {
  border-color: #f35;
  background-color: #ffeef1;
  color: #f35;
}


/* バックアップ・車歴 */
/* ページ内リンク */
#page_top{
  width: 65px;
  height: 65px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #b1b1b1;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 65px;
  height: 65px;
  text-decoration: none;
}
#page_top a::before{
  font-weight: 900;
	content: '▲';
	padding-bottom:15px;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

#page_shareki{
  width: 65px;
  height: 65px;
  position: fixed;
  right: 0;
  bottom: 65px;
  background: #6e6e6e;
  opacity: 0.6;
}
#page_shareki a{
  position: relative;
  display: block;
  width: 65px;
  height: 65px;
  text-decoration: none;
}
#page_shareki a::before{
  font-weight: 900;
  content: '▼';
  padding-bottom:15px;
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/* ★PC版 */
@media screen and (min-width:750px){
	.fontsz1{font-size:25px;font-weight:600;}
	.fontsz2{font-size:20px;font-weight:600;}
	.fontsz3{font-size:40px;text-align:center;font-weight:700;}
	.mg1{margin:30px 0px 0px 0px}
	.dnone2{display:none;}
	
.navbs{
border-bottom: 5px solid #ccc;
position: relative;
}
.navbs ul{
position: absolute;
left:5%;
display: table;
margin: 0 auto;
padding: 0;
width: 90%;
text-align: center;
}
.navbs ul li{
display: table-cell;
min-width: 50px;
}
.navbs ul li a{
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
text-decoration: none;
color: #aaa;
}
.navbs ul li.current{
font-weight: bold;
border-top: 5px solid #626262;
}
.navbs ul li.current a{
color: #626262;
}
.navbs ul li a:hover{
color: #000000;
background-color: #f5f5f5;
}
.navbs ul li:hover{
border-top: 5px solid #406572;
}

	

/* FAQ title */
.heading02 {
	position: relative;
	font-size: 40px;
	text-align: center;
	border-bottom: 5px solid #f6f6f6;
}

.heading02::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #3b4552;
}
/* FAQ */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #1b2538;
	margin-top:-40px;
	margin-bottom:-10px;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display:block;
	margin: 0;
	padding-left:2em;
  padding-right:5em;
	text-indent:1em;
	cursor: pointer;
	border-radius: 0.5em;
background:rgba(27,37,56,0.1);
}

.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #00838f;
}

		
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
	margin-top:-44px;
	font-size:20px;
}
.cp_qa .cp_actab .cp_actab-content::before {
	font-family: serif;
	font-size: 1.5em;
	position: absolute;
	margin: 0.4em 0 0 -1em;
	padding: 0;
	content: 'A';
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0em;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #f9f9f9;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
	
}


.kakoimdp{
  margin: 2em auto;
  padding: 1em;
  width: 90%;
  background-color: #fafafa; /* 背景色 */
  border: 1px solid #ccc; /* 枠線 */
}

.newmdp{
	padding:5px 10px;  /*内側の余白*/
}
.newmdp:before{
	content: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/2021/06/icon3newpink.gif");  /*画像のURL*/
  margin-right:20px;  /*画像右の余白*/
}
.newmdp .contents{
	padding-left:160px;
  display: inline-block;
}

.olddp{
	padding:5px 10px;  /*内側の余白*/
}
.olddp:before{
	content: url("");  /*画像のURL*/
  margin-right:52px;  /*画像右の余白*/
}
.olddp .contents{
	padding-left:160px;
  display: inline-block;
}

/* ★スマホ版 */
@media screen and (max-width:750px){
  .single-lp #content {
    padding: 0px;
  }
	.single-lp .lp-wrap {
    margin: 0px;
  }
	.lp-header{font-size:50%;}
	.fontsz1{font-weight:600;}
	.fontsz2{font-weight:600;}
	.fontsz3{font-size:30px;text-align:center;font-weight:700;}
	.mg2{padding-left:5%; padding-right:5%;}
	.dnone{display:none;}
	
.navbs{
border-bottom: 5px solid #ccc;
position: relative;
}
.navbs ul{
position: absolute;
left:5%;
display: table;
margin: 0 auto;
padding: 0;
width: 90%;
text-align: center;
}
.navbs ul li{
display: table-cell;
min-width: 50px;
}
.navbs ul li a{
display: block;
width: 100%;
height: 100%;
padding: 10px 0;
text-decoration: none;
color: #aaa;
font-size:12px;
}
.navbs ul li.current{
font-weight: bold;
border-top: 5px solid #626262;
}
.navbs ul li.current a{
color: #626262;
}
.navbs ul li a:hover{
color: #000000;
background-color: #f5f5f5;
}
.navbs ul li:hover{
border-top: 5px solid #406572;
}
	
	

/* FAQ title */
.heading02 {
	position: relative;
	font-size: 40px;
	text-align: center;
	border-bottom: 5px solid #f6f6f6;
}

.heading02::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #3b4552;
}

/* FAQ */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 90%;
	margin: 0 0 1em 0;
	color: #1b2538;
	margin-top:-40px;
	margin-bottom:-10px;
	margin-left:5%;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	font-weight: bold;
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0 0 0;
	padding: 1em 2.5em 1em 2.5em;
	cursor: pointer;
	text-indent: 1em;
	border-radius: 0.5em;
	background: rgba(27,37,56,0.1);
	font-size:15px;
}
.cp_qa .cp_actab label::before {
	font-family: serif;
	font-size: 1.5em;
	margin-left: -2em;
	padding-right: 0.5em;
	content: 'Q';
}
.cp_qa .cp_actab label:hover {
	transition: all 0.3s;
	color: #f9f9f9;
}
/* --質問の＋アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1.7em;
	font-weight: bold;
	line-height: 2em;
	position: absolute;
	top: 0;
	right: 0;
	content: '+';
	display: inline-block;
	width: 2em;
	height: 2em;
	-webkit-transition: transform 0.4s;
	        transition: transform 0.4s;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	padding: 0 0 0 2.5em;
	-webkit-transition: max-height 0.2s;
	        transition: max-height 0.2s;
	border-radius: 0 0 0.5em 0.5em;
	margin-top:-44px;
	font-size:15px;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 1em 1em 1em 0em;
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
	border: 10px solid rgba(27,37,56,0.1);
}
/* 質問をクリックした時のアイコンの動き */
.cp_qa .cp_actab input:checked ~ label {
	color: #f9f9f9;
	border-radius: 0.5em 0.5em 0 0;
}
/* 質問をクリックした時の+の動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	-webkit-transform: rotateZ(45deg);
	transform: rotateZ(45deg);
	-webkit-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
	

.newmdp,.olddp{
	padding:5px 10px;  /*内側の余白*/
}
.newmdp:before,.olddp:before{
	content: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/2021/06/icon3newpink.gif");  /*画像のURL*/
}
.brcontents{
	content: "\A" ;
	white-space: pre ;
}
.kakoimdp{
  margin: 2em auto;
  padding: 1em;
  width: 90%;
  background-color: #fafafa; /* 背景色 */
  border: 1px solid #ccc; /* 枠線 */
}

.newmdp .contents{
	padding-left:10px;
  display: inline-block;
}
	
.olddp .contents{
	padding-left:10px;
  display: inline-block;
}
	
}

/* 光触媒 */

.btn-flat-border {
  display: inline-block;
  padding: 0.3em 1em;
  text-decoration: none;
  background: #fff;
  color: #e10f87;
  border: solid 2px #e10f87;
  border-radius: 3px;
  transition: .4s;
}

.btn-flat-border:hover {
  background: #e10f87;
  color: #fff;
}

.reflection {
  position: relative;
  overflow: hidden;
}
.reflection::after {
  content: "";
  display: block;
  width: 30px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}
@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

.hikarisonota {
overflow: visible;
width: 100%;
height: 100%;
}
.hikarisonota img {
display: block;
transition-duration: 0.5s;
}
.hikarisonota img:hover {
transform: scale(0.95);
transition-duration: 0.5s;
}

/* aeon202110 */
.boxaeon {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.boxaeon .box-title {
    font-size: 1.2em;
    background: #073f5c;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.boxaeon p {
    padding: 15px 20px;
    margin: 0;
}

.btnaeon,
a.btnaeon,
button.btnaeon {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
	padding: 0.5rem 2rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  border-radius: 0.5rem;
}
a.btnaeon-border {
  padding: 1.5rem 2rem;
  border: 3px solid #fff;
  border-radius: 0;
  background: #1a406a;
}
a.btnaeon-border:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;

  border-top: 3px dotted #fff;
}
a.btnaeon-border:after {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  border-top: 3px dotted #fff;
}
a.btnaeon-border:hover:before {
  top: -3px;
  background: #fff;
}
a.btnaeon-border:hover:after {
  bottom: -3px;
  background: #fff;
}

/*こうとくてん*/
.btnkt,
a.btnkt,
button.btnkt {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
a.btnkt1 {
  color: #000;
  background-color: #fff;
}
a.btnkt1:hover {
  color: #000;
  background: #f5f5f5;
}
a.btnkt2 {
  color: #000;
  background-color: #fff;
}
a.btnkt2:hover {
  color: #000;
  background: #f5f5f5;
}
a.btnkt--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
}

a.btnkt--circle {
  border-radius: 50%;
  line-height: 40px;
  width: 400px;
  height: 400px;
  padding: 0;
}

h2kt{
	color:#175241;
	font-size:45px;
	font-weight:700;
	display:inline-block;
	text-align:center;
	width:100%;
  padding: 1rem 2rem;
  border-top: 4px solid #000;
  background: #f1f3ef;
}

/* kddi */
.myboxkd {
	border: 5px solid #eee;	/* 線の太さ・種類・色 */
	margin: 10px 8% 10px 8%; /* 外側の余白 */
	padding: 10px; /* 内側の余白 */
	position: relative;
	z-index: 0;
}
.myboxkd:before {
	border-top: 5px solid #f0b8bf;	/* 一部だけ異なる線の太さ・種類・色 */
	border-left: 5px solid #f0b8bf;	/* 一部だけ異なる線の太さ・種類・色 */
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 20px;
	height: 20px;
	z-index: 1;
}

.btnkd,
a.btnkd,
button.btnkd {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
a.btnkd-c {
  font-size: 1.8rem;
  position: relative;
  padding: 2rem 4rem 2rem 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#007adf),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
a.btnkd-c:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}
a.btnkd-c2 {
  font-size: 1.8rem;
  position: relative;
  padding: 2rem 4rem 2rem 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#007adf),
    to(#00ecbc)
  );
  background-image: -webkit-linear-gradient(left, #007adf 0%, #00ecbc 100%);
  background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	cursor:default;
}


.btnkd2,
a.btnkd2,
button.btnkd2 {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
a.btnkd2-flat {
  overflow: hidden;
  padding: 1.5rem 6rem;
  color: #fff;
  border-radius: 0;
  background: #000;
}
a.btnkd2-flat span {
  position: relative;
}
a.btnkd2-flat:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: '';
  -webkit-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
  -webkit-transform: translateX(-96%);
  transform: translateX(-96%);
  background: #eb6877;
}
a.btnkd2-flat:hover:before {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
}

a.btnsms {
  display: flex;
  align-items: center;
  max-width: 500px;
  margin: 0 auto;
  padding: 1.3rem 2rem;
  border: 2px solid #014897;
  background: #fff;
  text-decoration: none;
  transition: 0.3s;
}
a.btnsms:hover {
  background-color: #e9f3fd;
}
a.btnsms .btnsmstext {
  display: block;
  flex-grow: 1;
  color: #004386;
  font-weight: bold;
  text-align: center;
  position: relative;
  padding-right: 15px;
  font-size: 23px;
}
a.btnsms .btnsmstext::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  transform: rotate(45deg);
  border-top: 3px solid #014897;
  border-right: 3px solid #014897;
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  transition: 0.3s;
}
@media (max-width: 1200px) {
  a.btnsms .btnsmstext {
    font-size: 18px;
    padding-right: 20px;
  }
  a.btnsms .btnsmstext::after {
    width: 12px;
    height: 12px;
  }
}
@media (max-width: 736px) {
  a.btnsms .btnsmstext {
    font-size: 14px;
    padding-right: 20px;
  }
  a.btnsms .btnsmstext::after {
    width: 10px;
    height: 10px;
  }
}

.balloonsms {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
	font-weight:700;
}
.balloonsms:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}
.balloonsms p {
  margin: 0;
  padding: 0;
}

.balloonsms2 {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #ce1a55;
  font-size: 19px;
  background: #fff5f9;
	font-weight:700;
}
.balloonsms2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #fff5f9;
}
.balloonsms2 p {
  margin: 0;
  padding: 0;
}

/* 角丸　影（タイトル） */
.kakomisms {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 80%;
 border: 2px solid #288dc5; /* 枠線の太さ・色 */
 color: #0d1644; /* 文字色 */
 background-color: #fff;
 box-shadow: 2px 2px 1px #c7c7c7;/* 影の色 */
 border-radius: 0px; /* 角の丸み */
 font-weight: bold;
}
.titlesms {
 position: absolute;
 left: 20px; /* タイトルの位置 */
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #288dc5; /* タイトル色 */
 background-color: #fff;
}

.campaignbanner
    {
    position: fixed;
    /* top: 48px; left: 10px; */
    bottom: 16px; right: 16px;
    }
.campaignbanner a
    {
    display: block;
    text-decoration: none;
    }
.campaignbanner:hover
{
    opacity: 0.85 ;
}

#kddimenu
    {
		position: fixed;
    top: 0px; left: 10px;
		transform: translate3d(0, 0, 0);
    }


@media screen and (max-width:480px) {
	.mobilekd{
		font-size:60%;
	}
 
}

.kddih1 {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}
.kddih1:before, .kddih1:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 2px;
  border-top: solid 1px black;
  border-bottom: solid 1px black;
}
.kddih1:before {
  left:0;
}
.kddih1:after {
  right: 0;
}
.kddih2 {
  position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
}
.kddih2:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

/* SMS無料キャンペーン2022 ------------------------*/
.kakomisms2022 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 80%;
 border: 2px solid #f5a52f; /* 枠線の太さ・色 */
 color: #0d1644; /* 文字色 */
 background-color: #fff;
 box-shadow: 2px 2px 1px #c7c7c7;/* 影の色 */
 border-radius: 0px; /* 角の丸み */
 font-weight: bold;
}

.titlesms2022 {
 position: absolute;
 left: 20px; /* タイトルの位置 */
 top: -15px;
 padding: 0 .5em;
 font-weight: bold;
 font-size: 1.1em;
 color: #eb34a8; /* タイトル色 */
 background-color: #fff;
}

/* 折り畳み */
/*ベース*/
.smstoggle {
	display: none;
}
.smsLabel {		/*タイトル*/
	padding: 0.8em 2em;
  margin-top:1.5em;
	display: block;
	font-size:1.2em;
	font-weight:bold;
	color: #fff;
	background:#019ac6;
}
.smsLabel::before{		/*タイトル横の矢印*/
	content:"";
	width: 10px;
	height: 10px;

	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 40px;
	transform: rotate(135deg);
}
.smsLabel,
.smscontent {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.smscontent {		/*本文*/
	height: 0;
	margin-bottom:10px;
	padding:0 20px;
	border: 5px outset #019ac6;
	border-top-style:none;
	overflow: hidden;
}
.smstoggle:checked + .smsLabel + .smscontent {	/*開閉時*/
	height: auto;
	padding:20px ;
	transition: all .3s;
}
.smstoggle:checked + .smsLabel::before {
	transform: rotate(-45deg) !important;
}

/*上にも同様の記載あり変更時注意！始-*/
.btnkd,
a.btnkd,
button.btnkd {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
/*上にも同様の記載あり変更時注意！－終*/

a.btnkd-d {
  font-size: 1.8rem;
  position: relative;
  padding: 2rem 4rem 2rem 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-linear-gradient(left, #FF5F6D 0%, #FFC371 100%);
  background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371f 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}
a.btnkd-d:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);

  color: #fff;
}
a.btnkd-d2 {
  font-size: 1.8rem;
  position: relative;
  padding: 2rem 4rem 2rem 2rem;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#FF5F6D),
    to(#FFC371)
  );
  background-image: -webkit-linear-gradient(left, #FF5F6D 0%, #FFC371 100%);
  background-image: linear-gradient(to right, #FF5F6D 0%, #FFC371 100%);
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
	cursor:default;
}

#toiawase{
  padding-top:100px;
  margin-top:-100px;
}

#smscampaign{
  padding-top:100px;
  margin-top:-100px;
}

/* オートバンク */
table_auto td{
	width:33%;
	font-size:15px;
	font-weight:bold;
}

#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #3f98ef;
  opacity: 0.6;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

.autobank1 {
	font-size:30px;
	font-weight:bold;
  padding: 1rem 2rem;
  background: #fff100;
}


a.btn--yellow {
	color: #fff;
  background-color: #EA5514;
  border-bottom: 5px solid #EA5514;
}

a.btn--yellow:hover {
  margin-top: 3px;
  color: #fff;
  background: #EA5514;
  border-bottom: 2px solid #EA5514;
}


.btn-flat-border2 {
  display: inline-block;
  text-decoration: none;
  padding-top:45px;
  color: #67c5ff;
  border: solid 10px #67c5ff;
  border-radius: 5px;
  transition: .4s;
  width:300px;
	height:150px;
	font-size:1.5em;
	text-align:center;
}

.btn-flat-border2:hover {
  background: #67c5ff;
  color: white;
}



ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #f4f4f4;
	border-bottom: 3px solid #2b3c56;
}
ul.topnav li {
	/* float: left; */
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: #202e60;
	font-size:120%;
	font-weight:700;
}
ul.topnav li a:hover:not(.active) {
	background-color: #344868;
	color:white;
	border-bottom: hidden;
}
ul.topnav li a.active {
	background-color: #344868;
	color:white;
}
ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}



/* smsテンプレート */
.btn-flat-border2 {
  display: inline-block;
  text-decoration: none;
  padding-top:45px;
  color: #67c5ff;
  border: solid 10px #67c5ff;
  border-radius: 5px;
  transition: .4s;
  width:300px;
	height:150px;
	font-size:1.5em;
	text-align:center;
}

.btn-flat-border2:hover {
  background: #67c5ff;
  color: white;
}

/* メルマガ登録 */
.mailmg {
    border-collapse:  collapse; /* セルの線を重ねる */
}
.mailmg tr td{
	border: solid 1px #4a2a14;
	padding:10px;
}


/* ------------------ スマホ　SMS風 ------------------ */
.line__container {
  padding:0px;
  background: #f9f9f9;
  overflow: hidden;
  max-width: 500px;
  margin: 20px auto;
  font-size: 150%;
}
/* タイトル部分 */
.line__container .line__title {
  background: #273246;
  padding: 10px;
  text-align: center;
  font-size: 150%;
  color: #ffffff;
}
/* 会話部分 */
.line__container .line__contents {
  padding: 20px;
  overflow: hidden;
  line-height: 150%;
}
.line__container .scroll {
  height: 500px;
  overflow-y: scroll;
}
/* 相手の会話 */
.line__container .line__left {
    width: 100%;
    position: relative;
    display: block;
    margin-bottom: 5px;
    max-width: 90%;
    clear: both;
}
.line__container .line__left .line__left-text {
  margin-left: 30px;
}
/* コメントエリア */
.line__container .line__left .text {
  margin: 0;
  position: relative;
  padding:20px;
  border-radius: 30px;
  background-color: #e5e5e5;
}
/* 吹き出し */
.line__container .line__left .text::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -10px;
  top: 10px;
  border-right: 20px solid #e5e5e5;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.smsbox{
	background-color:#1B1464;
	color:#ffffff;
	width:100%;
	height:70px;
	display: inline-block;
	text-align:center;
	font-size:40px;
	font-weight:700;
}

.mojisuu{
 border:1px solid;
 width:150px;
 border-color:#031de2;
 display:inline-block;
 text-align:center;
 padding:3px;
 margin-top:10px;
 margin-left:140px;
 font-size:21px;
}

/*リンクボタン*/

a.btn-gradient {
  font-weight: normal;

  color: #fff;
  border-radius: 0;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    color-stop(40%, #ff3cac),
    to(#562b7c)
  );
  background-image: -webkit-linear-gradient(left, #ff3cac 40%, #562b7c 100%);
  background-image: linear-gradient(90deg, #ff3cac 40%, #562b7c 100%);
}

a.btn-gradient:after {
  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 100%;

  content: "";
  -webkit-transition: all 0.5s;
  transition: all 0.5s;

  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#ff3cac),
    color-stop(#562b7c),
    to(#2b86c5)
  );

  background-image: -webkit-linear-gradient(left, #ff3cac, #562b7c, #2b86c5);

  background-image: linear-gradient(90deg, #ff3cac, #562b7c, #2b86c5);
}

a.btn-gradient span {
  position: relative;
  z-index: 1;
}

a.btn-gradient:hover {
  color: #fff;
}

a.btn-gradient:hover:after {
  opacity: 0;
}

a.btn-c {
  font-size: 1.8rem;

  position: relative;

  padding: 2rem 5rem 2rem 3rem;

  color: #fff;
  border-radius: 0;
  background-image: -webkit-linear-gradient(
    335deg,
    #231557 0%,
    #44107a 25%,
    #ff1361 90%,
    #fff800 100%
  );
  background-image: linear-gradient(
    115deg,
    #231557 0%,
    #44107a 25%,
    #ff1361 90%,
    #fff800 100%
  );
  -webkit-box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.2);
}

a.btn-c span {
  position: relative;
}

a.btn-c:hover {
  color: #fff;
}

a.btn-c:hover:before {
  opacity: 0;
}

a.btn-c:hover:after {
  right: 0.5rem;
}

/* 工程管理OP */
.iframe1[src$=".pdf"]{
    width:100%;
    height:80vh;
}

/* ユーザー車両を落札 */
.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 40px;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    text-align:center;
	  font-size:30px;
    padding: 15px 20px;
    margin: 0;
}

.sellca-top2 {
  color:#FFFFFF;
  font-size:30px;
  font-weight:bold;
  padding: 1rem 2rem;
  background: #3c6690;
}

.sellca-top {
  font-size:40px;
  font-weight:bold;
	padding: 1rem 2rem;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.taitol {
  font-size:30px;
	position: relative;
  padding: 1rem 2rem calc(1rem + 10px);
  background: #fff100;
}

.taitol:before {
  position: absolute;
  top: -7px;
  left: -7px;
  width: 100%;
  height: 100%;
  content: '';
  border: 4px solid #000;
}

/* 陸送サービス */
.rikusou {
  margin-bottom:-40px;
  color:#ffffff;
  font-size:30px;
  font-weight:bold;
  padding: 1rem 2rem;
  background: #000000;
}

.tablerikusou {
	font-weight:bold;
	font-size:25px;
	margin-right: auto;
	margin-left: auto;
	margin-top:-40px;
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

.tablerikusou th:first-child{
  border-radius: 5px 0 0 0;
}

.tablerikusou th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

.tablerikusou th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#225588);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 10px 0;
}

.tablerikusou td{
  text-align: center;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -3px 5px 1px #eee inset;
  width: 25%;
  padding: 10px 0;
}

.tablerikusou td:last-child{
  border-right: 1px solid #a8b7c5;
}

.tablerikusou tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}

.tablerikusou tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}

.rikusou-owari {
  font-size:40px;
  font-weight:bold;
  padding: 1rem 2rem;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
}

.rikusou-midashi {
  text-align:center;
	font-size:40px;
  padding: 1rem 2rem;
  background: #FCEE21; 
  text-shadow: #fff 2px 0, #fff -2px 0, #fff 0 -2px, #fff 0 2px, #fff 2px 2px, #fff -2px 2px, #fff 2px -2px, #fff -2px -2px, #fff 1px 2px, #fff -1px 2px, #fff 1px -2px, #fff -1px -2px, #fff 2px 1px, #fff -2px 1px, #fff 2px -1px, #fff -2px -1px;
}

.rikusou-kaiwa {
  font-size:40px;
  padding: 1rem 3rem;
  color: #fff;
  border-radius: 100vh;
  background-image: -webkit-gradient(linear, right top, left top, from(#9be15d), to(#00e3ae));
  background-image: -webkit-linear-gradient(right, #9be15d 0%, #00e3ae 100%);
  background-image: linear-gradient(to left, #9be15d 0%, #00e3ae 100%);
}


/* ガチャ */
.reload{
  position: relative;
  width: 100px;
  height: 100px;
  border: 10px solid;
  border-right-color: transparent;
  border-radius: 100%;
  box-sizing: border-box;
}

.reload:before{
  position: absolute;
  top: 18px;
  right: -10px;
  content: "";
  height: 50%;
  border: 20px solid transparent;
  border-top: 30px solid;
  background: transparent;
  transform-origin: left top;
  transform: rotate(-40deg);
  box-sizing: border-box;
}
.relative_gacha {
    position: relative;
}
.absolute_gacha {
    position: absolute;
    left: 40px;
    top: 210px;
    font-size:120%; /* 文字サイズ */
    font-weight:bold;  /* 強調 */
}

.btn_gacha {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 0.8rem 1.5rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}
.btn_gacha2 {
  color: #fff;
  background-color: #eb6100;
}
.btn_gacha2 {
  color: #fff;
  background: #f56500;
}

.btn_gacha3 {
  margin-top:10px;
  color: #fff;
  background-color: #1761aa;
}
.btn_gacha3 {
  color: #fff;
  background: #155ba0;
}



@media (max-width: 950px) {
  .absolute_gacha{
    position: absolute;
    left: 35px;
    top: 175px;
    font-size:100%; /* 文字サイズ */
    font-weight:bold;  /* 強調 */
  }
	.btn_gacha {
		font-size: 1rem;
    padding: 0.5rem 1rem;
	}
}
@media (max-width: 500px) {
  .absolute_gacha{
    position: absolute;
    left: 35px;
    top: 175px;
    font-size:80%; /* 文字サイズ */
    font-weight:bold;  /* 強調 */
  }
	.btn_gacha {
		font-size: 1rem;
    padding: 0.5rem 1rem;
	}
}


/*代理店HPデモ*/
.demo1 {
  font-size:30px;
	font-weight:bold;
	color:#ffffff;
	padding: 1rem 2rem;
  background: #0077c0;
}

.btn--orange,
a.btn--orange {
  color:#fff;
  background-color:#005c9b;
}
.btn--orange:hover,
a.btn--orange:hover {
  color:#fff;
  background:#005473;
}

ul.topnav {
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #1b2538;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 14px 16px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color: #a9bce2;
}
ul.topnav li a.active {
	background-color: #da3c41;
}
ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}
/*スタンプ機能LP*/

.stamp {
	font-weight:bold;
	font-size:40px;
	color:#fff;
	padding: 1rem 2rem;
  background: #001858;
}

/*デモンストレーション*/

a.btn--orange {
  font-size:30px;
	font-family:"メイリオ";
	color: #fff;
  background-color: #eb6100;
  border-bottom: 5px solid #b84c00;
}
a.btn--orange:hover {
  margin-top: 3px;
  color: #fff;
  background: #f56500;
  border-bottom: 2px solid #b84c00;
}
a.btn--shadow {
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}


.top-midashi1 {
	font-family:"メイリオ";
	font-weight:bold;
	padding: 1rem 2rem;
	background: #1b1464;
 font-size:30px;
	color:#fff;
}

.caram2{
    display: flex;
    justify-content: space-between;
}
.caram2>p{
    font-size:25px;
	  text-align:left;
	  font-family:"メイリオ";
}

.btnank {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
  border: 6px groove #008039;
}
.btnank:hover {
  color:#7D996B;
  text-decoration: none;
}

/* 売上グラフ */
.btnopgr {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 1rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-radius: 0.5rem;
  color: #fff;
  background-color: #2149ad;
	width:700px;
	max-width:95%;
}
.btnopgr:hover{
  color: #fff;
  background: #009df4;
}

/*  */
.kakomi{
  padding: 1em 1em 0 1em;
  width: 80%;
  background-color: #fafafa; /* 背景色 */
  border: 1px solid #ccc; /* 枠線 */
}

/* 夏祭り */
.festival_list{
  counter-reset:list;
  list-style-type:none;
  font: 20px/1.6 'arial narrow', sans-serif;
  padding:0;
}
.festival_list li{
	list-style-type: none; 
  position:relative;
  margin: 7px 0 7px 10px;
	padding:20px 40px 20px 90px;
  font-weight: bold;
  font-size:35px;
  line-height: 30px;
  border-radius:40px;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
.festival_list li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: 0px;
  width: 70px;
  height: 70px;
  text-align: center;
  color: #fff;
  line-height:65px;
  border-radius: 50%;
  top: 50%; 
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/* 夏祭り トランプ */
.festival_list_game1 li{
  border: solid 1px #19479c;
  position:relative;
}
.festival_list_game1 li:before{
  color: #fff;
  background: #19479c;
}
.festival_list_game1 li:hover{
  background: #19479c;
  color: #fff;
}
.festival_list_game1 li:hover:before{
  background: #fff;
  color: #19479c;
}

/* 夏祭り パズル */
.festival_list_game2 li{
  border: solid 1px #eb5c1f;
  position:relative;
}
.festival_list_game2 li:before{
  color: #fff;
  background: #eb5c1f;
}
.festival_list_game2 li:hover{
  background: #eb5c1f;
  color: #fff;
}
.festival_list_game2 li:hover:before{
  background: #fff;
  color: #eb5c1f;
}

/* 夏祭り ガチャ */
.festival_list_game3 li{
  border: solid 1px #0e783a;
  position:relative;
}
.festival_list_game3 li:before{
  color: #fff;
  background: #0e783a;
}
.festival_list_game3 li:hover{
  background: #0e783a;
  color: #fff;
}
.festival_list_game3 li:hover:before{
  background: #fff;
  color: #0e783a;
}


/* オプション人気ランキング */
.list_crown {
    list-style: none;
}

.list_crown > li {
    position: relative;
    padding: 0px 0px 0px 2.5em;
	  color: #000;
    font-size: 30px;
	  font-weight:700;
	  list-style: none;
}
.list_crown > li::before,
.list_crown > li::after {
    position: absolute;
    left: 0px;
    width: 0px;
    height: 0px;
    content: "";
}
.list_crown > li::before {
    top: -1.25em;
    border: 1em solid transparent;
    border-bottom: 1.5em solid currentColor;
}
.list_crown > li::after {
    top: 0.25em;
    border: 0.5em solid transparent;
    border-left: 1em solid currentColor;
    border-right: 1em solid currentColor;
}
.list_crown > li:nth-of-type(1) {
    color: #dbb400;
}
.list_crown > li:nth-of-type(2) {
    color: #9fa0a0;
}
.list_crown > li:nth-of-type(3) {
    color: #c47022;
}

.opuranimgtop{
	max-width:800px;
	width:100%;
}
.opuranimgtop2{
	max-width:750px;
	width:100%;
}

/* サポート */
.support_1{
	width:100%;
	height:700px;
}

/* mobiledp20220831 */
.item2 {
  margin: 10px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
  width:100%;
	font-size:20px;
}
h4.line1 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #102866;/*文字色*/
  border-top: dotted 1px gray;
  border-bottom: dotted 1px gray;
  background: #F3F6FF;
	font-weight:700;
	font-size:23px;
}
 h4.line1:before {
  content: "\2714";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1.4em;/*サイズ*/
  left: 0.15em;/*アイコンの位置*/
  top: 0.2em;/*アイコンの位置*/
  color: #C60000; /*アイコン色*/
}

/* ラインスタンプ */
.linestampbox{
	display: flex;
  align-items:center;
}
.linestampimg01{
	flex: 1;
}
.linestamptext01 {
	flex: 3;
	display: inline-block; 
	padding: 0vw 0vw 0vw 5vw;
  width:100%;
	font-size:1.5vw;
}

/* LINEスタンプ */
.linebutton a::after {
  content: '';
  width: 5px;
  height: 5px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(45deg);
}

.linebutton a:hover {
  text-decoration: none;
  background-color: #bbbbbb;
}

.linebutton_1 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 200px;
  color: #333;
  font-size: 14px;
  font-weight: 700;
  background-color: #cccccc;
  transition: 0.3s;
}

.linebutton_2 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 450px;
	max-width:95%;
  color: #333;
  font-size: 19px;
  font-weight: 700;
  background-color: #cccccc;
  transition: 0.3s;
}

.linebutton_3 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 80%;
  color: #333;
  font-size: 22px;
  font-weight: 700;
  background-color: #cccccc;
  transition: 0.3s;
}

.linebutton_4 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0.5em 1em;
  width: 90%;
  color: #333;
  font-size: 19px;
  font-weight: 700;
  background-color: #cccccc;
  transition: 0.3s;
}

/* レンタカー事業 */
.midashi_hukidashi {
  position: relative;
  padding: 1.5rem 2rem;
  border: 4.5px solid #cc3a52;
  border-radius: 10px;
  background: #f9f9f9;
	font-size:30px;
  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#fa709a), to(#fee140));
  background-image: -webkit-linear-gradient(left, #fa709a 0%, #fee140 100%);
  background-image: linear-gradient(to right, #fa709a 0%, #fee140 100%);
	font-weight:700;
	display:inline-block;
	width:70%;
}

.midashi_hukidashi:before {
  position: absolute;
  bottom: -16px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #cc3a52 transparent transparent transparent;
}

.midashi_hukidashi:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #ed8597 transparent transparent transparent;
}



.popup_wrap input {
  display: none;
}
.popup_overlay {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #37beb03d;
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.popup_trigger {
  position: absolute;
  width: 100%;
  height: 100%;
}
.popup_content {
  position: relative;
  align-self: center;
  width: 75%;
  max-width: 800px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
}
.popup_content p{
    padding:20px 20px 5px 20px;
    text-align: center;
}
.close_btn {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
  color:#37beb0;
}
.popup_wrap input:checked ~ .popup_overlay {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.open_btn {
    color: #37beb0;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    border:1px solid #37beb0;
    padding:5px 15px;
    font-weight: bold;
}
.open_btn:hover{
    background:#37beb0;
    color:#fff;
    transition: .3s ease;
}

.popup_content2 {
  position: relative;
	align-self: center;
	padding:2% 2%;
  max-width: 1000px;
  min-width: 800px;
  box-sizing: border-box;
  background: #fff;
  line-height: 1.4em;
  transition: 0.5s;
  border-radius: 12px;
  box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
	overflow: scroll;
	max-height:80%;
		overflow: hidden visible;
}
.popup_overlay2 {
  display: flex;
  justify-content: center;
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: #194d6d3d;
  opacity: 0;
  transition: opacity 0.5s, transform 0s 0.5s;
  transform: scale(0);
}
.popup_wrap input:checked ~ .popup_overlay2 {
  opacity: 1;
  transform: scale(1);
  transition: opacity 0.5s;
}
.close_btn2 {
  position: absolute;
  top: 14px;
  right: 16px;
  font-size: 30px;
  cursor: pointer;
  color:#194d6d;
}
.open_btn2 {
    color: #1d284f;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    border:1px solid #194d6d;
    padding:5px 15px;
    font-weight: bold;
}
.open_btn2:hover{
    background:#485f6d;
    color:#fff;
    transition: .3s ease;
}

.jump_btn {
		display: inline-block;
		width:fit-content;
    color: #ffffff;
		background-color:#485f6d;
		border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
    border:1px solid #194d6d;
    padding:5px 15px;
    font-weight: bold;
		margin:5px 0;
}
.jump_btn:hover{
		background:#ffffff;
    color:#1d284f;
    transition: .3s ease;
}






@media print {
.popup_wrap input:checked ~ .popup_overlay {
display: block !important;
position: static !important;
transform: none !important;
opacity: 1 !important;
width: 100% !important;
height: auto !important;
overflow: visible !important;
background: none !important;
box-shadow: none !important;
page-break-inside: avoid !important;
}
.popup_trigger, .close_btn2 {
display: none !important;
}
.popup_content2 {
position: static !important;
width: 100% !important;
max-width: none !important;
border-radius: 0 !important;
box-shadow: none !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
}
}












.tell_btn,
a.tell_btn,
button.tell_btn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 2rem 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #fff;
  background-color: #5a6ba0;
  border-radius: 0.5rem;
}

.tell_btn:hover,
a.tell_btn:hover {
  color: #fff;
  background: #506091;
}

.fa-position-left {
  position: absolute;
  top: calc(50% - 0.5em);
  left: 1rem;
}

#information {
  padding: 20px 0 100px;
  color: #222;
  text-align: center;
  background-color: #e2e2e2;
}

#information .wrapper {
  margin: 0 auto;
  width: 90%;
  max-width: 1000px;
}

#information h1 {
  display: inline-block;
  margin: 0 auto 40px;
  padding-bottom: 10px;
  font-size: 1.25rem;
  font-weight: 700;
  border-bottom: 4px solid #222;
}

#information article {
  margin-bottom: 40px;
  padding: 40px 40px 35px;
  text-align: left;
  border-radius: 20px;
  background-color: #fff;
}

#information article .text_date {
  font-size: 0.85rem;
}

#information article h2 {
  margin-bottom: 30px;
  padding-bottom: 12px;
  font-size: 1.15rem;
  line-height: 1.8em;
  border-bottom: 2px solid #3d3d3d;
}

#information article .text_content {
  line-height: 2.0em;
  font-size: 0.85rem;
}

#content2 ol li:last-child {
  margin-bottom: 0;
}

#content2 ol li time {
  margin-right: 20px;
  font-size: 0.85rem;
}

.link_contact a {
  display: inline-block;
  padding: 15px 60px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  box-shadow: 0 5px 0 #3d3d3d;
  background-color: #898989;
}

.link_contact a:hover {
  background-color: #565656;
}

#information hh2{
	font-size:110%;
}

.rental-h1 {
	display:inline-block;
  position: relative;
  background: #919191;
  padding: 2px 5px 2px 25px;
  font-size: 20px;
  color: #fff;
	font-weight:700;
  border-radius: 0 10px 10px 0;
	width:100%;
}

.rental-h1:before {
  font-family: "Font Awesome 5 Free";
  content: "\f129";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #424242;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

.rental-h1_2{
	display:inline-block;
  position: relative;
  background: #6994b7;
  padding: 2px 5px 2px 25px;
  font-size: 20px;
  color: #fff;
	font-weight:700;
  border-radius: 0 10px 10px 0;
	width:100%;
	margin-bottom:15px;
}

.rental-h1_2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f135";
  display: inline-block;
  line-height: 40px;
  position: absolute;
  padding: 0em;
  color: white;
  background: #225b89;
  font-weight: 900;
  width: 40px;
  text-align: center;
  height: 40px;
  line-height: 40px;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  border: solid 3px white; 
  border-radius: 50%;
}

.tbl-accidentcall{
	  margin-left: auto;
    margin-right: auto;
}
.tbl-accidentcall td:first-child {
  background: #e6f5ff;
}
.tbl-accidentcall .thead th{
	background-color:#253e4f;
	font-weight:700;
}
.post-content table th, .post-content table td{
	border: #253e4f solid 3px;
}
.tbl-accidentcall .tell{
	text-align:center;
}

@media screen and (max-width: 640px) {
	.post-content table{
		display:inline;
	}
  .tbl-accidentcall .thead {
    display: none;
  }
  .tbl-accidentcall tr {
    width: 100%;
		margin:10px 0;
  }
  .tbl-accidentcall td {
    display: block;
    text-align: right;
    width: 100%;
  }
  .tbl-accidentcall td:first-child {
    background: #8e8e8e;
    color: #fff;
    font-weight: bold;
    text-align: center;
		margin-top:15px;
		border:none;
  }
  .tbl-accidentcall td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
  }
  .post-content table th, .post-content table td{
 	 border: #ddd solid 1px;
  }
	.tbl-accidentcall .tell{
		text-align:right;
	}
}

.rencarbox {
    position: relative;
    margin: 2em 0;
    padding: 1em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.rencarbox span {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.rencarbox p {
    margin: 0; 
    padding: 0;
}

/* FAQ202212 */
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'FontAwesome', sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #ffffff;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0.5em 0.5em 2em;
	padding: 1em 0 0.5em 0;
	cursor: pointer;
	border-radius: 0.3em;
	background: #686868;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
.cp_qa .cp_actab label span {
	display: block;
	padding: 0 2em 1em 2em;
}
/* --?アイコン */
.cp_qa .cp_actab label::before {
	font-size: 2em;
	position: absolute;
	z-index: 99;
	top: 0.5em;
	left: -1em;
	padding: 0 0.5em;
	content: '\f128';
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #686868;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
/* --▼アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 1em;
	display: inline-block;
	width: 100%;
	height: 1em;
	padding: 0.5em;
	text-align: right;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 5em;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #000;
}
/* --!アイコン */

.cp_qa .cp_actab .cp_actab-content p {
	margin: 0.5em 0.5em 0.5em 0;
	padding: 1em 1em 1em 3em;
	border-radius: 0.3em;
	background: #eaeaea;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時の▼アイコンの動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	bottom: 0em;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}
/* FAQ202212 */




/* オリックスユーカー */
.ucarh2{
  position: relative;
  color: white;
  background: #81d0cb;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
	margin:8em 0;
}

.ucarh2:before {
  font-family: "Font Awesome 5 Free";
  content: "\f14a";
  font-weight: 900;
  position: absolute;
  left : 0.5em; /*左端からのアイコンまでの距離*/
}

.ucarbox {
		width: 80%;
		margin:0 auto;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.ucarbox .ucarbox-title {
    font-size: 2em;
    background: #799AD0;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.ucarbox p {
		text-align: center;
		font-size:1.5em;
		font-weight: bold;
    padding: 15px 20px;
    margin: 0;
		line-height:1em;
}

.list_triangle {
		padding: 20px;
    list-style: none;
		font-size:1.5em;
		line-height:1em;
}

.list_triangle > li {
		list-style: none;
    position: relative;
		padding: 0px 0px 0px 2em;
}
.list_triangle > li::before {
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
    width: 0px;
    height: 0px;
		border: 0.3em solid transparent;
		border-left: 0.4em solid #3388dd;
    content: "";
}

@media screen and (max-width:480px) {
 .pc{
       display: none
  } 
 .list_triangle {
    padding: 0;
    margin:0 auto;
    list-style: none;
		font-size:1.5em;
		line-height:1.5em;
    display:inline-block;
}
}
/* スライド無限ループ --------- */
/* 1.親スタイルリセットとペース設定 ++++++++++ */
.slider-box p, .slider-box div, .loop-box ul, .loop-box li {
  box-sizing: border-box; margin: 0 !important; padding: 0 !important;
}

/* 2.ベースBOXの設定 +++++++++++++++++++++ */
.slider-box {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%; /* 画面又は親要素に対するサイズ - 変更可 */
  background: #333; /* 背景色 - 変更可・削除可 */
  border: solid 5px #ccc; /* 囲み線 - 変更可・削除可 */
  margin: 0 auto; /* Box外の余白 - 変更可 */
  padding: 10px 0 0; /* 上端からスライダーまでの距離 - 変更可・削除可 */
}

/* 3.チェックボックスを利用した停止・再生などの設定 +++++++++++++++++ */
.slider-check {
  display: none;
}
.slider-check:checked ~ .loop-box > .loop {
  animation-play-state: paused;
}
.slider-label {
  display: block;
  cursor: pointer;
  color: #fff; /* 文字色 - 変更可 */
  font-size: 24px; /* 文字サイズ - 変更可 */
  line-height: 2; /* ボタン部分の高さ - 変更可 */
  text-align: center;  
}
.slider-label::before {
  content: "\025a0  STOP"; /* 停止テキスト - 変更可 */
  } 
.slider-check:checked ~ div > .slider-label::before {
  content: "\025b6  MOVE"; /* 再生テキスト - 変更可 */
}

/* 4.スライダー本体とアニメーションの基本設定 ++++++++++++++ */
.loop-box{
  position: relative;
  width: 100%;
  overflow: hidden; 
}
.loop-box, .loop-box ul {
  height: 350px; /* スライダーの高さ - 変更注意 */
}
.loop-box ul {
  position: absolute; left: 0; top: 0;
  display: flex; 
  justify-content: space-between;
  background: #000; /* スライダーの背景色 - 変更可 */
  list-style: none;
  max-width: 10000%; 
  min-width: 100%;
	width: 900px; /* 画像の横幅×枚数 - 変更注意・変更可・変更注意 */
  animation: 40s linear infinite; /* アニメーション設定 - 変更可 */
}
.loop-box li {
  display: flex;
  align-items: center; 
  justify-content: center;
  color: #fff;
  width: calc(100% / 3); /* li の幅を均等にする - 削除可・変更注意 */
}
.loop-box img {
  height: auto;
  width: 100%;
}

/* 5.アニメーション個別設定 ++++++++++ */
.loop-box ul.loop1 {
  animation-name: loop1;
}
.loop-box ul.loop2 {
  animation-name: loop2;
}
@keyframes loop1 {
  0% {transform: translateX(0); }
  49.99999% {transform: translateX(-100%); }
  50% {transform: translateX(100%); }
}
@keyframes loop2 {
  0% {transform: translateX(100%); }
  100%{transform: translateX(-100%); }
}





/* IT始めるパック */
ol.itsp_list{
  counter-reset:list;
  list-style-type:none;
  position:relative;
  font: 14px/1.6 'Mv Boli', 'arial narrow', sans-serif;
  padding: 1.2em;
  background:#F2EFE7;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2) inset,0 0 4px rgba(0, 0, 0, 0.2) ;
  max-width:80%;
		min-width:50%;
}
ol.itsp_list:after{
  content:"IT 始めるパック"; /* 右下の文字 */
  position: absolute;
  bottom: 8px;
  right: 1.2em;
  font-size:12px;
  color:#bbb;
}
ol.itsp_list li{
  position:relative;
  padding: 7px 5px 7px 50px;
  margin: 3px 0 3px 0px;
  font-weight: bold;
  font-size:25px;
  border-bottom:dashed 1px #ccc;
  color:#333;
}
ol.itsp_list li:first-child{
  margin-top:0;
}
ol.itsp_list li:last-child{
  margin-bottom:20px;
}
ol.itsp_list li:before{
  counter-increment: list;
  content: counter(list) ",";
  position: absolute;
  left: 15px;
  font-size:1.2em;
   top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}


.form-btn {
  background: transparent;
  border: none;
  position: relative;
  border-radius: 0;
  z-index: 1;
	display:inline-block;
	width:400px;
	text-align:center;
	font-size:30px;
	font-weight:700;
}
.form-btn::before,
.form-btn::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
}
.form-btn::before {
  background: #dd0093;
  border: 2px solid #dd0093;
  z-index: -1;
}
.form-btn::after {
  background: #fff6dc;
  z-index: -2;
}
.form-btn:hover {
  color: #ffb509;
}
.form-btn:hover::before {
  background: transparent;
}
 
.form-btn:hover::after {
  top: 6px;
  left: 6px;
}


ol.marulist{
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}
ol.marulist li{
  position:relative;
  padding: 0 0 0 30px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  font-size:14px;
  line-height: 29px;
  border: dashed 1px transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
ol.marulist li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -10px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
  background: #F6A38B;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.marulist li:hover{
  border-bottom-color: #F6A38B;
}
.itspform_midashi {
  position: relative;
  display: inline-block;
  padding: 0 55px;
}

.itspform_midashi:before, .itspform_midashi:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: black;
}

.itspform_midashi:before {
  left:0;
}
.itspform_midashi:after {
  right: 0;
}

/* 影をつける */
.shadow{
	box-shadow:0 5px 10px 0 rgba(0, 0, 0, .1);
}

/* ジモティ自社ローン限定20社 */


ol.jimotypoint1{
	display: inline-block;
	margin:30px;
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}

ol.jimotypoint1 li{
  position:relative;
  padding: 0 0 0 30px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
	font-size:1.6em;
  line-height: 40px;
  border: dashed 1px transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
ol.jimotypoint1 li:before{
  counter-increment: list;
  content: counter(list);
  position: absolute;
  left: -10px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
  background: #F5A623;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
ol.jimotypoint1 li:hover{
  border-bottom-color: #F5A623;
}


ul.jimotypoint2{
	display: inline-block;
	margin:30px;
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}

ul.jimotypoint2 li{
  position:relative;
  padding: 0 0 0 30px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  font-size:1.6em;
  line-height: 40px;
  border: dashed 1px transparent;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  -ms-transition: 0.3s;
  transition: 0.3s;
}
 
ul.jimotypoint2 li:before {
  content: "";
  position: absolute;
  left: -10px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: #fff;
  line-height:30px;
  background: #F5A623;
  border-radius: 50%;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

ul.jimotypoint2 li:hover{
  border-bottom-color: #F5A623;
}

/*　募集--------　*/
.jimotyribbon1 {
  display: inline-block;
  position: relative;
	height: 120px;
	line-height: 70px;
  text-align: center;
	margin:0 auto;
	padding: 7px 0;
	font-size: 1.5em;
  background: #acd879;
  color: #FFF;
  box-sizing: border-box;
		width:100%;
}

.jimotyribbon1 p {
  margin:0;
	padding:0;
  border-top: dashed 2px rgba(255, 255, 255, 0.5);
  border-bottom: dashed 2px rgba(255, 255, 255, 0.5);
  line-height: 42px;
}

.jimotyribbon1:before, .jimotyribbon1:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

.jimotyribbon1:before {
  /*左の山形*/
  top: 0;
	left: 0;
	border-width:60px 0px 60px 30px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
}

.jimotyribbon1:after {
  /*右の山形*/
  top: 0;
  right: 0;
	border-width: 60px 30px 60px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

.jimotymatome{
    padding: 0.5em 0.5em;
		margin: 1em 3em 1.5em;
    font-size:2em;
		font-weight:bold;
		color: #474747;
    background: whitesmoke;/*背景色*/
    border-left: double 7px #acd879;/*左線*/
    border-right: double 7px #acd879;/*右線*/
}
.jimotymatome p {
    margin: 0; 
    padding: 0;
}

.jimotysubscription1{
		background-color:#acd879;
		padding:2px;
}

.jimotysubscription2{
		background-color:#fff;
		margin:30px 30px;
}

.jimotysubscription3{
		background-color:#fff;
		margin:30px 30px;
}

.jimotyribbon2 {
  display: inline-block;
  position: relative;
  height: 45px;
  text-align: center;
  box-sizing: border-box;

}
.jimotyribbon2:before {/*左側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  left: -35px;
  z-index: -0;
  border: 20px solid #ffafaf;
  border-left-color: transparent;/*山形に切り抜き*/
}

.jimotyribbon2:after {/*右側のリボン端*/
  content: '';
  position: absolute;
  width: 10px;
  bottom: -10px;
  right: -35px;
  z-index: 0;
  border: 20px solid #ffafaf;
  border-right-color: transparent;/*山形に切り抜き*/
}

.jimotyribbon2 span {
	border-bottom:none;
  display: inline-block;
  position: relative;
	z-index: 1;
  margin: 0;
  padding: 0 20px;
  line-height: 45px;
  font-size: 1.5em;
	font-weight:800;
  color: #FFF;
  background: #ff9b9b;/*真ん中の背景色*/
}
.jimotyribbon2 span:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-right: solid 15px #d57777;/*左の折り返し部分*/
}
.jimotyribbon2 span:after {
  position: absolute;
  content: '';
  top: 100%;
  right: 0;
  border: none;
  border-bottom: solid 10px transparent;
  border-left: solid 15px #d57777;/*右の折り返し部分*/
}



/**********************************************************
 * わ ナンバー　追加
 * *********************** */
.memox1{
position:relative;
background:#fffde7;
width:85%;
margin:2em auto;
padding:1.5em 1em;
transform: rotate(-2deg);
box-shadow:1px 1px 4px rgba(0,0,0,0.2);
color:#795548;
font-size:130%;
}
.memox1::before{
position:relative;
display:inline-block;
border-bottom:3px solid #795548;
border-radius: 0 0 40% 5% / 0 0 15% 20%;
padding:0 1em 0.1em 0.2em;
font-size:110%;
font-weight:bold;
transform: rotate(-5deg);
}
.memox1::after{
content:'';
position:absolute;
left:50%;
top:-15px;
margin-left:-75px;
width:150px;
height:30px;
background:rgba(245,245,245,0.7);
box-shadow:1px 1px 4px rgba(0,0,0,0.2);
transform: rotate(-4deg);
}
.memox1 ol{
margin:1em 0.5em 0 2em;
padding:0 0 0 0;
}


.memox2{
position:relative;
background:#fffde7;
width:85%;
margin:2em auto;
padding:1.5em 1em;
transform: rotate(2deg);
box-shadow:1px 1px 4px rgba(0,0,0,0.2);
color:#795548;
font-size:130%;
}
.memox2::before{
position:relative;
display:inline-block;
border-bottom:3px solid #795548;
border-radius: 0 0 40% 5% / 0 0 15% 20%;
padding:0 1em 0.1em 0.2em;
font-size:110%;
font-weight:bold;
transform: rotate(-5deg);
}
.memox2::after{
content:'';
position:absolute;
left:50%;
top:-15px;
margin-left:-75px;
width:150px;
height:30px;
background:rgba(245,245,245,0.7);
box-shadow:1px 1px 4px rgba(0,0,0,0.2);
transform: rotate(4deg);
}
.memox2 ol{
margin:1em 0.5em 0 2em;
padding:0 0 0 0;
}

.memox_title1::before{
		content:'中古車販売店 A社';
}
.memox_title2::before{
		content:'自動車整備 B社';
}
.memox_title3::before{
		content:'中古車販売店 C社';
}

.memoxmidashi{
  position: relative;
  display: inline-block;
  padding: 0 65px;
  text-align: center;
}

.memoxmidashi:before,
.memoxmidashi:after {
  position: absolute;
  top: calc(50% - 3px);
  width: 50px;
  height: 6px;
  content: '';
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}

.memoxmidashi:before {
  left: 0;
}

.memoxmidashi:after {
  right: 0;
}

p.trim-image-to-circle {
		width:  300px;
    height: 300px;
    border-radius: 50%;
    background-position: left top;
    display: inline-block;
		margin:0px;
		box-shadow:2px 2px 4px rgb(0 0 0 / 40%);
}
.trim-image1 {
    background-image: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/2022/10/25192550_s.jpg");
	background-size:140%;
}
.trim-image2 {
		background-image: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/2022/10/ren14.png");
	background-size:180%;
}
.trim-image3 {
    background-image: url("http://www.j-carnet.co.jp/wp2/wp-content/uploads/2022/10/25348417_s.jpg");
	background-size:120%;
}


@keyframes wave {
  100% {
    transform: translate3d(0, -10px, 0);
  }
}
.wave {
  display: block;
  margin: 40px auto 0;
  text-align: center;
  cursor: pointer;
}
.wave span {
  display: inline-block;
  color: #000;
  font-size: 4em;
}
.wave:hover span {
  animation-name: wave;
  animation-duration: .2s;
  animation-direction: alternate;
  animation-iteration-count: 4;
}
.wave:hover span:nth-child(2) {
  animation-delay: .1s;
}
.wave:hover span:nth-child(3) {
  animation-delay: .2s;
}
.wave:hover span:nth-child(4) {
  animation-delay: .3s;
}
.wave:hover span:nth-child(5) {
  animation-delay: .4s;
}
.wave:hover span:nth-child(6) {
  animation-delay: .5s;
}
.wave:hover span:nth-child(7) {
  animation-delay: .6s;
}
.wave:hover span:nth-child(8) {
  animation-delay: .7s;
}
.wave:hover span:nth-child(9) {
  animation-delay: .8s;
}
.wave:hover span:nth-child(10) {
  animation-delay: .9s;
}
.wave:hover span:nth-child(11) {
  animation-delay: 1.0s;
}

/* レンタカー　吹き出し */
.koe {
position: relative;
padding: 20px;
background-color: #fcf3de;
border-radius: 15px;
margin-right: 70px;
font-weight:700;
color:#493811;
}

.koe::before {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fcf3de;
right: -35px;
bottom: 15px;
width: 30px;
height: 30px;
}

.koe::after {
content: '';
position: absolute;
display: block;
border-radius: 50%;
background-color: #fcf3de;
right: -55px;
bottom: 10px;
width: 15px;
height: 15px;
}

/* レンタカー会員ページ TOP */
.relative_rentacar {
    position: relative;
}
.absolute_rentacar {
    position: absolute;
		left: 20px;
		bottom: 10px;
		font-size:1.5em; /* 文字サイズ */
    font-weight:bold;  /* 強調 */
    color:#000; /* 文字色 */
    line-height:0.9; /* 行間 */
}

@media screen and (max-width:480px) {
.absolute_rentacar {
    position: absolute;
		left: 10px;
		bottom: -10px;
		font-size:0.8em; /* 文字サイズ */
    font-weight:bold;  /* 強調 */
    color:#000; /* 文字色 */
    line-height:0.9; /* 行間 */
} 
}



/* スタートパック */
.startkit_table img{
		max-height:150px;
		width:auto;
		margin:0px;
}


#page_top_main {
  position: fixed;
  width: 60px;
  height: 60px;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  right: 20px;
  bottom: 20px;
}
#page_top_main a{
  position: relative;
  display: block;
  text-decoration: none;
}
#page_top_main  i {
  font-size: 150%;
  line-height: 60px;
  -webkit-transition: all .3s;
  transition: all .3s;
  letter-spacing: 0;
	margin:0 20px;
}
#page_top_main:hover i {
  line-height: 55px;
}

#page_pdf {
  position: fixed;
  width: 60px;
  height: 60px;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  right: 20px;
  bottom: 100px;
		color:#354977;
		border:solid 3px #354977;
}
#page_pdf a{
  position: relative;
  display: block;
  text-decoration: none;
		color:#354977;
}
#page_pdf i {
  font-size: 150%;
  line-height: 60px;
  -webkit-transition: all .3s;
  transition: all .3s;
  letter-spacing: 0;
	margin:-1.5px 18.5px;
}
#page_pdf:hover i {
  line-height: 55px;
}


.bnt-massage {
  text-decoration: none;
  display: inline-block;
  min-width: 130px;
  text-align: center;
  background-color: #5d6177;
  font-size: 20px;
  color: #FFF;
  font-weight: bold;
  padding: 15px 15px 10px 20px;
  position: relative;
  transition: .9s;
  border: 1px solid #FFF;
}

.bnt-massage span {
  display: block;
  position: absolute;
  background-color: #e085ae;
  bottom: -34px;
  left: 0;
  width: 100%;
  height: 34px;
  font-size: 14px;
  line-height: 34px;
  border-radius: 0 0 8px 0;
  transition: .5s;
}
.bnt-massage:hover{
  opacity: 0.5;
}

.bnt-massage_main {
		background-color: #3d2d18;
}
.bnt-massage_main span{
		background-color:#d35b6f;
}

.symple_pdf{
		font-size:20pt;
		font-weight: bold; 
		color: rgba(153, 153, 153, 0.80);
		border:2px solid #999;
		display:block;
		padding:10px 10px 10px 30px; 
		text-decoration: none;
		margin:5px 0px;
}
.symple_pdf:hover{
		background-color:#efefef;
		color:#4c4c4c;
}

.symple_pdf2 {
		font-size:20pt;
		font-weight: bold;
		border:2px solid #47B39D; 
		display:inline-block;
		padding:10px; 
		text-decoration: none;
}
.symple_pdf2:hover {
		background-color:#DCE5E3;
		color:#1B604F;
}


.renbox20 {
    position: relative;
    padding: 0.25em 1em;
    margin: 2em 0;
    top: 0;
    background: #f9f9f9;
		font-size:120%;
}
.renbox20:before, .renbox20:after{ 
    position: absolute;
    top: 0;
    content:'';
    width: 10px;
    height: 100%;
    display: inline-block;
    box-sizing: border-box;
}
.renbox20:before{
    border-left: dotted 2px #15adc1;
    border-top: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    left: 0;
}
.renbox20:after{
    border-top: dotted 2px #15adc1;
    border-right: dotted 2px #15adc1;
    border-bottom: dotted 2px #15adc1;
    right: 0;
}
.renbox20 p {
    margin: 0; 
    padding: 0;
}

/* レンタカー加盟料 */


.rental_kakaku_table {
  border-collapse: collapse;
  border-spacing: 5px;
  margin: 0 auto;
  padding: 0;
  width: 80%;
  margin-left: auto;
  margin-right: auto;
		font-size:20px;
}

.rental_kakaku_table tr{
  border-bottom: solid 2px white;
}
.rental_kakaku_table tr:nth-child(1) td{
		font-weight:700;
		background: #919598;
		color:#fff;
}

.rental_kakaku_table tr:last-child{
  border-bottom: none;
}

.rental_kakaku_table th{
  position: relative;
  text-align: left;
  width: 20%;
  color: white;
  text-align: center;
  padding: 10px 0;
	height: 100px;
	font-weight:700;
}

.rental_kakaku_table th:after{
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top:calc(50% - 10px);
  right:-10px;
  border-left: 10px solid #919598;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.rental_kakaku_table td{
  text-align: left;
  width: 20%;
  text-align: center;
  background-color: #eee;
  padding: 10px 0;
}


/* レンタカーメリット */
body{counter-reset: number 0;}
.h3_tte{
	margin:40px 0px 20px 0px;
  position: relative;
  background: #efeeed;
  padding: 0.25em 0.5em;
  border-left: solid 2em #0c4f8c;
	color:#0c4f8c;
	font-weight:700;
}
.h3_tte:before {
  font-family: "Font Awesome 5 Free";
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: 900;
  left: -1.35em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%); 
	counter-increment: number 1;
  content: counter(number) " ";
}

/* --------------------------
 * 左側に▶
 * ------------------------ */
.triangle{
	padding-left:22px;
  position:relative;
}
.triangle:before{
 position:absolute;
 content:"";
 width:20px;
 height:20px;
 display:inline-block;
 border:10px solid transparent;
 box-sizing:border-box;
 border-left-color:#4f5c7f;
 top: 50%;
 left: 1%;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
}





/* --------------------------
 * わにゃふる
 * 発生費用
 * ------------------------ */

.box1 {
    padding:0.9em 1em 0.7em 1em;
    margin: 0.3em 0em 0.2em 0;
    font-weight: bold;
    background: #f3f6ff;
    color:#354377;
	  border:dashed 2px #354377;
    max-width:420px;
	  font-size:120%;
}
.box1 p {
    margin: 0; 
    padding: 0;
}

.hiyou{
	display:flex;
}

.hiyou div{
	margin:0 10px
}

h3{
	margin-bottom:10px;
}
@media screen and (min-width: 527px) {
 .kamei{
  	margin-left:30px;
 }
}

.preparation{
	max-width:450px;
	border:none;
}
.preparation tbody{
	background-color:#f5f5f5;
}
.preparation th{
	background-color:#fff;
	text-align:center;
}
.preparation tr{
	padding:20px;
}
.preparation td{
		
}
.site-content .entry-content table td{
	text-align:left;
	
}

.monthly{
  display:inline-block;
	background-color:#fff;
	width:100px;
	text-align:center;
}

.kakakucard {
  display: flex;
}
@media screen and (max-width: 1025px) {
.kakakucard {
  flex-wrap: wrap;
}}

/* --------------------------
 * わにゃふる
 * 手順説明
 * ------------------------ */
/* --ピンクver.--- */
.waprocedurePNKbox{
	border: 1px solid #ef858c;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	padding: 45px 20px 10px 20px;	/* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.waprocedurePNKbox p {
		text-align:left;
		padding:0 10px;
		margin:1px;
}

.waprocedurePNKbox .PNKbox-title {
	background-color: #ef858c;	/* タイトル部分背景色 */
	font-size:1.2em;
	font-weight:bold;
	color: #fff;	/* タイトル部分文字色 */
	text-align:left;
	height: 32px;	/* タイトル部分高さ */
	padding: 5px 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	line-height: 1.1;/*タイトルの行の高さ*/
}

.waprocedurePNKbox .PNKbox-title:after {
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #ef858c transparent transparent transparent;	/* 吹き出し三角部分の色*/
	content: "";
	position: absolute;
	top: 30px;
	left: 10px;
}

.watrianglePNK {
	margin:20px auto 10px auto;
	color: #ef858c;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #ef858c;
    }

/* --ブルーver.--- */
.waprocedureBLUbox{
	border: 1px solid #85acef;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	padding: 45px 20px 10px 20px;	/* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.waprocedureBLUbox p {
		text-align:left;
		padding:0 10px;
		margin:1px;
}

.waprocedureBLUbox .BLUbox-title {
	background-color: #85acef;	/* タイトル部分背景色 */
	font-size:1.2em;
	font-weight:bold;
	color: #fff;	/* タイトル部分文字色 */
	text-align:left;
	height: 32px;	/* タイトル部分高さ */
	padding: 5px 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	line-height: 1.1;/*タイトルの行の高さ*/
}

.waprocedureBLUbox .BLUbox-title:after {
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #85acef transparent transparent transparent;	/* 吹き出し三角部分の色*/
	content: "";
	position: absolute;
	top: 30px;
	left: 10px;
}

.watriangleBLU {
	margin:20px auto 10px auto;
	color: #85acef;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #85acef;
    }

/* --グリーンver.--- */
.waprocedureGRNbox{
	border: 1px solid #4bb889;	/* 線の太さ・種類・色 */
	border-radius: 5px;
	padding: 45px 20px 10px 20px;	/* 内側の余白 上・右・下・左 */
	position: relative;
	z-index: 0;
}
.waprocedureGRNbox p {
		text-align:left;
		padding:0 10px;
		margin:1px;
}

.waprocedureGRNbox .GRNbox-title {
	background-color: #4bb889;	/* タイトル部分背景色 */
	font-size:1.2em;
	font-weight:bold;
	color: #fff;	/* タイトル部分文字色 */
	text-align:left;
	height: 32px;	/* タイトル部分高さ */
	padding: 5px 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	line-height: 1.1;/*タイトルの行の高さ*/
}

.waprocedureGRNbox .GRNbox-title:after {
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #4bb889 transparent transparent transparent;	/* 吹き出し三角部分の色*/
	content: "";
	position: absolute;
	top: 30px;
	left: 10px;
}

.watriangleGRN {
	margin:20px auto 10px auto;
	color: #4bb889;
width: 0;
height: 0;
border-left: 20px solid transparent;
border-right: 20px solid transparent;
border-top: 20px solid #4bb889;
    }

/*めくれたテープ風*/
.wabox6 {
margin: 2em auto;
padding:2em;/*内側余白*/
background-color:#f4f4f4;/*背景色*/
position:relative;
}

.wabox6:after{
position: absolute;
content: '';
right: 0px;
top: 0px;
border-width: 0 15px 15px 0;
border-style: solid;
border-color: #ccc #fff  #ccc;
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
}



/* ------ わにゃふる書類一覧 -------- */

.wa_btn3 {
		text-align:center;
		margin: 1em 0.2em;
		color:#fff;
    background:#485f6d;
    border-radius: 3px;
    cursor: pointer;
    transition: .3s ease;
		padding:0.5em;
    font-weight: bold;
		width:5em;
		
}

.wa_btn3:hover{
    background:#607d90;
    color:#fff;
    transition: .3s ease;
}



/* 自社配備の見出し　*/
.wah3color01 {
    position:relative;
    display:inline-block;
		padding:5px 0;
		margin:10px 0 0 0;
		border:1px solid #DDD;
    background:none;
		width:150px;
		height:35px;
		text-align:center;
		color:#cc4125;
		font-weight:bold;
		background:rgba(255,230,230,0.4);
}

.wah3color02 {
    position:relative;
    margin:10px 0 0 0;
    display:inline-block;
		padding:5px 0;
    border:1px solid #DDD;
    background:none;
		width:150px;
		height:35px;
		text-align:center;
		color:#327694;
		font-weight:bold;
		background:rgba(236,249,255,0.4);
}




/* -書類一覧へ-- */


.wa_btn4 {
    display: table;
    position: relative;
		height:2em;
		padding: 1.5px 30px 1.5px 2px;
		border-collapse: separate;
		margin:5px;
		min-width: 15em;
    border: 2px solid currentColor;
		border-radius: 3px;
    color: #3388dd;
		background-color:#fff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.5s;
}

.wa_btn4 a{
  display: table-cell;
  vertical-align: middle;
}


.wa_btn4::after {
    position: absolute;
    top: 50%;
    right: 1em;
    width: 0.5em;
    height: 0.5em;
    transform: translateY(-50%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-top: 2px solid currentColor;
    content: "";
}
.wa_btn4:hover {
    border: 2px solid #3388dd;
    background-color: #3388dd;
    color: #fff;
}
/* -書類一覧へ　end-- */

/* -　わにゃふるFAQ　-- */

.wafaq {
		width:85%;
		margin:0 auto;
		margin-bottom:5px;
    border-bottom: 2px solid #d6dde3;
}

.wafaq summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.wafaq summary::before,
.wafaq p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.wafaq summary::before {
    color: #75bbff;
    content: "Q";
}

.wafaq summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.wafaq[open] summary::after {
    transform: rotate(225deg);
}

.wafaq p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.wafaq[open] p {
		margin:0 0 0 20px;
    transform: none;
    opacity: 1;
}

.wafaq p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}

/* -わにゃふるFAQ　end-- */

/* ------ 人気サービス特集 -------- */

.servicerank1, .servicerank2, .servicerank3, .servicerank4 {
		text-align:left;
		display:inline-block;
		font-size:2em;
		font-weight:bold;
    margin: 0;
    padding: 20px 0px 20px 150px;
    border-left: none;
    border-bottom: 0px;
		background-size: 100px auto;
}

.servicerank1 {
    background-image: url(http://www.j-carnet.co.jp/wp2/wp-content/uploads/2023/01/servicerankingno1.png);
    background-repeat: no-repeat;
    background-position: left center;
		color: #dbb400;
}

.servicerank2 {
    background-image: url(http://www.j-carnet.co.jp/wp2/wp-content/uploads/2023/01/servicerankingno2.png);
    background-repeat: no-repeat;
    background-position: left center;
		color: #9fa0a0;
}

.servicerank3 {
    background-image: url(http://www.j-carnet.co.jp/wp2/wp-content/uploads/2023/01/servicerankingno3.png);
    background-repeat: no-repeat;
    background-position: left center;
		color: #c47022;
}

.servicerank4 {
    background-image: url(http://www.j-carnet.co.jp/wp2/wp-content/uploads/2023/01/servicerankingno4.png);
    background-repeat: no-repeat;
    background-position: left center;
}



@media screen and (max-width: 1024px) {
  .symple_pdf2{
		font-size:15px;
	}
   .wa_th{
	  display:block;
  	width:100%;
  }
	.renbox20{
		font-size:100%;
	}
}


/* ******************* *
 *  わにゃ会員ページ
 *    印刷画面調整
 * ******************* */
@media print {
  .popup_overlay2 {
    background: none;
    overflow: visible;
    transform: none;
    width: auto;
    height: auto;
    box-shadow: none;
    padding: 0;
    margin: 0;
  }

  .popup_content2 {
    width: 100%;
    border-radius: 0;
    box-shadow: none;
		transform-origin: center;
  }

  .close_btn2 {
    display: none;
  }
	
	.su-row .su-column{
		width:100%;
	}
		.postid-2576{
				max-height:100vh;
				max-width:100vw;
				transform: scale(1);
   		  
		}
		.postid-2576 content{

		}
		@page{
				margin:40px;
  }
  .no-print {
    display: none;
  }
}

/* ********************** 
 * オンラインサポート
 * ********************* */

.support_h {
     position: relative;
     color: white;
     padding:0.5em 0.5em 0.5em 1.4em;
     background-color: #446689;
     font-size:110%;
	   margin-bottom:30px;
}
 
.support_h::after {
     position: absolute;
     top: 50%;
     left:0;
     transform:translateY(-50%);
     content: '';
     width: 18px;
     height:4px;
     background-color:white;
}

.support_box{
     border:solid 3px #446689;
}
.support_box_min{
     padding:0px 0px 10px 10px;
}

hr.line{
     border: none;
     border-top: dashed 2px #333;
}

/* p の下の改行消せる　過去ページに影響が大きいのでなし。参考に各ページ用に書くのは○
.post-content p, .post-content ul, .post-content ol, .post-content dl, .post-content blockquote, .post-content pre, .post-content table{
		 margin:0px;
}
*/

.support_box p{
		 margin:0px;	
}



/* ********************** 
 * カーケアコート光モニター店舗様募集中
 * ********************** */


.postid-3466 .single-lp .post-content h2 ,
.postid-3588 .single-lp .post-content h2 {
    margin: 0px;
}
.postid-3466 .post-content h2 ,
.postid-3588 .post-content h2 {
    margin: 20px 0px;
    padding: 16px 16px 16px 56px;
    font-size: 28px;
    clear: both;
    font-weight: normal;
    border-left: 0px;
    background: #fff;
    color: #000;
}

.tester1 {
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'Hiragino Mincho ProN', 'HGS明朝E', 'ＭＳ Ｐ明朝', serif;
  position: relative;
  padding: 1.5rem 2rem;
  -webkit-box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
  box-shadow: 0 2px 14px rgba(0, 0, 0, .1);
}

.tester1:before,
.tester1:after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  content: '';
  background-image: -webkit-linear-gradient(315deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
  background-image: linear-gradient(135deg, #704308 0%, #ffce08 40%, #e1ce08 60%, #704308 100%);
}

.tester1:before {
  top: 0;
}

.tester1:after {
  bottom: 0;
}

.tester_div1{
		margin:0px 20px;
		font-size:20px;
}
.tester_div1 p{margin:0px;}
.tester_ul1 {
	padding: 0 0 0 1em;
	font-size: 25px;
}
.tester_ul1 li {
	list-style-type: none;
	padding:0 0 10px 12px;
	position: relative;
} 
.tester_ul1 li:before {
	font-family: "Font Awesome 5 Free";
	font-weight: 500;
	content: "\f14a";
	position: absolute;
	top: .0em;	/* アイコンの上側位置調整 */
	left: -.8em;	/* アイコンの左側位置調整 */
}
.tester_ul1 li:nth-child(2n+1):before {
	color: #795023;	/* 奇数のアイコンの色 */
}
.tester_ul1 li:nth-child(2n):before {
	color: #795023;	/* 偶数のアイコンの色 */
}


.tester_ol1{list-style:none; counter-reset: my-counter;}
.tester_ol1 > li {margin:0 0 1em 2.0em; position:relative; display:block;}
.tester_ol1 > li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  color:#fff;
  text-align:center;
  line-height:1em;
  width:1em;
  height:1em;
  margin:0 0 0 -4em; 
  padding:1em;
  background:#333;
  border-radius:50%;
  position:absolute;
  display:block;
  float:left;
}
.tester_ol1 > li > h1 {margin:0;}
.tester_ol1 > li > p {margin:0;}

.relative_tester {
    position: relative;
}
.absolute_tester {
    position: absolute;
		left:250px;
		right: 20px;
		bottom: 10px;
		font-size:0.9em; /* 文字サイズ */
    font-weight:bold;  /* 強調 */
    color:#fff; /* 文字色 */
    line-height:0.9; /* 行間 */
		filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.6));
}

.tester_div2{
		margin:20px;
		padding:30px;
		background-color:#f6f6f6;
}

.div_tester_video{
  padding: 0.5rem 2rem 1rem;
  border-top: 4px solid #d8dcdc;
  border-right: 4px solid #666;
  border-bottom: 4px solid #333;
  border-left: 4px solid #868888;
  border-radius: 0;
  background-image: -webkit-linear-gradient(135deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  background-image: linear-gradient(-45deg, #ccc 0%, #868888 20%, #d8dcdc 34%, white 53%, #ccc 100%);
  text-align:center;
  margin:40px auto;
	max-width:800px;
}
.div_tester_video h2.tester1{
		opacity:0.7;
		background-color:#fffef8;
}

#shanon-video-player-hUHnzElBNUkr5WWvQsATEtFzVaMOABis-child{
		max-width:100%;
		height:auto;
		aspect-ratio: 16 / 9;
}

.postid-3466 .post-content h2.tester1_manu{
		padding:10px;
}

.image-container {
  position: relative;
  display: inline-block;
}
.image-container::after {
  content: "";
  position: absolute;
  top: -4px;
  left: -4px;
  right: -4px;
  bottom: -4px;
  border: 2px solid #d4af37;
  border-radius: 5px;
}

.image-container img {
  display: block;
  border-radius: 3px;
}

/* ******************
 * 売上グラフ機能
 * リニューアル
 * ご意見募集 
 * ***************** */
.graph_option_list {
  padding: 0em 1em 0.5em 1.5em;
  position: relative;
}
.graph_option_list li {
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;
}
.graph_option_list li:before {
  /*リストのアイコン*/
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  position: absolute;
  left : 0em; /*左端からのアイコンまでの距離*/
  color: #ffb03f; /*アイコン色*/
}



/* ******************
 * 新機能追加のお知らせ
 * 【生涯管理】/トーク事例集
 * ***************** */

.talk_case {
  position: relative;
  text-align: center;
  border: 3px solid #000;
	font-size:25px;
	background-color:#ddd;
}

.talk_case:before,
.talk_case:after {
  position: absolute;
  content: '';
}

.talk_case:before {
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  background: #f8f8f8;
}

.talk_case span {
  position: relative;
  display: block;
  padding: 2rem;
  letter-spacing: .05em;
  color: #fff;
  text-shadow: #000 2px 0, #000 -2px 0, #000 0 -2px, #000 0 2px, #000 2px 2px, #000 -2px 2px, #000 2px -2px, #000 -2px -2px, #000 1px 2px, #000 -1px 2px, #000 1px -2px, #000 -1px -2px, #000 2px 1px, #000 -2px 1px, #000 2px -1px, #000 -2px -1px, 4px 4px 0 #000, 0 4px 0 #000;
		background-color:#b4dce7;
	background:rgba(180,220,231,0.5);
}

.talk_case span:before,
.talk_case span:after {
  position: absolute;
  left: 10px;
  width: calc(100% - 20px);
  height: 2px;
  content: '';
  background: #000;
}

.talk_case span:before {
  top: 15px;
}

.talk_case span:after {
  bottom: 15px;
}



.talk_case_box {
    margin: 0 auto;
    background: #f1f1f1;
		width:750px;
		max-width:80%;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
		height:300px;
}
.talk_case_box .talk_case_box_title {
    font-size: 1.2em;
    background: #4e5d71;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.talk_case_box p {
    padding: 15px 20px;
    margin: 0;
}


/* ボタンのスタイル */
.buttonIconText {
  display: flex;
  gap: 8px;
  align-items: center;
  width: 100%;
  max-width: 320px;
  height: 64px;
  padding: 8px 64px 8px 8px;
  font-family: sans-serif;
  font-size: 18px;
	font-weight:700;
  color: #fff;
  text-align: center;
  overflow-wrap: anywhere;
  background-color: #315072;
  border-radius: 32px; /* (buttonの高さ / 2) の値 */
}

.buttonIconText__reverse {
  flex-direction: row-reverse;
  padding: 8px 8px 8px 8px;
}

.buttonIconText_text {
  flex-shrink: 1;
  width: 100%;
}

@media (any-hover: hover) {
  .buttonIconText {
    transition: background-color 0.2s;
  }

  .buttonIconText_icon {
    transition: transform 0.2s;
  }

  .buttonIconText:hover {
    background-color: #122e4c;
  }

}



.post-content h3.ttl_balloon3 {
  font-weight: bold;
  padding: 0.3em 1em 1em;
  border-radius: 0 0 0 10px;
  border-left: 3px solid #EA57A4;
  border-bottom: 3px solid #EA57A4;
  position: relative;
}
.post-content h3.ttl_balloon3::before, .post-content h3.ttl_balloon3:after {
  content: '';
  height: 0;
  width: 0;
  border: solid transparent;
  position: absolute;
  left: 30px;
}
.post-content h3.ttl_balloon3::before {
  border-color: transparent;
  border-top-color: #EA57A4;
  border-right-color: #EA57A4;
  border-width: 10px;
  top: 100%;
  left: 26px;
}
.post-content h3.ttl_balloon3:after {
  border-color: transparent;
  border-top-color: #fff;
  border-right-color: #fff;
  border-width: 6.5px;
  top: 99%;
}
.postid-3782 a{
		color:#EA57A4;
}














/* 点滅 .blink */

/*　画面サイズが480px以上の場合ここの記述が適用される------------------------　*/
@media screen and (min-width:481px) {
 .mobile{
       display: none
  } 
}
/*　画面サイズが480px以下の場合ここの記述が適用される------------------------　*/
@media screen and (max-width:480px) {
 .pc{
       display: none
  } 
}

/* 漫画でわかるわにゃふるバナー */
.bunner:hover{
  opacity:0.8;
  transform: translateY(-2px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  transition: all .5s;
} 
.bunner_border{
	border:solid 1px #000;
	display:inline-block;
}


/* スマホ用　全体　390px */
@media screen and (max-width: 390px) {
  .post-content h2{
    font-size: 22px !important;
    padding: 10px 10px 10px 35px !important;
    margin-top: 20px !important;
  }
  .post-content h3 {
    margin: 0 0 20px 0 !important;
    padding: 0 0 15px 10px !important;
    font-size: 20px;
  }
}


/* セルカオークション */
    @media screen and (max-width: 390px) {
    .text{
      font-size: 15px !important;
      margin: 0 7px;
    }
    .heading{
     font-size: 15px;
     padding-top: 20px !important;
   }
   .screen title{
     font-size: 23px;
     padding: 10px 10px 10px 20px; 
   }
   .a{
     flex-direction: column;
     align-items: center;
   }
   .b{
     width: auto !important;
   }
   .c{
     width: auto !important;
   }
   .d{
     width: auto !important;
   }
   a.btn {
     width: 330px !important;
     font-size: 20px !important;
     padding: 10px !important;
     margin: 0 30px;
   }
   .btn, a.btn, button.btn{
     margin: 50px 20px 20px 30px !important;
   }
   .youtube{
     width: 250px !important;
     height: auto !important;
   }
   .media{
     margin-bottom: -60px;
   }
   .text-2{
     font-size: 17px !important;
   }
   .merit-h3{
     margin-right: 50px;
   }
   .a-2-1{
    flex-direction: column;
    padding: 30px 0 0 0 !important;
    margin: 0 !important;
  }
  .a-2-2{
    margin: -40px 0 30px 0 !important;
    padding: 50px 0 0 0 !important;
    border-radius: 0px !important;
  }
  .b-2{
    flex-direction: column;
  }
  .c-2{
    width: 60% !important;
  }
  .d-2{
    width: 80% !important;
  }
  .merit-image{
    width: 100% !important;
    margin-left: 0 !important;
  }
  .d-2-text01{
    font-size: 14px !important;
    text-align: center;
  }
  .d-2-text02{
    font-size: 18px !important;
    text-align: center !important;
    margin-right: 0 !important;
  }
  .d-2-text03{
    font-size: 15px !important;
  }
  .function-a{
    flex-direction: column;
  }
  .function-b{
    width: 65% !important;
    padding: 25px 0 0 0 !important;
    margin: 10px 0 !important;
  }
  .function-image{
    width: 60% !important;
  }
  .function-text1{
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
  .function-text2{
    font-size: 15px !important;
    margin: 0 10px !important;
  }
  .sm-flow-a{
    display: block !important;
    justify-content: space-between !important;
  }
  .sm-flow-b{
    width: 5% !important;
  }
  .sm-flow-c{
    width: 93% !important;
  }
  .sm-flow-d{
    width: 20% !important;
  }
  .sm-flow-e-text01{
    font-size: 17px !important;
    margin-bottom: 10px !important;
  }
  .sm-flow-e-text02{
    font-size: 15px !important;
    margin: 0 10px !important;
  }
  .form{
    margin: 0 10px;
  }
  .text-login{
   font-size: 18px !important;
  }
}
@media screen and (max-width: 900px){
  .flow-a{
    display: none !important;
  }
  .flow-image{
    display: none !important;
  }
}
@media (min-width: 901px) {
  .sm-flow {
    display: none;
  }
}
@media screen and (max-width: 768px){
  .a{
     flex-direction: column;
     align-items: center;
   }
   .b{
     width: auto !important;
   }
   .c{
     width: auto !important;
   }
   .d{
     width: auto !important;
   }
   .btn, a.btn, button.btn {
    width: 550px !important;
    margin: 60px 20px 70px 20px !important;
   }
   .a-2-1{
    flex-direction: column;
    padding: 30px 0 0 0 !important;
    margin: 0 !important;
  }
  .a-2-2{
    margin: -40px 0 30px 0 !important;
    padding: 50px 0 0 0 !important;
    border-radius: 0px !important;
  }
  .b-2{
    flex-direction: column;
  }
  .c-2{
    width: 60% !important;
    text-align: center;
  }
  .d-2{
    width: 80% !important;
  }
  .merit-image{
    width: 70% !important;
    margin-left: 0 !important;
  }
  .d-2-text01{
    font-size: 17px !important;
    text-align: center;
    margin-bottom: 0 !important;
    padding-top: 15px;
  }
  .d-2-text02{
    font-size: 20px !important;
    text-align: center !important;
    margin-right: 0 !important;
  }
  .d-2-text03{
    font-size: 15px !important;
  }
  .function-text1{
    font-size: 20px;
  }
  .function-text2{
    font-size: 16px;
  }
}
@media (max-width: 767px) and (min-width: 390px) {
  .btn, a.btn, button.btn{
    width: 350px !important;
  }
}




  /* デジレジ */
@media screen and (max-width: 390px) {
  .main_font{
    font-size: 20px !important;
  }
  .block3{
    flex-direction: column !important;
  }
  .block_a{
    width: 65% !important;
    margin-top: 20px !important;
  }
  .main_02_title{
    font-size: 20px !important;
  }
  .block2{
    flex-direction: column-reverse !important;
  }
  .block2-b{
    width: 70% !important;
  }
  .block2-a{
    width: 88% !important;
    font-size: 15px !important;
  }
  .features{
    margin: 0 10px !important;
  }
  .features-title-1{
    padding-left: 0 !important;
    text-align: center !important;
    margin: -27px 30px 0 30px !important;
    font-size: 22px
  }
  .features-p{
    padding-left: 0 !important;
    margin: 20px 10px !important;
    font-size: 16px;
  }
  .block4{
    flex-direction: column !important;
  }
  .block4-in{
    width: 90% !important;
    margin-top: 20px !important;
  }
  .block4-p{
    font-size: 16px !important;
  }
		
	@media screen and (max-width: 390px) {
  .features {
    display: none;
  }
 }
 @media screen and (min-width: 391px) {
  .features-title-1-2 {
    display: none ;
  }
}
	
}

/* ***
 * オプション一覧の左右並びを調整
 * 2025/06/23
 * *** */

.op_kinou {
  display: flex;
  justify-content: center;
  box-sizing: border-box;
  margin: -30px 0px 150px;
  padding: 2rem;
}

.op_kinou .kinou_box1 {
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  justify-content: space-between;
}

/* 左カラム */
.op_kinou .kinou_box2 {
  flex: 1 1 48%;
  min-width: 300px;
  background-color: #fff;
  border-radius: 10px;
  padding: 5px 10px 5px;
}

/* 右カラム（スライダー） */
.op_kinou .kinou_slider {
  flex: 1 1 48%;
  min-width: 300px;
  border-radius: 10px;
  padding: 10% 10px 0;
}

/* スマホなど狭い画面で縦並びに */
@media screen and (max-width: 768px) {
  .op_kinou .kinou_box1 {
    /* flex-direction: column; */
  }
  .op_kinou .kinou_box2,
  .op_kinou .kinou_slider {
    width: 100%;
  }
}



/* *** 注意 *** （一番下に固定で置いておいてください）

この「Simple Custom CSS」の内容は全画面に影響がでます。


NG例
table td{
	width:33%;
	font-size:15px;
	font-weight:bold;
}
この書き方をすると、
これまで＋これ以降のページの「」全てに影響します。

OK例
.table_auto td{
	width:33%;
	font-size:15px;
	font-weight:bold;
}
これなら「」にだけ影響するので
他の画面に影響が出ません。
OK例のように書いてください！！
*/