@import "https://use.fontawesome.com/releases/v5.13.0/css/all.css";
@charset "UTF-8";

/**************************************************  */

html,body,section{
	min-width: 320px;
}

section{
	clear: both;
}

h1,h2,h3,h4,h5,h6{
	font-weight: normal;
}
.red{
	color: #ea3131;
}
.one{
	font-weight: bold;
	color: #ea3131;
}
.onean{
	font-weight: bold;
	color: #ea3131;
	text-decoration: underline black;
}
.bt{
	font-weight: bold;
}
.batsu{
	color: #999;
}
.midori{
	color: #008000;
}
.uline{
	background: linear-gradient(transparent 50%, #e8f700 50%);
}
.size-ss{
	font-size: 60%;
}
.size-s{
	font-size: 80%;
}
.size-sl{
	font-size: 90%;
}
.size-m{
	font-size: 140%;
}
.size-mb{
	font-size: 140%;
	font-weight: bold;
	line-height: 2rem;
}
.size-ml{
	font-size: 160%;
	font-weight: bold;
	line-height: 2rem;
}
.size-mbm{
	font-size: 260%;
	font-weight: bold;
	line-height: 3.2rem;
}
.size-mlm{
	font-size: 260%;
	font-weight: bold;
	line-height: 3.2rem;
}
.size-mi{
	font-size: 140%;
	line-height: 140%;
}
.size-ssl{
	font-size: 60%;
	line-height: 1rem;
}
.right_d{
	text-align: right;
}
.center_d{
	text-align: right;
}
.button-sp{
	margin: 10px 0 10px 0;
	text-align: center;
}
.icon_o{
	display: none;
}

a:hover{
	text-decoration:none;
}

	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.size-mbm{
			font-size: 160%;
			font-weight: bold;
			line-height: 2.2rem;
			position: absolute;
			left: 50%;
			top: 10%;
			transform: translate(-50%,-50%);
			width:100%; 
			background:rgba(0,0,0,0.30);  /*背景色(RGB)と不透過率*/
			color:white;
			text-align: left;
			padding: 6px;
		}
		.size-mlm{
			font-size: 180%;
			font-weight: bold;
			line-height: 2.2rem;
			position: absolute;
			left: 50%;
			top: 10%;
			transform: translate(-50%,-50%);
			width:100%; 
			background:rgba(0,0,0,0.30);  /*背景色(RGB)と不透過率*/
			color:white;
			text-align: left;
			padding: 6px;
		}
	}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: rgba(0,0,0,0.8);
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 2;
}



/* ボタンを光らせる */
.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
 
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
}
 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* コンビニアイコン */
.conveni .seveneleven{ background: url(../img/icon_seveneleven.png) center center no-repeat;  }
.conveni .lawson{ background: url(../img/icon_lawson.png) center center no-repeat; }
.conveni .familymart{ background: url(../img/icon_familymart.png) center center no-repeat; }
.conveni .ministop{ background: url(../img/icon_ministop.png) center center no-repeat; }
.conveni .sunkus{ background: url(../img/icon_sunkus.png) center center no-repeat; }
.conveni .enet{ background: url(../img/icon_enet.png) center center no-repeat; }
.conveni{
	background-size: 30px auto;
}
.conveni span{
	display: none;
}
.conveni .icon{
	width: 18px;
	height: 18px;
	background-size: 80%;
	display: inline-block;
	vertical-align: middle;
}
.conveni .icon_enet{
	width: 41px;
	height: 18px;
	background-size: 80%;
	display: inline-block;
	vertical-align: middle;
}

.only-pc{ display: block; }
.only-sp{ display: none; }
@media screen and (max-width:767px){
	.only-pc{ display: none; }
	.only-sp{ display: block; }
}

.only-pcs{ display: block; }
.only-sps{ display: none; }
@media screen and (max-width:460px){
	.only-pcs{ display: none; }
	.only-sps{ display: block; }
}

/************************************************** ヘッダー */

#header{
	margin: 3px auto;
	max-width: 1000px;
}
#header p{
	color: #999;
	font-size: 1.1rem;
}
#header .set{
	margin: 5px 0 8px 0;
}
#header .set .left{
	float: left;
	display: table;
}
#header .set .left h1 a,
#navi-sp h1 a{
	padding-left: 65px;
	height: 30px;
	background: url(../img/title_logo.png) left no-repeat;
	background-size: auto 30px;
	color: #000;
	font-size: 2.3rem;
	text-decoration: none;
	vertical-align: middle;
	display: table-cell;
}
#header .set .left h1 a br,
#navi-sp h1 a br{
	display: none;
}

#header .set .right{
	float: right;
}

#header .set .right .button:hover,
#navi-sp .button:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
#header .set .right .button a,
#navi-sp .button a{
	width: 236px;
	height: 45px;
	background: url(../img/button_red_m.png) center no-repeat;
	background-size: auto 45px;
	box-shadow: 0px 0px 5px #aaa;
	text-decoration: none;
	display: table;
}
#header .set .right .button a span,
#navi-sp .button a span{
	color: #fff;
	font-size: 1.5rem;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	#header{
		padding: 0 10px;
	}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	#header p{
		width: 330px;
	}
	#header .set {
		margin: 0;
	}
	#header .set .left h1 a{
		font-size: 1.7rem;
		line-height: 2rem;
		text-align: center;
	}
	#header .set .left h1 a,
	#navi-sp h1 a{
		line-height: 2.3rem;
	}
	#header .set .right{
		display: none;
	}
}

/* レスポンシブ iPhone6plus未満 */
@media screen and (max-width:413px){
	#header p{
		width: 240px;
	}
	#header .set .left h1 a br,
	#navi-sp h1 a br{
		display: block;
	}
}

/************************************************** ナビゲーション */

#navi-wrap{
	width: 100%;
	height: 58px;
	background: url(../img/navi_bg.png) repeat-x;
}
#navi{
	margin: 0 auto;
	max-width: 1000px;
}
.navi ul{
	list-style: none;
}
.navi ul li{
	width: 234px;
	height: 58px;
	display: inline-block;
	vertical-align: top;
}
.navi ul li:hover{
	background: #f9f9f9;
	border-bottom: 4px #66ad00 solid;
}
.navi ul li.on{
	border-bottom: 4px #66ad00 solid; 
}
.navi ul li.home{
	width: 60px;
	min-width: 60px;
}
.navi ul li.home a{
	background: url(../img/navi_home.png) center no-repeat;
	background-size: auto 25px;
}
.navi ul li.home span{
	display: none;
}
.navi ul li a{
	text-align: center;
	margin-top: 17px;
	height: 28px;
	border-left: 1px #e2eaf0 solid;
	font-size: 1.5rem;
	color: #000;
	text-decoration: none;
	vertical-align: middle;
	display: block;
}
.navi ul li:last-child a{
	border-right: 1px #e2eaf0 solid;
}

.navi ul li a span{
	color: #3588e5;
	font-size: 1.0rem;
	display: block;
}

/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	.navi ul li{
		width: 23%;
		min-width: 177px;
	}
	.navi ul li a{
		font-size: 120%;
	}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	#navi-wrap,
	#navi{
		display: none;
	}
		.navi ul li.only-sp{
			display: block;
		}
}

/************************************************** ナビゲーション（スマホ用） */

#navi-sp{
	width: 100%;
	height: 100%;
	overflow: auto;
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	display: none;
}
#navi-sp h1{
	padding: 10px;
}
#navi-sp ul{
	width: 100%;
	border-bottom: 1px #ccc solid;
}
#navi-sp ul li{
	border-top: 1px #ccc solid;
	width: 100%;
	background: url(../img/navi_bg.png) top repeat !important;
}
#navi-sp ul li:hover{
	background: #f9f9f9;
	border-bottom: 4px #66ad00 solid;
}
#navi-sp ul li a{
	border-left: none;
}
#navi-sp .button a{
	margin: 20px auto 0 auto;
	border: 1px #ff0000 solid;
	text-align: center;
	clear: both;
}

/************************************************** メイン画像 */

#main-i-wrap{
	margin: 0;
	padding: 0;
	width: 100%;
}

#main-i{
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#main-i img{
	margin: 0;
	padding: 0;
	border: none;
	max-width: 100%;
	vertical-align: middle;
}

/************************************************** メイン */

#main-wrap{
	width: 100%;
	background: #8dc2e2;
}
#main{
	margin: 0 auto;
	height: 530px;
	max-height: 530px;
	max-width: 1400px;
	background: url(../img/top_bg_main.png) center bottom no-repeat;
	background-size: auto 195%;
}
	/* 背景画像サイズ調整 */
	@media screen and (max-width:999px){
		#main{
			height: 390px;
			background: url(../img/top_bg_main.png) 10% bottom no-repeat;
			background-size: 110% auto;
		}
	}
	/* ipad P 未満 */
	@media screen and (max-width:767px){
		#main{
			height: 125px;
			width: 400px;
			background: url(../img/top_bg_main.png) right bottom no-repeat;
			background-size: 330px auto;
		}
	}
	/* 400 未満 */
	@media screen and (max-width:399px){
		#main{
			height: 125px;
			width: 320px;
			background: url(../img/top_bg_main.png) -140% bottom no-repeat;
			background-size: 330px auto;
		}
	}

#main-in{
	margin: 0 auto;
	max-width: 1000px;
}

#main .mes{
	padding: 60px 0 0 0;
	max-width:672px;
	text-align: center;
}
#main .mes1{
	padding: 24px 0 0 0;
	width: 672px;
	height: 81px;
	background: url(../img/top_bg_mes1.png) no-repeat;
	background-size: contain;
	color: #fff;
	font-size: 2.2rem;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
}
#main .mes1 span{
	font-size: 3rem;
}

#main .mes2{
	margin: 20px auto 0 auto;
	padding: 4px 0 0 0;
	width: 371px;
	height: 32px;
	background: url(../img/top_bg_mes2.png) no-repeat;
	background-size: contain;
	font-size: 2.0rem;
	text-align: center;
}
#main .mes2 span{
	font-size: 2.6rem;
	font-weight: bold;
}

#main .mes3{
	margin: 20px auto 0 auto;
	line-height: 4rem;
	font-size: 2.8rem;
	text-align: center;
}

#main .mes4 .box{
	margin: 20px 2px 0 2px;
	width: 215px;
	height: 142px;
	background: url(../img/top_bg_mes4.png) no-repeat;
	color: #207bb8;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	text-align: center;
	display: inline-block;
}
#main .mes4 .box .a{
	padding: 9px 0 0 0;
	height: 30px;
	font-size: 1.4rem;
}
#main .mes4 .box .b{
	padding: 33px 0 0 0;
	height: 75px;
	font-size: 2.8rem;
}
#main .mes4 .box .c{
	padding: 10px 0 0 0;
	font-size: 1.8rem;
}
	#main .mes4 .box .b span{
		font-size: 5rem;
	}
	#main .mes4 .box .b span.b1{
		font-size: 6.6rem;
	}


/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	#main .mes{
		padding: 30px 0 0 10px;
		max-width: 540px;
		text-align: center;
	}
	/* 1 */
	#main .mes1{
		padding: 17px 0 0 0;
		width: 530px;
		height: 64px;
		font-size: 2.2rem;
	}
	#main .mes1 span{
		font-size: 3rem;
	}
	/* 2 */
	#main .mes2{
		margin: 20px auto 0 auto;
		padding: 4px 0 0 0;
		width: 371px;
		height: 32px;
		background: url(../img/top_bg_mes2.png) no-repeat;
		font-size: 2.0rem;
		text-align: center;
	}
	#main .mes2 span{
		font-size: 2.6rem;
		font-weight: bold;
	}
	/* 3 */
	#main .mes3{
		margin: 15px auto 0 auto;
		line-height: 3rem;
		font-size: 2.4rem;
		text-align: center;
	}
	/* 4 */
	#main .mes4 .box{
		margin: 30px 2px 0 2px;
		width: 150px;
		height: 99px;
		background: url(../img/top_bg_mes4.png) no-repeat;
		background-size: contain;
	}
	#main .mes4 .box .a{
		padding: 4px 0 0 0;
		height: 20px;
		font-size: 1.2rem;
	}
	#main .mes4 .box .b{
		padding: 20px 0 0 0;
		height: 47px;
		font-size: 2.0rem;
	}
	#main .mes4 .box .c{
		padding: 10px 0 0 0;
		font-size: 1.3rem;
	}
		#main .mes4 .box .b span{
			font-size: 3.5rem;
		}
		#main .mes4 .box .b span.b1{
			font-size: 4.2rem;
		}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	#main .mes{
		padding: 40px 0 0 5px;
		max-width: 200px;
		text-align: center;
	}
	/* 1 */
	#main .mes1{
		margin: 0 auto;
		padding: 5px 0 0 0;
		width: 200px;
		height: 36px;
		font-size: 1.5rem;
	}
	#main .mes1 span{
		font-size: 1.5rem;
	}
	/* 2 */
	#main .mes2{
		margin: 15px auto 0 auto;
		padding: 0 0 0 0;
		width: 200px;
		height: 23px;
		background: url(../img/top_bg_mes2.png) no-repeat;
		background-size: contain;
		font-size: 0.4rem;
		text-align: center;
	}
	#main .mes2 span{
		font-size: 1.7rem;
		font-weight: bold;
	}
	/* 3 */
	#main .mes3{
		margin: 10px auto 0 auto;
		line-height: 2rem;
		font-size: 1.6rem;
		text-align: center;
	}
	/* 4 */
	#main .mes4{
		display: none;
	}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	#main .mes{
		padding: 10px 0 0 5px;
		max-width: 70%;
		text-align: center;
	}
	/* 1 */
	#main .mes1{
		padding: 2px 0 0 0;
		width: 230px;
		height: 36px;
		font-size: 1.2rem;
	}
	#main .mes1 span{
		font-size: 1.5rem;
	}
	/* 2 */
	#main .mes2{
		margin: 5px auto 0 auto;
		padding: 0 0 0 0;
		width: 230px;
		height: 23px;
		background: url(../img/top_bg_mes2.png) no-repeat;
		background-size: contain;
		font-size: 1rem;
		text-align: center;
	}
	#main .mes2 span{
		font-size: 1.6rem;
		font-weight: bold;
	}
	/* 3 */
	#main .mes3{
		margin: 5px auto 0 auto;
		line-height: 2rem;
		font-size: 1.2rem;
		text-align: center;
	}
}


/************************************************** タイマー */


		/***** トップ以外に設置時は「70px」などに設定 *****/
		.timer-wrap{
			margin-top: 0px;
		}


.timer-wrap{
	width: 100%;
	background: #fff2e6;
}
.timer{
	margin: 0 auto;
	padding: 20px 0 20px 0;
	max-width: 1000px;
	color: #000;
	font-size: 2.2rem;
	text-align: center;
	display: table;
}

.timer .text{
	padding: 17px 5px 0 0;
	display: table-cell;
	vertical-align: top;
}
.timer .text2{
	padding: 17px 5px 0 0;
	display: table-cell;
	vertical-align: top;
	display: none;
}
.timer .text br{
	display: none;
}
.timer .count{
	display: table-cell;
	vertical-align: middle;
}

.timer .count .a1{
	color: #FF0;
	padding-top: 19px;
	width: 57px;
	height: 51px;
	background: url(../img/timer_bg_count.png) no-repeat;
	background-size: contain;
	font-size: 3.2rem;
}
.timer .count .b1{
	font-size: 1.1rem;
}

/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	.timer .text{
		padding: 0 5px 0 0;
		line-height: 2.4rem;
	}
	.timer .text br{
		display: block;
	}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	.timer{
		margin: 0 auto;
		padding: 5px 0 5px 0;
		max-width: 340px;
		text-align: center;
		display: block;
	}
	.timer .text{
		font-size: 1.6rem;
		margin: 15px 0 0 0;
		padding: 0 8px;
		line-height: 2rem;
		float: left;
	}
	.timer .count{
		font-size: 1.6rem;
		margin: 0;
		padding: 0 8px 0 0;
		float: right;
	}
	.timer .text,
	.timer .count{
		text-align: center;
	}
	.timer .count table{
		margin: 0px auto 0 auto;
	}
	.timer .count .a1{
		padding-top: 2px;
	/*	width: 57px; */
	/*	height: 51px; */
		width: 35px;
		height: 31px;
		background: url(../img/timer_bg_count.png) no-repeat;
		background-size: contain;
		font-size: 1.7rem;
	}
}




/************************************************** 検索 */

.search-form{
	margin: 0 auto;
	padding: 10px;
	width: 100%;
	max-width: 1000px;
	background: #fff9e9;
	border-top: 3px #a8c80b solid;
	color: #533918;
}
.search-form *{
	color: #533918;
}

/* 検索フォーム１段目 */
.search-form-1{
	padding: 0 5px;
}
	/* 条件を指定して検索 */
	.search-form-1 .a{
		padding: 18px 0 0 60px;
		width: 100%;
		height: 45px;
		background: url(../img/icon_loupe.png) 5px 0 no-repeat;
		font-size: 2.5rem;
		font-weight: bold;
		display: inline-block;
	}
	/* 条件を指定して検索 */
	.search-form-4 .aa{
		padding: 18px 0 0 60px;
		margin-top: 10px;
		width: 100%;
		height: 45px;
		background: url(../img/icon_cardentry.png) 10px 0 no-repeat;
		font-size: 2.5rem;
		font-weight: bold;
		display: inline-block;
	}
	/* キャッチコピー */
	.search-form-1 .b{
		padding: 0 0 0 8px;
		width: 290px;
		border-left: 7px #fe7f00 solid;
		color: #533918;
		font-size: 1.3rem;
		font-weight: bold;
		line-height: 1.3em;
		display: inline-block;
	}
	/* 情報件数 */
	.search-form-1 .c{
		padding: 15px 60px 10px 30px;
		width: 290px;
		font-size: 2.5rem;
		font-weight: bold;
		background: #fff;
		border-top: 2px #ccc solid;
		border-left: 2px #ccc solid;
		border-radius: 4px; 
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		display: inline-block;
		vertical-align: top;
		float: right;
		right: 0;
	}
	.search-form-1 .c span{
		color: #ff8201;
	}
	@media screen and (max-width:999px){
		.search-form-1 .a{
			margin: 0 auto;
			display: block;
		}
		.search-form-1 .b{
			margin-top: 5px;
			padding: 0;
			border-left: none;
		}
		.search-form-1 .c{
			width: auto;
		}
	}
	@media screen and (max-width:767px){
		.search-form-1{
			padding: 0;
		}
		.search-form-1 .c{
			padding: 10px;
			font-size: 1.4rem;
		}
		.search-form-1 .b{
			width: auto;
			font-size: 1.2rem;
		}
	}
	@media screen and (max-width:413px){
		.search-form-1 .a{
			margin: 0 auto;
			padding: 12px 0 0 60px;
			width: 100%;
			height: 40px;
			background: url(../img/icon_loupe.png) 10px 0 no-repeat;
			background-size: 40px 40px;
			font-size: 2rem;
			display: block;
		}
		.search-form-4 .aa{
			margin: 10px auto 0 auto;
			padding: 6px 0 0 60px;
			width: 100%;
			height: 40px;
			background: url(../img/icon_cardentry.png) 10px 0 no-repeat;
			background-size: 40px 40px;
			font-size: 1.6rem;
			display: block;
		}
		.search-form-1 .b{
			font-size: 1.1rem;
		}
		.search-form-1 .c{
			padding: 7px 5px;
			font-size: 1.3rem;
		}
	}
	@media screen and (max-width:374px){
		.search-form-1 .b{
			font-size: 1.0rem;
		}
		.search-form-1 .c{
			font-size: 1.1rem;
		}
	}
	
/* 検索フォーム２段目 */
.search-form-2{
	margin-top: 10px;
	clear: both;
}
	.search-form-2 li{
		padding: 5px;
		width: 33.333%;
		display: inline-block;
	}
	.search-form-2 li div{
		padding: 18px 0 0 10px;
		height: 55px;
		background: #fff;
		display: block;
		border: 2px #ccc solid;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 2rem;
	}
	.search-form-2 li div label{
		display: block;
	}
	/* 背景のアイコン */
	.search-form-2 li div#sf7-1{ background: #fff url(../img/pc_icon_01.png) right no-repeat; }
	.search-form-2 li div#sf7-2{ background: #fff url(../img/pc_icon_02.png) right no-repeat; }
	.search-form-2 li div#sf7-3{ background: #fff url(../img/pc_icon_03.png) right no-repeat; }
	.search-form-2 li div#sf7-4{ background: #fff url(../img/pc_icon_04.png) right no-repeat; }
	.search-form-2 li div#sf7-5{ background: #fff url(../img/pc_icon_05.png) right no-repeat; }
	.search-form-2 li div#sf7-6{ background: #fff url(../img/pc_icon_06.png) right no-repeat; }
	
	.search-form-2 li div#sf7-1,
	.search-form-2 li div#sf7-2,
	.search-form-2 li div#sf7-3,
	.search-form-2 li div#sf7-4,
	.search-form-2 li div#sf7-5,
	.search-form-2 li div#sf7-6{
		background-size: 41px 41px;
	}
	.search-form-2 li div#sf7-2 span{
		letter-spacing: -0.1em;
	}
	
	@media screen and (max-width:899px){
	}
	@media screen and (max-width:767px){
		.search-form-2 li{
			width: 50%;
		}
		.search-form-2 li{
			padding: 0px;
			border: 2px #ccc solid;
			display: inline-block;
		}
			.search-form-2 li:nth-child(1),
			.search-form-2 li:nth-child(3),
			.search-form-2 li:nth-child(5){
				border-right: none;
			}
			.search-form-2 li:nth-child(3),
			.search-form-2 li:nth-child(4),
			.search-form-2 li:nth-child(5),
			.search-form-2 li:nth-child(6){
				border-top: none;
			}
		.search-form-2 li div{
			padding: 16px 0 0 5px;
			height: 45px;
			background: #fff;
			display: block;
			border: none;
			font-size: 1.3rem;
		}
		.search-form-2 li div#sf7-1,
		.search-form-2 li div#sf7-2,
		.search-form-2 li div#sf7-3,
		.search-form-2 li div#sf7-4,
		.search-form-2 li div#sf7-5,
		.search-form-2 li div#sf7-6{
			background-size: 41px 41px;
		}
	}
	@media screen and (max-width:374px){
		.search-form-2 li div#sf7-2 span span{
			display: none;
		}
	}
	
/* 検索フォーム３段目 */
.search-form-2_1{
	margin-top: 10px;
	clear: both;
}
	.search-form-2_1 li{
		padding: 5px;
		width: 33.333%;
		display: inline-block;
	}
	.search-form-2_1 li div{
		padding: 18px 0 0 10px;
		height: 55px;
		background: #fff;
		display: block;
		border: 2px #ccc solid;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 2rem;
	}
	.search-form-2_1 li div label{
		display: block;
	}
	/* 背景のアイコン */
	.search-form-2_1 li div#sf17-1{ background: #fff url(../img/pc_icon_logo_01.png) right 4px center no-repeat; }
	.search-form-2_1 li div#sf17-2{ background: #fff url(../img/pc_icon_logo_02.png) right 4px center no-repeat; }
	.search-form-2_1 li div#sf17-3{ background: #fff url(../img/pc_icon_logo_03.png) right 4px center no-repeat; }
	.search-form-2_1 li div#sf17-4{ background: #fff url(../img/pc_icon_logo_04.png) right 4px center no-repeat; }
	.search-form-2_1 li div#sf17-5{ background: #fff url(../img/pc_icon_logo_05.png) right 4px center no-repeat; }
	.search-form-2_1 li div#sf17-6{ background: #fff url(../img/pc_icon_logo_06.png) right 4px center no-repeat; }
	
	.search-form-2_1 li div#sf17-1,
	.search-form-2_1 li div#sf17-2,
	.search-form-2_1 li div#sf17-3,
	.search-form-2_1 li div#sf17-4,
	.search-form-2_1 li div#sf17-5,
	.search-form-2_1 li div#sf17-6{
		background-size: 41px 41px;
	}
	.search-form-2_1 li div#sf17-2 span{
		letter-spacing: -0.1em;
	}
	
	@media screen and (max-width:899px){
	}
	@media screen and (max-width:767px){
		.search-form-2_1 li{
			width: 50%;
		}
		.search-form-2_1 li{
			padding: 0px;
			border: 2px #ccc solid;
			display: inline-block;
		}
			.search-form-2_1 li:nth-child(1),
			.search-form-2_1 li:nth-child(3),
			.search-form-2_1 li:nth-child(5){
				border-right: none;
			}
			.search-form-2_1 li:nth-child(3),
			.search-form-2_1 li:nth-child(4),
			.search-form-2_1 li:nth-child(5),
			.search-form-2_1 li:nth-child(6){
				border-top: none;
			}
		.search-form-2_1 li div{
			padding: 16px 0 0 5px;
			height: 45px;
			background: #fff;
			display: block;
			border: none;
			font-size: 1.3rem;
		}
		.search-form-2_1 li div#sf17-1,
		.search-form-2_1 li div#sf17-2,
		.search-form-2_1 li div#sf17-3,
		.search-form-2_1 li div#sf17-4,
		.search-form-2_1 li div#sf17-5,
		.search-form-2_1 li div#sf17-6{
			background-size: 41px 41px;
		}
	}
	@media screen and (max-width:374px){
		.search-form-2_1 li div#sf17-2 span span{
			display: none;
		}
	}

/* 追加条件 */
#conditions-sw{
	margin: 10px auto;
	padding: 15px;
	width: 96%;
	background: #fee682;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 1.4rem;
	text-align: center;
	cursor: pointer;
	display: none;
	clear: both;
}
	#conditions-sw span{
		margin-right: 5px;
		padding: 1px 4px;
		background: #fff;
		border: 1px #ccc solid;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
	
	#sf3456{
		display: block;
	}
	@media screen and (max-width:767px){
		#conditions-sw{
			display: block;
		}
		#sf3456{
			display: none;
		}
	}



/* 検索フォーム３段目 */
/* 審査時間・借入までの時間・借入限度額 */
.search-form-3{
	clear: both;
}
	.search-form-3 li{
		padding: 5px;
		width: 33.333%;
		display: inline-block;
	}
	.search-form-3 li div.tc{
		padding: 0;
		background: #fff;
		display: block;
		border: 4px #ccc solid;
		border-radius: 3px; 
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		font-size: 1.3rem;
	}
	.search-form-3 li div.t,
	.search-form-3 li div.c{
		margin: 0;
		height: 51px;
		display: inline-block;
		vertical-align: top;
	}
	.search-form-3 li div.t{
		padding: 18px 0 0 0;
		width: 35%;
		background: #f2f2f2;
		text-align: center;
	}
		.search-form-3 li:nth-of-type(2) div.t{
			padding: 10px 0 0 0;
		}
	.search-form-3 li div.c{
		width: 65%;
	}
	.search-form-3 li div.c select{
		margin: 0;
		padding: 0 0 0 10px;
		width: 100%;
		height: 100%;
		border: none;
		font-size: 16px;
		background: url(../img/pull_down_botton.png) right no-repeat;
		background-size: 51px 51px;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.search-form-3 li div.c select::-ms-expand {
		display: none;
	}

	@media screen and (max-width:767px){
		.search-form-3 li{
			width: 100%;
		}
	}
	@media screen and (max-width:599px){
		.search-form-3 li{
			margin-top: 10px;
			padding: 0;
			width: 100%;
			display: block;
		}
	}

/*
	検索フォーム３段目
	sf4 : 借入方法
	sf5 : 返済方法
	sf6 : 使えるコンビニ
*/
#sf456w{
	padding: 5px 5px 0 5px;
	font-size: 1.2rem;
	display: block;
}
	#sf456{
		padding: 0;
		border: 2px #ccc solid;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
	}
		#sf456 .search-form-4,
		#sf456 .search-form-5,
		#sf456 .search-form-6{
			padding: 0;
			border-bottom: 2px #ccc solid;
			background: #fff;
		}
		#sf456 .search-form-6{
			border-bottom: none;
		}
	#sf456 .t{
		padding: 5px 10px;
		background: #f2f2f2;
		text-align: justify;
		display: inline-block;
	}
	#sf456 .c{
		padding: 5px 5px;
		display: inline-block;
	}
	#sf456 li{
		display: inline-block;
	}

	@media screen and (max-width:767px){
		#sf456w{
			padding: 0;
		}
		#sf456 .t{
			display: none;
		}
		#sf456 .c{
			padding: 0;
		}

		#sf456{
			border: none;
		}

		#sf456 .search-form-4,
		#sf456 .search-form-5,
		#sf456 .search-form-6{
			margin-top: 20px;
			padding: 15px 3px 5px 3px;
			width: 100%;
			border: 2px #ccc solid;
			position: relative;
		}
		#sf456 .search-form-4::before,
		#sf456 .search-form-5::before,
		#sf456 .search-form-6::before{
			margin-left: -75px;
			padding: 4px 0 3px 0;
			width: 150px;
			background: #ff8330;
			border-radius: 99px;
			-webkit-border-radius: 99px;
			-moz-border-radius: 99px;
			color: #fff;
			font-size: 1.3rem;
			text-align: center;
			position: absolute;
			top: -13px;
			left: 50%;
		}
		#sf456 .search-form-4::before{
			content: "借入方法";
		}
		#sf456 .search-form-5::before{
			content: "返済方法";
		}
		#sf456 .search-form-6::before{
			content: "使えるコンビニ";
		}
		#sf456 .c{
			width: 100%;
		}
		#sf456 .search-form-4 li,
		#sf456 .search-form-5 li,
		#sf456 .search-form-6 li{
			width: 33.333%;
			line-height: 2em;
			display: inline-block;
		}
		#sf456 .search-form-6 li{
			width: 50%;
		}
		/* 「ファミリーマート」だけ文字間隔を詰める */
		#icon-f{
			letter-spacing: -0.1em;
		}
	}
	@media screen and (max-width:413px){
		#sf456 .search-form-4 li,
		#sf456 .search-form-5 li,
		#sf456 .search-form-6 li{
			width: 50%;
		}
	}



/* 「この条件で検索する」ボタン */
#search-on{
	margin: 20px auto 0 auto;
	width: 400px;
	max-width: 100%;
	max-height: 75px;
	height: 18.75vw;
	background: url(../img/button.png) no-repeat;
	background-size: contain;
}
	#search-on span{
		display: none;
	}
	/* オンマウス時 */
	#search-on:hover{
		opacity: 0.8;
		filter: alpha(opacity=80);
		-ms-filter: "alpha(opacity=80)";
		-moz-opacity: 0.8;
		-khtml-opacity: 0.8;
	}


/* SP */

/* 検索フォーム４、５、６段目共通
#sf4,
#sf5,
#sf6{
	margin-top: 20px;
	padding: 15px 10px 10px 10px;
	width: 100%;
	border: 2px #ccc solid;
	position: relative;
}
#sf4 li,
#sf5 li,
#sf6 li{
	width: 50%;
	line-height: 1.7em;
	display: inline-block;
} */

/* 検索フォーム４段目
.search-form-4{
	padding: 0 5px;
} */

/*	SP
	#sf4::before {
		padding: 3px;
		width: 150px;
		background: #ff8330;
		border-radius: 99px;
		-webkit-border-radius: 99px;
		-moz-border-radius: 99px;
		color: #fff;
		text-align: center;
		content: "借入方法";
		position: absolute;
		top: -15px;
		left: 75px;
	}
*/



/* 検索結果表示部分 */
#search{
	display: none;
}

/* 検索時該当なしメッセージ */
#search-message{
	margin: 15px auto;
	color: #cc0000;
	line-height: 2.8rem;
	font-size: 2rem;
	text-align: center;
	display: none;
}

/* 並び替え */
.search-form-sort li{
	font-size: 1.4rem;
}
.search-form-sort li{
	position: relative;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
}
.search-form-sort li input{
	position: absolute;
	top: 0;
	opacity: 0;
	width: 100%;  
	height: 100%;
}
.search-form-sort li input[type="radio"] + label{
	background-image: url(../img/form_radio_off.png);
}
.search-form-sort li input[type="radio"]:checked + label{
	background-image: url(../img/form_radio_on.png);
}
.search-form-sort li input[type="radio"] + label{
	display: block;
	background-size: 18px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px 0 0 23px;
}






/* タイトル
.search-title-wrap{
	width: 100%;
	background: #003a9f;
}
.search-title-wrap .title{
	margin: 0 auto;
	padding: 20px;
	max-width: 1000px;
	background: #f3f7fa;
	border-top: 4px #a7c210 solid;
	border-bottom: 1px #e2eaf0 solid;
}

.search-title-wrap .title .a{
	padding: 15px 0 10px 45px;
	max-width: 460px;
	background: url(../img/icon_megane.png) no-repeat;
	background-size: auto 40px;
	font-size: 2.5rem;
	float: left;
}
.search-title-wrap .title .b{
	padding: 5px 0 0 40px;
	max-width: 260px;
	color: #666;
	font-size: 1.1rem;
	float: left;
}
.search-title-wrap .title .c{
	padding: 10px 10px;
	max-width: 260px;
	background: #dae5ed;
	font-size: 1.3rem;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: right;
}
.search-title-wrap .title .c span{
	padding: 0 3px;
	font-size: 2rem;
	color: #e55454;
	display: inline-block;
} */

/* フォーム
.search-form-wrap{
	padding-bottom: 6px;
	width: 100%;
	background: #008dd6;
}
.search-form-wrap .form{
	margin: 0 auto;
	padding: 20px;
	max-width: 1000px;
	background: #fff;
}
.search-form-wrap .form table{
	width: 100%;
}
.search-form-wrap .form table th,
.search-form-wrap .form table td{
	padding: 6px 10px;
	border-bottom: 1px #e2eaf0 solid;
}
.search-form-wrap .form table th{
	width: 125px;
	white-space: nowrap;
	font-size: 1.5rem;
}
.search-form-wrap .form table td,
.search-form-sort li{
	font-size: 1.4rem;
}
.search-form-wrap .form table th div{
	padding: 2px 0 0 8px;
	border-left: 7px #ff9900 solid;
}

.search-form-wrap .form table td li,
.search-form-sort li{
	position: relative;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0;
}
.search-form-wrap .form table td li br{
	display: none;
}
.search-form-wrap .form table td li input,
.search-form-sort li input{
	position: absolute;
	top: 0;
	opacity: 0;
	width: 100%;  
	height: 100%;
}
.search-form-wrap .form table td li input[type="checkbox"] + label{
	background-image: url(../img/form_checkbox_off.png);
}
.search-form-wrap .form table td input[type="checkbox"]:checked + label{
	background-image: url(../img/form_checkbox_on.png);
}
.search-form-wrap .form table td li input[type="radio"] + label,
.search-form-sort li input[type="radio"] + label{
	background-image: url(../img/form_radio_off.png);
}
.search-form-wrap .form table td input[type="radio"]:checked + label,
.search-form-sort li input[type="radio"]:checked + label{
	background-image: url(../img/form_radio_on.png);
}

.search-form-wrap .form table td li input[type="checkbox"] + label,
.search-form-wrap .form table td li input[type="radio"] + label,
.search-form-sort li input[type="radio"] + label{
	display: block;
	background-size: 18px;
	background-position: left center;
	background-repeat: no-repeat;
	padding: 4px 0 0 23px;
}

.search-form-wrap .form table td .conveni .icon{
	width: 26px;
	height: 26px;
}
	@media screen and (max-width:767px){
		.search-form-wrap .form table td .conveni .icon{
			width: 19px;
			height: 19px;
		}
	}

#search-form2{
	overflow: hidden;
}
 */

/* 絞り込みソート */
.search-form-sort{
	margin: 20px auto 0 auto;
	padding: 10px 10px;
	max-width: 630px;
	border: 3px #dae5ed solid;
	background: #dae5ed;
	border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.search-form-sort form div,
.search-form-sort form ul{
	display: inline-block;
	font-size: 1.4rem;
}
.search-form-sort form .sort-sw{
	padding-right: 10px;
}
		/* レスポンシブ iPad未満 */
		/*  */
		@media screen and (max-width:767px){
			/* 「並び替え」 */
			.search-form-sort{
				padding-right: 0;
				width: 150px;
				text-align: center;
				display: block;
				cursor: pointer;
			}
			/* ソート選択項目一覧 */
			.search-form-sort .sort-select{
				width: 100%;
				height: 100%;
				background: rgba(0,0,0,0.8);
				position: fixed;
				top: 0;
				left: 0;
				z-index: 2000;
				display: none;
			}
			.search-form-sort .sort-select ul{
				width: 200px;
				height: 280px;
				display: block;
				position:absolute;
				top: 50%;
				left: 50%;
				margin-top: -140px;
				margin-left: -100px;
			}
			.search-form-sort .sort-select ul li{
				padding: 15px 20px;
				border-bottom: 1px #aaa solid;
				color: #fff;
				text-align: left;
				display: block;
			}
			.search-form-sort .sort-select ul li:first-child{
				border-top: 1px #aaa solid;
			}
		}

/* 「しぼり込み条件を追加する」ボタン */
.search-form-wrap .form #option-sw{
	background: #fff;
	background-size: 25px auto;
	border: 2px #ccc solid;
	box-shadow: 0px 0px 5px #ddd;  
	-moz-box-shadow: 0px 0px 5px #ddd;  
	-webkit-box-shadow: 0px 0px 5px #ddd;
}
.search-form-wrap .form #option-sw span{
	color: #333;
	font-size: 1.3rem;
}
.search-form-wrap .form #option-sw div{
	padding: 5px;
	text-align: center;
}
.search-form-wrap .form #option-sw-in{
	padding: 0 0 0 25px;
	display: inline-block;
	background: url(../img/plus.png) no-repeat;
	background-size: 15px auto;
}


/* 「この条件で検索する」ボタン */
.search-form-wrap .form #search-on{
	margin: 10px auto 0 auto;
	width: 676px;
	max-width: 100%;
	max-height: 75px;
	height: 11.094vw;
	background: url(../img/button_red_l.png) center no-repeat;
	background-size: contain;
	box-shadow: 0px 0px 5px #aaa;
	cursor: pointer;
}
.search-form-wrap .form .button div{
	width: 100%;
	height: 100%;
	display: table;
}
.search-form-wrap .form .button:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.search-form-wrap .form .button span{
	color: #fff;
	font-size: 3rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

/* ソートセレクト */
.search-form-wrap .form .sort{
	margin: 20px auto;
	text-align: center;
}
.search-form-wrap .form .sort select{
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: top;
	margin: 2px;
	padding: 0.5em 1em;
	text-decoration: none;
	font-size: 1.8rem;
	outline: none;
	border: 1px #b7b7b7 solid;
	border-radius: 2px; 
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}

/* レスポンシブ 1000px未満
@media screen and (max-width:999px){
	.search-form-wrap .form table th{
		vertical-align: middle;
	}
	.search-form-wrap .form table td li{
		width: 33.333%;
		line-height: 3rem;
		margin: 0;
		float: left;
	}
	.search-form-wrap .form table th div{
		text-align: left;
	}
} */
/* レスポンシブ iPad未満
@media screen and (max-width:767px){
	.search-title-wrap .title .a,
	.search-title-wrap .title .b,
	.search-title-wrap .title .c{
		margin: 0 auto;
		text-align: center;
		float: none;
		display: block;
	}
	.search-title-wrap .title .b{
		padding: 5px 0;
	}
	.search-form-wrap .form{
		padding: 10px 5px;
	}
	.search-form-wrap .form table td li{
		width: 50%;
	}
	.search-form-wrap .form .button a{
		font-size: 2rem;
	}
		.search-title-wrap .title {
			padding: 5px 0 0 0;
		}
		.search-title-wrap .title .a{
			font-size: 2rem;
			padding: 10px 0 5px 15px;
			max-width: 340px;
			background-size: auto 30px;
		}
		.search-title-wrap .title .b,
		.search-title-wrap .title .c{
			display: none;
		}
}
	.search-form-wrap .form table th div{
		width: 95px;
		float: left;
	}
	.search-form-wrap .form table th .ocsw{
		width: 20px;
		float: right;
		color: #0000ff;
		line-height: 95%;
		font-size: 85%;
		display: none;
	}
 */
/* レスポンシブ 570未満 */
@media screen and (max-width:569px){
	.search-form-wrap .form table th,
	.search-form-wrap .form table td{
		padding: 5px;
		vertical-align: top;
	}
	.search-form-wrap .form table td.conv{
		padding-top: 2px;
	}
	.search-form-wrap .form table td.conv div.icon{
		margin-top: -2px;
	}
		.search-form-wrap .form table td ul{
			height: 25px;
			overflow: hidden;
		}
	.search-form-wrap .form table th{
		width: 130px;
	}
	.search-form-wrap .form table td{
		padding-left: 20px;
	}
	.search-form-wrap .form table th .ocsw{
		display: block;
	}
	.search-form-wrap .form table td li{
		padding: 3px 0;
		font-size: 1.1rem;
		line-height: 1.4rem;
	}
	.search-form-wrap .form table td li{
		width: 100%;
	}
	.search-form-wrap .form table td li br{
		display: block;
	}
	.search-form-wrap .form .button span{
		font-size: 1.8rem;
	}
}





/************************************************** ランキング（１カラム・３カラム共通） */

/* w 768 ～ 1000px */

/* 全体 */
.ranking{
	margin: 6px auto 0 auto;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	border: 10px #d1e7f2 solid;
}

/* タイトル */
.ranking .title{
	padding: 14px 0;
	background: #008dd6;
	color: #fff;
	font-size: 2rem;
	text-align: center;
}

/* 各列 */
.ranking .boxw .box{
	padding: 15px;
	background: #fff;
	border-bottom: 3px #d1e7f2 solid;
}

/* 社名の下線 */
.ranking .boxw .rank{
	margin: 0 auto;
	height: 70px;
}

/* ランキングメダル・王冠 */
.ranking .boxw .rank .crown-1{ background: url(../img/crown_1.png) left bottom no-repeat; }
.ranking .boxw .rank .crown-2{ background: url(../img/crown_2.png) left bottom no-repeat; }
.ranking .boxw .rank .crown-3{ background: url(../img/crown_3.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-1{ background: url(../img/medal_1.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-2{ background: url(../img/medal_2.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-3{ background: url(../img/medal_3.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-4{ background: url(../img/medal_4.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-5{ background: url(../img/medal_5.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-6{ background: url(../img/medal_6.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-7{ background: url(../img/medal_7.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-8{ background: url(../img/medal_8.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-9{ background: url(../img/medal_9.png) left bottom no-repeat; }
.ranking .boxw .rank .medal-10{ background: url(../img/medal_10.png) left bottom no-repeat; }

.ranking .boxw .rank .medal,
.ranking .boxw .rank .crown{
	margin: 0 auto;
	height: 80px;
	background-size: auto 78px;
}
.ranking .boxw .rank .medal-4,
.ranking .boxw .rank .medal-5,
.ranking .boxw .rank .medal-6,
.ranking .boxw .rank .medal-7,
.ranking .boxw .rank .medal-8,
.ranking .boxw .rank .medal-9,
.ranking .boxw .rank .medal-10{
	height: 70px;
	background-size: auto 55px;
}


/* 社名 */
.ranking .boxw .box .rank .name{
	padding: 30px 0 0 100px;
	font-size: 3rem;
	line-height: 2.5rem;
}
.ranking .boxw .box .rank .name br{
	display: none;
}
		/* 検索結果の場合はメダルを非表示にする（id="search" 付けている場合） */
		/* <div class="medal medal-1"></div> は書いても書かなくても構わない */
		#search .medal{
			background: none;
		}
		#search .name{
			padding: 30px 0 0 10px;
		}
		.ranking .boxw .box .rank .name a{
		text-decoration: none;
		}
		.ranking .boxw .box .rank .name a:hover{
		text-decoration: underline;
		}

/* メイン */
.ranking .boxw .box .main{
	overflow: hidden;
}

/* ロゴ */
.ranking .boxw .box .logo{
	margin-top: 20px;
	width: 30%;
	height: 250px;
	background: #f9f9f9;
	float: right;
	display: table;
}
.ranking .boxw .box .logo a,
.ranking .boxw .box .logo img{
	margin: 0 auto;
	max-width: 100%;
	height: 208px;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	overflow: hidden;
}

/* 文章部分 */
.ranking .boxw .box .text{
	padding-right: 20px;
	width: 70%;
	box-sizing: border-box;
	float: left;
}

/* キャッチコピー */
.ranking .boxw .box .cachecopy{
	margin: 10px auto;
	padding: 10px 0;
	border-bottom: 1px #d1e7f2 solid;
	font-size: 1.7rem;
	line-height: 2.5rem;
}

/* キャッチコピー */
.ranking .boxw .box .cachecopy-sp{
	margin-top: 10px;
	font-size: 1.7rem;
	line-height: 2.5rem;
}

.ranking .boxw .box .cachecopy-sp-1{
	margin-top: 10px;
	font-size: 1.5rem;
	text-align: center;
}

.cachecopy-sp-2{
	margin-top: 20px;
	font-size: 1.2rem;
	text-align: center;
}

.cachecopy-sp-3{
	margin-top: 10px;
	font-size: 1.2rem;
	text-align: center;
}

.cachecopy-sp-4{
	margin-top: 10px;
	font-size: 1.7rem;
	text-align: center;
}

.boxtext{
	margin-top: 10px;
}

.boxtext .text-midashi{
	margin-top: 30px;
	font-size: 2rem;
	font-weight: bold;
}

.boxtext p{
	margin-bottom: 10px;
	font-size: 1.5rem;
	line-height: 2.5rem;
}

.boxtext-hikaku table,th,td {
	vertical-align: middle;
}

/* ポイント */
.ranking .boxw .box .point ul{
	margin: 0 auto;
	padding: 20px 0 0 0;
	font-size: 1.4rem;
}
.ranking .boxw .box .point ul li{
	padding: 0 0 10px 30px;
	background: url(../img/icon_check.png) top left no-repeat;
	background-size: auto 14px;
}
.ranking .boxw .box .point ul li .uline{
	background: linear-gradient(transparent 50%, #e8f700 50%);
}

/* 一覧 */
.ranking .boxw .box .list table{
	margin: 10px auto 5px auto;
	font-size: 1.3rem;
}
.ranking .boxw .box .list table th,
.ranking .boxw .box .list table td{
	padding: 8px;
	width: 20%;
	border: 1px #ccc solid;
	text-align: center;
	white-space: nowrap;
}
.ranking .boxw .box .list table th{
	background: #e8f1f8;
}

/* リンクボタン */
.ranking .boxw .box .button{
	margin: 10px auto 10px auto;
	width: 944px;
	max-width: 100%;
	max-height: 65px;
	height: 6.485vw; /* ボタンの余白がズレるので算出値から少し変更している */
	background: url(../img/button_orange_l.png) center center no-repeat;
	background-size: contain;
	box-shadow: 3px 3px 10px #aaa;    
	clear: both;
}
.ranking .boxw .box .button div{
	width: 100%;
	height: 100%;
	display: table;
}
.ranking .boxw .box .button:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.ranking .boxw .box .button a{
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 2.7rem;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	display: table-cell;
}


/****************************** ランキング（３カラム部分のみ） */

/* 1000px以上の時 「ranking-c3」は３列で表示する */
@media screen and (min-width:1000px){
	/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
	/* 下記の「ランキング（１カラム・３カラム共通）」と共通 */
	/* 「.ranking」と「.ranking-3」が異なるだけ */
	/* 各列 */
	.ranking-c3 .boxw .box{
		padding: 15px;
		width: 33.333%;
		background: #fff;
		float: left;
	}
	.ranking-c3 .boxw .box:nth-child(1),
	.ranking-c3 .boxw .box:nth-child(2){
		border-right: 2px #d1e7f2 solid;
	}
	/* 社名 */
	.ranking-c3 .boxw .box .rank .name{
		padding: 20px 0 0 85px;
		font-size: 2.1rem;
		line-height: 2.5rem;
	}
	.ranking-c3 .boxw .box .rank .name br{
		display: block;
	}
	/* ロゴ */
	.ranking-c3 .boxw .box .logo{
		width: 100%;
		height: 230px;
		float: none;
	}
	/* 文章部分 */
	.ranking-c3 .boxw .box .text{
		float: none;
		margin-right: 0;
		padding-right: 0;
		width: 100%;
		box-sizing: none;
	}
	/* 一覧 */
	.ranking-c3 .boxw .box .list table th,
	.ranking-c3 .boxw .box .list table td{
		border: none;
	}
	/* 一覧 : 背景色 */
	.ranking-c3 .boxw .box .list table tr:nth-child(1) th,
	.ranking-c3 .boxw .box .list table tr:nth-child(3) th,
	.ranking-c3 .boxw .box .list table tr:nth-child(5) th{
		background: #e8f1f8;
	}
	.ranking-c3 .boxw .box .list tr:nth-child(2) th,
	.ranking-c3 .boxw .box .list tr:nth-child(4) th{
		background: #f1f6fa;
	}
	.ranking-c3 .boxw .box .list tr:nth-child(1) td,
	.ranking-c3 .boxw .box .list tr:nth-child(3) td,
	.ranking-c3 .boxw .box .list tr:nth-child(5) td{
		background: #f5fafd;
	}
	/* リンクボタン */
	.ranking-c3 .boxw .box .button{
		width: 296px;
		max-width: 100%;
		max-height: 55px;
		height: 18.581vw;
		background: url(../img/button_orange_m.png) center center no-repeat;
		background-size: contain;
	}
	.ranking-c3 .boxw .box .button a{
		font-size: 1.7rem;
	}
	/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */
}

/****************************** ランキング（１カラム・３カラム共通） */

/* ３カラムの表示と同じになる様にしている */

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */
	/* 上記のランキング（３カラム部分のみ）と共通 */
	/* 「.ranking」と「.ranking-3」が異なるだけ */
	/* 各列
	.ranking .boxw .box{
		padding: 15px;
		width: 33.333%;
		background: #fff;
		float: left;
	}
	.ranking .boxw .box:nth-child(1),
	.ranking .boxw .box:nth-child(2){
		border-right: 2px #d1e7f2 solid;
	}
	 */
	/* 社名
	.ranking .boxw .box .rank .name{
		padding: 20px 0 0 85px;
		font-size: 2.1rem;
		line-height: 2.5rem;
	}
	.ranking .boxw .box .rank .name br{
		display: block;
	}
	 */
	/* ロゴ
	.ranking .boxw .box .logo{
		width: 100%;
		height: 230px;
		float: none;
	}
	 */
	/* 文章部分
	.ranking .boxw .box .text{
		width: 100%;
		float: none;
		margin-right: 0;
		padding-right: 0;
		box-sizing: none;
	}
	 */
	/* 一覧
	.ranking .boxw .box .list table th,
	.ranking .boxw .box .list table td{
		border: none;
	}
	 */
	/* 一覧 : 背景色
	.ranking .boxw .box .list table tr:nth-child(1) th,
	.ranking .boxw .box .list table tr:nth-child(3) th,
	.ranking .boxw .box .list table tr:nth-child(5) th{
		background: #e8f1f8;
	}
	.ranking .boxw .box .list tr:nth-child(2) th,
	.ranking .boxw .box .list tr:nth-child(4) th{
		background: #f1f6fa;
	}
	.ranking .boxw .box .list tr:nth-child(1) td,
	.ranking .boxw .box .list tr:nth-child(3) td,
	.ranking .boxw .box .list tr:nth-child(5) td{
		background: #f5fafd;
	}
	 */
	/* リンクボタン */
	.ranking .boxw .box .button{
		width: 296px;
		max-width: 100%;
		max-height: 55px;
		height: 15.581vw;
		background: url(../img/button_orange_m.png) center center no-repeat;
		background-size: contain;
	}
	.ranking .boxw .box .button a{
		font-size: 1.7rem;
	}
	/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

	/* タイトル */
	.ranking .title{
		font-size: 1.2rem;
	}
	/* 各列 */
	.ranking .boxw .box{
		width: 100%;
	}
	/* ランキングメダル・王冠 */
	.ranking .boxw .rank .medal,
	.ranking .boxw .rank .crown{
		background-size: auto 70px;
	}
	/* 社名 */
	.ranking .boxw .box .rank .name{
		font-size: 1.7rem;
	}
}

/* iPhone6未満 */
@media screen and (max-width:374px){
	/* リンクボタン */
	.ranking .boxw .box .button{
		width: 296px;
		max-width: 100%;
		max-height: 55px;
		height: 16.8vw;
		background: url(../img/button_orange_m.png) center center no-repeat;
		background-size: contain;
	}
}



/************************************************** 比較 */

/* 全体の囲い */
.comparison-wrap{
	margin: 0 auto 0 auto;
	padding: 20px 0;
	width: 100%;
	background: url(../img/comparison_bg.png) repeat;
	border-top: 1px #dae3ea solid;
	border-bottom: 1px #dae3ea solid;
}

/* 全体 */
.comparison{
	margin: 0 auto;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	border: 10px #d1e7f2 solid;
}

/* タイトル */
.comparison .title{
	padding: 14px 0;
	background: #008dd6;
	color: #fff;
	font-size: 2rem;
	text-align: center;
}

/* スマホ時スクロールする様に */
.comparison .boxw{
	padding: 30px 0;
	width: 100%;
	background: #fff;
		/* padding だと右側のスペースが狭幅時消えてしまうのでborderにしている */
		border-left: 20px #fff solid;
		border-right: 20px #fff solid;
	overflow: auto;
}

/* 一覧 */
.comparison .boxw #sortlist{
	width: 100%;
}
.comparison .boxw #sortlist th,
.comparison .boxw #sortlist td{
	padding: 5px;
	width: 14%;
	border: 1px #ccc solid;
	color: #333;
	font-size: 1.5rem;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
}
.comparison .boxw #sortlist th{
	background: #e8f1f8;
}
.comparison .boxw #sortlist th a{
	padding: 0 3px;
	font-size: 1.3rem;
}
.comparison .boxw #sortlist td .uline{
	background: linear-gradient(transparent 50%, #e8f700 50%);
}

/* １列目（ロゴ） */
.comparison .boxw #sortlist td:first-child{
	text-align: center;
}
.comparison .boxw #sortlist td:first-child img{
	vertical-align: middle;
	display: inline-block;
}
.comparison .boxw #sortlist td:first-child span{
	font-size: 80%;
	color: #007bdd;
	text-decoration: underline;
	vertical-align: middle;
	display: inline-block;
}

/* リンクボタン */
.comparison .boxw .button{
	margin: 20px auto 10px auto;
	width: 91px;
	max-width: 100%;
	max-height: 75px;
	height: 82.417vw;
	background: url(../img/button_orange_s.png) center center no-repeat;
	background-size: contain;
	box-shadow: 3px 3px 10px #aaa;    
	clear: both;
	display: table;
}
.comparison .boxw .button:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
.comparison .boxw .button a{
	padding-left: 8px;
	width: 100%;
	height: 100%;
	color: #fff;
	line-height: 1.9rem;
	text-decoration: none;
	font-size: 1.1rem;
	text-shadow: 1px 1px #fff, -1px -1px #111;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}
.comparison .boxw .button a span{
	font-size: 1.3rem;
	display: block;
}
.comparison .boxw #sortlist .tab,
.comparison .boxw #sortlist .sp{
	display: none;
}


/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	.comparison .boxw #sortlist th,
	.comparison .boxw #sortlist td{
		padding: 5px;
		font-size: 1.2rem;
	}
	.comparison .boxw #sortlist td:first-child span{
		padding-left: 10px;
	}
	/* 改行 */
	.comparison .boxw #sortlist .tab{
		display: block;
	}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	/* タイトル */
	.comparison .title{
		font-size: 1.5rem;
	}
	.comparison .boxw #sortlist th,
	.comparison .boxw #sortlist td{
		padding: 3px;
		font-size: 1.0rem;
	}
	.comparison .boxw #sortlist th a{
		font-size: 1.1rem;
	}
	/* スマホ時スクロールする様に */
	.comparison .boxw{
		border-left: 2px #fff solid;
		border-right: 2px #fff solid;
	}
	/* １列目（ロゴ） */
	.comparison .boxw #sortlist td:first-child{
		text-align: center;
	}
	.comparison .boxw #sortlist td:first-child a,
	.comparison .boxw #sortlist td:first-child img,
	.comparison .boxw #sortlist td:first-child span{
		padding: 0;
		text-align: center;
		display: inline-block;
	}
	.comparison .boxw #sortlist td:first-child img{
		width: 60px;
	}
	.comparison .boxw #sortlist td:first-child span{
		display: block;
	}
	/* リンクボタン */
	.comparison .boxw .button{
		margin: 10px auto 5px auto;
		width: 70px;
		max-width: 100%;
		max-height: 57.69px;
		height: 82.417vw;
		background: url(../img/button_orange_s.png) center center no-repeat;
		background-size: contain;
	}
	.comparison .boxw .button a{
		padding-left: 5px;
		font-size: 0.9rem;
	}
	.comparison .boxw .button a span{
		font-size: 1.0rem;
	}
}
/* iPhone6Plus未満 */
@media screen and (max-width:413px){
	/* 最終列非表示 */
	.comparison .boxw #sortlist th:last-child,
	.comparison .boxw #sortlist td:last-child{
		display: none;
	}
}
@media screen and (max-width:600px){
	/* 改行 */
	.comparison .boxw #sortlist .sp{
		display: block;
	}
}


/************************************************** バナー */

/* 全体 */
.banner{
	margin: 0 auto 0 auto;
	max-width: 1000px;
	clear: both;
}

/* タイトル */
.banner .title{
	padding: 35px 0 0 30px;
	height: 82px;
	background: url(../img/banner_title_bg.png) repeat-x;
	font-size: 2rem;
}

.banner .boxw{
	padding: 10px 0 10px 0;
	text-align: center;
}

.banner .boxw .box{
	padding-top: 4px;
	padding-left: 13px;
	padding-right: 13px;
	display: inline-block;
}

	/* ２列は２列のまま縮小する */
	.banner-c2 .boxw .box{
		width: 50%;
		float: left;
	}

.banner .boxw .box,
.banner .boxw .box img,
.banner .boxw .box a,
.banner .boxw .box a img{
	max-width: 100%;
}
.shinsa-img-center{
	padding: 20px 0;
	text-align: center;
}
.shinsa-img-center img{
	max-width: 100%;
}

/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	.banner .boxw .box{
		padding-left: 10px;
		padding-right: 10px;
	}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	/* タイトル */
	.banner .title{
		padding: 35px 0 0 10px;
		font-size: 1.3rem;
	}
}


/************************************************** ロゴリスト */

/* 全体 */
.logolist{
	margin: 0 auto 0 auto;
	max-width: 1000px;
	clear: both;
}
.logolist .boxw{
	text-align: center;
	font-size: 1.3rem;
}

.logolist .boxw .box{
	padding-top: 4px;
	display: inline-block;
}

.logolist .boxw .box,
.logolist .boxw .box img,
.logolist .boxw .box a,
.logolist .boxw .box a img{
	max-width: 100%;
}

/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	.logolist .boxw .box{
		padding-left: 10px;
		padding-right: 10px;
	}
}


/************************************************** 記事 */

/* 全体 */
.article{
	margin: 20px auto 0 auto;
	padding: 10px 20px 20px 20px;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	border: 10px #d1e7f2 solid;
}

/* タイトル */
.article .title{
	padding: 24px 0 24px 30px;
	background: #fff url(../img/article_title_bg.png) left no-repeat;
	border-bottom: 2px #e2eaf0 solid;
	font-size: 1.8rem;
}

/* 記事 */
.article .box{
	padding: 30px 0 0 0;
	clear: both;
}
.article .box img{
	margin: 0 0 20px 30px;
	float: right;
}
/* 記事：サブタイトル */
.article .box .subtitle{
	line-height: 2.5rem;
	font-size: 1.5rem;
}
/* 記事：内容 */
.article .box .text{
	margin-top: 30px;
	line-height: 2.5rem;
	font-size: 1.4rem;
}

/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	/* 写真サイズ */
	.article .box img{
		max-width: 300px;
	}
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	/* 全体 */
	.article{
		padding: 10px;
	}
	/* タイトル */
	.article .title{
		padding: 14px 0 24px 20px;
		font-size: 1.2rem;
	}
	/* 記事：写真 */
	.article .box img{
		max-width: 120px;
	}
	/* 記事：サブタイトル */
	.article .box .subtitle{
		font-size: 1.2rem;
	}
	/* 記事：内容 */
	.article .box .text{
		font-size: 1.2rem;
	}
}


/************************************************** フッター */

.splink{
	padding:10px;
}

#footer{
	margin: 50px 0 0 0;
	width: 100%;
	background: #003a9f;
	color: #fff;
	font-size: 1.3rem;
}
#footer a{
	color: #fff;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
}

#footer .boxw{
	margin: 0 auto;
	padding: 20px 0;
	max-width: 1000px;
}
#footer .boxw .description{
	padding-bottom: 30px;
	text-align: left;
	font-size: 70%;
}
#footer .boxw .link{
	text-align: left;
	float: left;
	clear: both;
	display: block;
	font-weight: bold;
	padding-bottom: 20px;
}
#footer .boxw .link div{
	display: inline-block;
	padding: 0 0 10px 10px;
}
#footer .boxw .copy{
	text-align: left;
	clear: both;
	display: block;
	float: left;
	font-size: 80%;
}
#footer .boxw .address{
	clear: both;
	display: block;
	padding: 30px 0 20px 0;
	text-align: center;
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	#footer{
		text-align: center;
	}
	#footer .boxw .link,
	#footer .boxw .copy{
		padding: 5px 0;
		width: 100%;
		float: none;
	}
	#footer .boxw .link div{
		padding-left: 8px;
	}
	#footer .boxw .copy div{
		padding-left: 8px;
	}
	#footer .boxw .copy br{
		display: block;
	}
}



/************************************************** ナビゲーション開閉 */

#navi-sp-oc{
	width: 40px;
	height: 40px;
	background: url(../img/navi_close.png);
	background: url(../img/navi_open.png);
	background-size: 100%;
	cursor: pointer;
	position: fixed;
	right: 10px;
	top: 10px;
	display: none;
	z-index: 1000;
}
#navi-sp-oc span{
	display: none;
}

/* レスポンシブ iPad未満 */
@media screen and (max-width:767px){
	#navi-sp-oc{
		display: block;
	}
}


/************************************************** ページトップへのリンク */

#to-pagetop{
	display: none;
}
#to-pagetop a{
	width: 40px;
	height: 40px;
	background: url(../img/icon_topagetop.png);
	background-size: 100%;
	position: fixed;
	right: 10px;
	bottom: 10px;
	display: block;
}
#to-pagetop span{
	display: none;
}







/************************************************** 2017/10/24 追加 */

/* スマホ用は通常非表示 */
.boxw .boxsp{
	display: none;
}
.search-img{
	max-width: 100%;
	height: auto;
}

/* iPad未満で表示に切り替え */
@media screen and (max-width:767px){
	/* 各列 */
	.ranking .boxw .box{
		padding: 5px;
	}
	/* PC用 非表示 */
	.boxw .box .rank,
	.boxw .box .main{
		display: none;
	}
	/* SP用 表示 */
	.boxw .boxsp{
		width: 100%;
		display: block;
	}
	/* SP用 表示 */
	.boxsplp{
		background: #f2fbef;
	}
	/* SP用 表示 */
	.box-kuchikomi{
		max-width: 100%;
		height: 200px;
		background: #fff;
		overflow: scroll;
	}
	.box-kuchikomi::-webkit-scrollbar{width:10px;}/*バーの太さ*/
	.box-kuchikomi::-webkit-scrollbar-thumb{background:#2cc2e4;}/*バーの色*/
	
	.box-kuchikomi table,th,td{
		margin-top: 10px;
		border:none;
		vertical-align: middle;
	}
	.box-kuchikomi table img{
		width: 60px;
		height: 60px;
		margin-right: 20px;
	}
	.box-kuchikomi .text-midashi{
	margin-top: 10px;
	font-size: 2rem;
	font-weight: bold;
	}
	.box-kuchikomi p.text-a{
	margin: 10px 0;
	padding-bottom: 5px;
	font-size: 1.3rem;
	line-height: 2.5rem;
	border-bottom: dashed 1px #87CEFA;
	}
	/* 社名 */
	#search .name{
		padding: 0;
		margin-bottom: 10px;
	}
	/* 社名の下線 */
	.ranking .boxw .boxsp .name{
		margin: 10px auto 0 auto;
		padding: 0 0 10px 0;
		font-size: 20px;
		font-weight: bold;
		line-height: 150%;
	}
	.ranking .boxw .boxsp .dtl{
		table-layout: fixed;
		width: 100%;
		font-weight: bold;
	}
	/* ロゴ、コピー等 */
	.ranking .boxw .boxsp .sp1 td{
		vertical-align: top;
	}
	.top1{
		background: url(../img/top1.png) center right no-repeat;
		background-size: 50%;
	}
	.top2{
		background: url(../img/top2.png) center right no-repeat;
		background-size: 45%;
	}
	.top3{
		background: url(../img/top3.png) center right no-repeat;
		background-size: 40%;
	}
		/* ロゴ */
		.ranking .boxw .boxsp .sp1 img{
			margin-right: 5px;
			width: 80px;
			height: 80px;
			border: 1px #ccc solid;
		}
		/* キャッチコピー */
		.ranking .boxw .boxsp .sp1 .cachecopy{
			margin: 0;
			padding: 0;
			line-height: 1.5em;
			font-size: 13px;
			border: none;
		}
		/* ポイント */
		.ranking .boxw .boxsp .sp1 .point{
			padding-left: 20px;
			line-height: 1.5em;
			font-size: 13px;
		}
		.ranking .boxw .boxsp .sp1 .point li{
			list-style-type: disc;
			font-size: 80%;
		}
	/* 一覧（基本） */
	.ranking .boxw .box .list table{
		width: 100%;
	}
	/* 一覧（実質年率、限度額、、、） */
	.ranking .boxw .box .list table th,
	.ranking .boxw .box .list table td{
		padding: 4px;
	}
	/* 一覧（基本） */
	.ranking .boxw .box .list .ssi table{
		width: 100%;
		table-layout: fixed;
		word-break: break-all;
		word-wrap: break-all;
	}
	/* 一覧（実質年率、限度額、、、） */
	.ranking .boxw .box .list .ssi table th{
		padding: 4px;
	}
	/* 一覧 */
	.ranking .boxw .box .list .ssi table td{
		padding: 20px 0px;
	}
}

.boxsp .sp1 td a{ 
	padding: 0; 
	height: 80px; 
	border: none; 
	display: block; 
	overflow: hidden; 
}

.bg_nijumaru{
	background: url(../img/1icon-nijumaru.png) center no-repeat;
}

.bg_maru{
	background: url(../img/1icon-maru.png) center no-repeat;
}

.bg_sankaku{
	background: url(../img/1icon-sankaku.png) center no-repeat;
}

.bg_batsu{
	background: url(../img/1icon-batsu.png) center no-repeat;
}

/************************************************** 2017/10/30 追加 */

/************************************************** 共通部分 */

/* padding */
.pb30{
	padding-bottom: 30px !important; /* important */
}
.pb20{
	padding-bottom: 0px !important; /* important */
}

/* 枠（青） */
.article-b{
	margin: 50px auto 0 auto;
	padding: 0;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	border: 10px #d1e7f2 solid;
}
	@media screen and (max-width:767px){
		.article-b{
			margin: 10px auto 0 auto;
		}
	}

/* 枠（青・上部マージンなし） */
.article-j{
	margin: 6px auto 0 auto;
	padding: 0;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	border: 10px #d1e7f2 solid;
}
	@media screen and (max-width:767px){
		.article-j{
			margin: 6px auto 0 auto;
		}
	}

/* 枠（緑） */
.article-g{
	margin: 50px auto 0 auto;
	padding: 0;
	max-width: 1000px;
	min-width: 320px;
	background: #fff;
	border: 10px #cfea8b solid;
}
	@media screen and (max-width:767px){
		.article-g{
			margin: 10px auto 0 auto;
		}
	}

/* 枠（色なし） */
.article-c{
	margin: 0 auto 0 auto;
	padding: 0;
	max-width: 1000px;
	min-width: 320px;
}
	@media screen and (max-width:767px){
		.article-c{
			margin: 10px auto 0 auto;
		}
	}

/* 概要（h2のタイトル下部） */
.summary{
	padding: 40px 20px 0 20px;
	line-height: 3rem;
	font-size: 1.7rem;
}
	@media screen and (max-width:767px){
		.summary{
			line-height: 2.5rem;
			font-size: 1.5rem;
			padding: 0 20px 0 20px;
		}
	}
.summary p{
	margin-bottom: 20px;
}
/* 青三角▼ */
.next{
	margin: 0 auto;
	width: 274px;
	height: 28px;
	background: url(../img/next.png) no-repeat;
}
.next span{
	display: none;
}
	@media screen and (max-width:767px){
		.next{
			width: 200px;
			background: url(../img/next.png) no-repeat;
			background-size: 200px;
		}
	}

/* 「公式サイトはこちらから」ボタン */
div.button-orange-l{
	margin: 20px auto 10px auto;
	width: 944px;
	max-width: 100%;
	max-height: 65px;
	height: 6.485vw; /* ボタンの余白がズレるので算出値から少し変更 */
	background: url(../img/button_orange_l.png) center center no-repeat;
	background-size: contain;
	box-shadow: 3px 3px 10px #aaa;    
	clear: both;
}
div.button-orange-l div{
	width: 100%;
	height: 100%;
	display: table;
}
div.button-orange-l:hover{
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter:alpha(opacity=70);
}
div.button-orange-l a{
	width: 100%;
	height: 100%;
	color: #fff;
	font-size: 2.7rem;
	text-align: center;
	text-decoration: none;
	text-shadow: 1px 1px #fff, -1px -1px #111;
	vertical-align: middle;
	display: table-cell;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		div.button-orange-l{
			width: 296px;
			max-width: 100%;
			max-height: 55px;
			height: 17.2vw;
			background: url(../img/button_orange_m.png) center center no-repeat;
			background-size: contain;
		}
		div.button-orange-l a{
			font-size: 1.7rem;
		}
	}



/************************************************** タイトル・サブタイトル類 */

/***** 紺背景のタイトル（アコムの審査の流れ～評判など） */
h2.title0{
	margin: 50px auto 0 auto;
	padding: 30px 0;
	max-width: 1000px;
	min-width: 320px;
	background: #002b98;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	font-weight: normal;
}
h2.title0 div{
	background-size: 50px auto;
	display: inline;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h2.title0{
			font-size: 1.5rem;
		}
		h2.title0 div{
			padding-left: 70px;
			padding: 30px 0 30px 0;
		}
	}

/***** トップなどの見出しに使う */
h2.title10{
	margin: 0 auto 0 auto;
	padding: 14px 0;
	max-width: 1000px;
	min-width: 320px;
	background: #002b98;
	color: #fff;
	font-size: 3rem;
	text-align: center;
	font-weight: normal;
}
h2.title10 div{
	background-size: 10px auto;
	display: inline;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h2.title10{
			font-size: 1.5rem;
		}
		h2.title10 div{
			padding-left: 70px;
			padding: 30px 0 30px 0;
		}
	}
	
/***** 女性が背景のタイトル */
h2.title2{
	margin: 10px auto 0 auto;
	padding: 0;
	width: 1000px;
	max-width: 100%;
	max-height: 190px;
	height: 19.1vw;
	background: url(../img/title2_bg.png) no-repeat;
	background-size: contain;
	display: table;
}
h2.title2 div{
	padding-left: 30px;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	font-size: 3.5rem;
}
	@media screen and (max-width:999px){
		h2.title2{
			width: 100%;
		}
	}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h2.title2{
			margin: 10px auto 0 auto;
			width: 100%;
		}
		h2.title2 div{
			padding-left: 10px;
			font-size: 1.5rem;
		}
	}

/***** タイトル2（先頭に青縦棒のアイコン） */
h3,h4.title-bi{
	margin-top: 10px;
	padding: 0 20px;
}
h3,h4.title-bi div{
	padding: 24px 0 24px 30px;
	background: #fff url(../img/article_title_bg.png) left no-repeat;
	border-bottom: 2px #e2eaf0 solid;
	font-size: 2.5rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h3,h4.title-bi{
			padding: 0 10px;
		}
		h3,h4.title-bi div{
			padding: 11px 0 10px 20px;
			background: #fff url(../img/article_title_bg.png) left no-repeat;
			border-bottom: 2px #e2eaf0 solid;
			font-size: 1.5rem;
		}
	}

/***** タイトル（全面青地・白字） */
h2.title-bm{
	margin: 0;
	padding: 14px 10px 14px 10px;
	background: #008dd6;
	border: none;
	color: #fff;
	font-size: 2.5rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h2.title-bm{
			font-size: 1.5rem;
		}
	}
h2.title-bm a{
	color: #fff;
}
h2.title-bm a:hover{
	text-decoration: none;
}

h3.title-b{
	margin: 0;
	padding: 14px 10px 14px 20px;
	background: #008dd6;
	border: none;
	color: #fff;
	font-size: 2.5rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h3.title-b{
			font-size: 1.5rem;
		}
	}

/***** タイトル（全面緑地・白字） */
h3.title-g{
	padding: 24px 0 24px 20px;
	background: #66ad00;
	border: none;
	color: #fff;
	font-size: 2.5rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h3.title-g{
			font-size: 1.5rem;
		}
	}

/***** タイトル（赤リボン） */
h3.title-ribbon-red{
	margin-top: 30px;
	clear: both;
}
h3.title-ribbon-red div{
	height: 34px;
	background: url(../img/band_bg_red.png) right no-repeat;
	display: inline-block;
}
h3.title-ribbon-red div span{
	margin-top: 12px;
	padding: 0 40px 0 30px;
	font-size: 2rem;
	color: #fff;
	display: block;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h3.title-ribbon-red{
			margin-top: 10px;
		}
		h3.title-ribbon-red div span{
			margin-top: 10px;
			font-size: 1.7rem;
		}
	}

/***** タイトル（緑リボン） */
h3.title-ribbon-green{
	margin-top: 30px;
	clear: both;
}
h3.title-ribbon-green div{
	height: 34px;
	background: url(../img/band_bg_green.png) right no-repeat;
	display: inline-block;
}
h3.title-ribbon-green div span{
	margin-top: 12px;
	padding: 0 40px 0 30px;
	font-size: 2rem;
	color: #fff;
	display: block;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		h3.title-ribbon-green div span{
			margin-top: 10px;
			font-size: 1.7rem;
		}
	}


/***** ダイヤマークの見出し */
.diamond-heading {
    margin: 0;
    padding: 14px 30px;
    max-width: 1000px;
    min-width: 320px;
    background: #002b98;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    font-weight: normal;
    position: relative;
}

.diamond-heading span {
    display: inline-block;
    font-weight: bold; /* テキストを太字に設定 */
    line-height: 1.2; /* 行間の調整 */
}

.diamond-heading span:before,
.diamond-heading span:after {
    content: "";
    display: inline-block;
    width: 20px; /* ダイヤの大きさを倍に設定 */
    height: 20px; /* ダイヤの大きさを倍に設定 */
    background-color: orange;
    position: absolute;
    top: 50%;
    transform: rotate(45deg);
    transform-origin: left center; /* 回転の基準点を左端に設定 */
    margin-top: -17px;
}

.diamond-heading span:before {
    left: 15px; /* 左のオフセットを調整 */
}

.diamond-heading span:after {
    right: 15px; /* 右のオフセットを調整 */
    left: auto; /* 左側の設定を解除 */
    transform: rotate(-45deg);
    transform-origin: right center; /* 回転の基準点を右端に設定 */
}

/* レスポンシブ iPad未満 */
@media screen and (max-width: 767px) {
    .diamond-heading {
        font-size: 2rem;
    }
}

/* PC表示時のダイヤの大きさ */
@media screen and (min-width: 768px) {
    .diamond-heading span:before,
    .diamond-heading span:after {
        width: 40px; /* PC表示時のダイヤの大きさ */
        height: 40px; /* PC表示時のダイヤの大きさ */
        margin-top: -37px;
        margin-left: 30px; /* PC表示時の左オフセット */
        margin-right: 30px; /* PC表示時の右オフセット */
    }
}
.diamond-heading.blue {
    background: #007bff; /* ブルーの背景色 */
}

.diamond-heading.green {
    background: #28a745; /* グリーンの背景色 */
}

.diamond-heading.orange {
    background: #fd7e14; /* オレンジの背景色 */
}

.diamond-heading.brown {
    background: #a52a2a; /* ブラウンの背景色 */
}

.diamond-heading.orange span:before,
.diamond-heading.orange span:after {
    background-color: #ffd700; /* ダイヤの配色を変更 */
}

.diamond-heading .diamond-text {
    color: #fff; /* テキストの色を白に設定 */
}
/************************************************** 各パーツ */

/***** 特徴 */
.features-list{
	margin-top: 10px;
	color: #008dd6;
	text-align: center;
}
.features-list li{
	padding: 10px;
	line-height: 3.8rem;
	display: inline-block;
}
.features-list li p{
	padding: 20px;
	height: 170px;
	width: 170px;
	border: 1px #ccc solid;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	display: table-cell;
	vertical-align: middle;
}
.features-list .font-s{ font-size: 1.5rem; }
.features-list .font-m{ font-size: 2rem; }
.features-list .font-l{ font-size: 3.5rem; }

	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.features-list{
			margin-top: 20px;
			color: #008dd6;
			text-align: center;
		}
		.features-list li{
			padding: 2px;
			line-height: 2rem;
			display: inline-block;
		}
		.features-list li p{
			padding: 3px;
			height: 90px;
			width: 90px;
			border: 1px #ccc solid;
			border-radius: 8px; 
			-webkit-border-radius: 8px;
			-moz-border-radius: 8px;
			display: table-cell;
			vertical-align: middle;
		}
		.features-list .font-s{ font-size: 1.0rem; }
		.features-list .font-m{ font-size: 1.1rem; }
		.features-list .font-l{ font-size: 1.8rem; }
	}
	@media screen and (max-width:413px){
		.features-list li p{
			height:90px;
			width: 84px;
		}
	}
	@media screen and (max-width:374px){
		.features-list li p{
			height:90px;
			width: 70px;
		}
	}

/***** 通常テキスト（お勧めの理由、、、など） */
.article-b .box .text,
.article-g .box .text,
.article-c .box .text{
	margin: 0;
	padding: 30px 20px 0 20px;
	line-height: 3.0rem;
	font-size: 1.7rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.article-b .box .text,
		.article-g .box .text,
		.article-c .box .text{
			padding: 20px 10px 0 10px;
			line-height: 2.5rem;
			font-size: 1.5rem;
		}
	}

.article-b .box .text p,
.article-g .box .text p,
.article-c .box .text p{
	margin-bottom: 20px;
}

.text p .left{
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

.text p .right{
	float: right;
	margin-left: 1em;
	margin-bottom: 1em;
}

/**** 時計アイコン付きの文字列 */
.clock{
	margin: 0;
	padding: 30px 0 0 20px;
}
.clock div{
	padding: 5px 0 5px 30px;
	background: #fff url(../img/icon_clock.png) left no-repeat;
	font-size: 1.7rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.clock div{
			font-size: 1.4rem;
		}
	}

.clock-of{
	margin: 0;
	padding: 0 0 0 2px;
}
.clock-of div{
	padding: 5px 0 5px 30px;
	background: #fff url(../img/icon_clock.png) left no-repeat;
	font-size: 1.7rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.clock-of div{
			font-size: 1.4rem;
		}
	}
	
.arrow_midashi{
	margin: 0;
	padding: 10px 0 0 20px;
}
.arrow_midashi div{
	padding: 5px 0 5px 30px;
	background: #fff url(../img/icon_arrow_midashi.png) left no-repeat;
	font-size: 1.7rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.arrow_midashi div{
			font-size: 1.4rem;
		}
	}

/***** 目次 */
/* 全体の囲い */
.mokuji-wrap{
	margin: 20px auto 20px auto;
	padding: 0 0 10px 0;
	width: 100%;
}
/* タイトル（青色背景が基本） */
h3.title-b.mokuji{
	padding: 14px 0 14px 20px;
}
h3.title-b.mokuji div{
	padding: 13px 0 7px 60px;
	background: #008dd6 url(../img/icon_mokuji.png) left no-repeat;
}
/* 内容 */
.mokuji{
	padding: 20px;
}
.mokuji table{
	width: 100%;
}
.mokuji td{
	padding: 0 10px 0 50px;
	width: 100%;
	height: 50px;
	border-bottom: #f2f6f8 2px solid;
	font-size: 2.2rem;
	vertical-align: middle;
	background: url(../img/icon_check.png) 10px center no-repeat;
}
.mokuji td div{
	padding: 8px 0;
	background: url(../img/icon_arrow.png) right no-repeat;
}
.mokuji td a{
	padding: 0 30px 0 0;
	text-decoration: none;
	display: block;
}
.mokuji td a:hover{
	text-decoration: underline;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.mokuji{
			padding: 10px;
		}
		h3.title-b.mokuji{
			padding: 10px 0 10px 20px;
		}
		.mokuji td{
			padding: 0 5px 0 35px;
			background: url(../img/icon_check.png) 5px no-repeat;
			background-size: 20px;
			font-size: 1.5rem;
		}
		.mokuji td div{
			padding: 3px 0;
			background: url(../img/icon_arrow.png) right no-repeat;
			background-size: 20px;
		}
		.mokuji td a{
			padding: 0 25px 0 0;
			text-decoration: none;
			display: block;
		}
	}

/***** アコム審査の流れ */
.flow_acom{
	margin: 0 auto;
	max-width: 840px;
	text-align: center;
}
.flow_acom img{
	max-width: 100%;
}
.flow_acom .link{
	margin-top: 10px;
	font-size: 1.2rem;
	text-align: right;
}

/***** テーブルの一覧（アコムの詳細情報） */
.article-b.detail .table{
	margin: 0;
	padding: 30px 20px;
	width: 100%;
	font-size: 1.7rem;
}
.article-b.detail .table table{
	width: 100%;
}
.article-b.detail .table th,
.article-b.detail .table td{
	padding: 15px;
	border: 1px #ccc solid;
	text-align: left;
	vertical-align: middle;
}
.article-b.detail .table th{
	background: #e7f2f9;
	width: 20%;
}
.article-b.detail .table td{
}
.article-b.detail .table td .conveni{
	padding-left: 15px;
	display: inline;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.article-b.detail .table{
			margin: 10px auto;
			padding: 5px;
			width: 100%;
			font-size: 1.1rem;
		}
		.article-b.detail .table th,
		.article-b.detail .table td{
			padding: 5px;
		}
		.article-b.detail .table th{
			min-width: 75px;
			white-space: nowrap;
		}
	}

/***** テーブルの一覧（詳細情報） */
.article-b.detail .table-s{
	margin: 0;
	padding: 30px 20px;
	width: 100%;
	font-size: 1.7rem;
	line-height: 1.5;
}
.article-b.detail .table-s table{
	width: 100%;
	table-layout: fixed;
}
.article-b.detail .table-s th,
.article-b.detail .table-s td{
	padding: 15px;
	border: 1px #ccc solid;
	text-align: left;
	vertical-align: middle;
	text-align: center;
}
.article-b.detail .table-s th{
	background: #e7f2f9;
}
.article-b.detail .table-s td .conveni{
	padding-left: 15px;
	display: inline;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.article-b.detail .table-s{
			margin: 10px auto;
			padding: 5px;
			width: 100%;
			font-size: 1.1rem;

		}
		.article-b.detail .table-s th,
		.article-b.detail .table-s td{
			padding: 5px;
		}
		.article-b.detail .table-s th{
			min-width: 75px;
			white-space: nowrap;
		}
	}


/***** コラム用のテーブル */
.article-b .table-kashi{
	margin: 0;
	padding: 30px 20px;
	width: 100%;
	font-size: 1.7rem;
	line-height: 1.5;
}
.article-b .table-kashi table{
	width: 100%;
	table-layout: fixed;
}
.article-b .table-kashi th,
.article-b .table-kashi td{
	padding: 15px;
	border: 1px #ccc solid;
	text-align: left;
	vertical-align: middle;
}
.article-b .table-kashi th{
	background: #e7f2f9;
	text-align: center;
}
.article-b .table-kashi td.center{
	text-align: center;
}

.article-b .table-kashi img{
max-width: 100%;
height: auto;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.article-b .table-kashi{
			margin: 10px auto;
			padding: 5px;
			width: 100%;
			font-size: 1.1rem;

		}
		.article-b .table-kashi th,
		.article-b .table-kashi td{
			padding: 5px;
		}
		.article-b .table-kashi th{
			min-width: 75px;
			white-space: nowrap;
		}
	}

.table-kashi td.nijumaru {
	padding: 20px 0;
	background-image: url('../img/nijumaru.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-weight: bold;
	text-align: center;
}

.table-kashi td.maru {
	padding: 20px 0;
	background-image: url('../img/maru.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-weight: bold;
	text-align: center;
}

.table-kashi td.sankaku {
	padding: 20px 0;
	background-image: url('../img/sankaku.png');
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	font-weight: bold;
	text-align: center;
}

/***** Q&A */
div.qanda{
	padding: 20px;
}
div.qanda .q{
	padding: 0 0 0 50px;
	height: 50px;
	background: url(../img/icon_qa_q.png) left center no-repeat;
	border-bottom: #f2f6f8 2px solid;
	color: #003a9f;
	font-size: 1.7rem;
	font-weight: bold;
}
div.qanda .q div{
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
div.qanda .a{
	padding: 20px 20px 25px 60px;
	background: #f3fae2 url(../img/icon_qa_a.png) 10px 10px no-repeat;
	line-height: 2.5rem;
	font-size: 1.7rem;
	display: none;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		div.qanda{
			padding: 10px;
		}
		div.qanda .q{
			padding: 0 0 0 40px;
			background: url(../img/icon_qa_q.png) left center no-repeat;
			background-size: 30px;
			font-size: 1.5rem;
		}
		div.qanda .a{
			padding: 20px 20px 25px 50px;
			background-size: 30px;
			line-height: 2.5rem;
			font-size: 1.5rem;
		}
	}


/***** Q&A-2 */
div.qanda-shinsa .q{
	padding: 0 0 0 50px;
	height: 50px;
	background: url(../img/qa-shinsa.png) left center no-repeat;
	border-bottom: #f2f6f8 2px solid;
	color: #003a9f;
	font-size: 1.7rem;
	font-weight: bold;
}
div.qanda-shinsa .q div{
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
div.qanda-shinsa .a{
	padding: 20px 20px 25px 20px;
	background-color: #f3fae2;
	line-height: 2.5rem;
	font-size: 1.7rem;
	display: none;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		div.qanda-shinsa{
			padding: 10px;
		}
		div.qanda-shinsa .q{
			padding: 0 0 0 40px;
			background-size: 30px;
			font-size: 1.5rem;
		}
		div.qanda-shinsa .a{
			padding: 20px 20px 25px 20px;
			background-size: 30px;
			line-height: 2.5rem;
			font-size: 1.5rem;
		}
	}

div.box-syosai .q{
	padding: 0 0 0 50px;
	height: 50px;
	background: url(../img/yajirushi-shita.png) left center no-repeat;
	color: #003a9f;
	font-size: 1.7rem;
	font-weight: bold;
}
div.box-syosai .q div{
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	cursor: pointer;
	cursor: hand;
}
div.box-syosai .a{
	line-height: 2.5rem;
	font-size: 1.5rem;
	display: none;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		div.box-syosai .q{
			padding: 2px 0 0 50px;
			font-size: 1.5rem;
		}
		div.box-syosai .a{
			line-height: 2.5rem;
			font-size: 1.5rem;
		}
		div.box-syosai .a table {
			line-height: 1.5rem;
		}
	}

/***** box内 box（赤） */
.box .inbox-red{
	padding: 20px;
}
.box .inbox-red .inbox-red-in{
	padding: 20px;
	background: #fff2f1;
	border: 3px #f19ec2 solid;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.box .inbox-red{
			padding: 10px;
		}
		.box .inbox-red .inbox-red-in{
			padding: 10px;
		}
	}

/***** box内 box（橙） */
.box .inbox-orange{
	padding: 20px;
}
.box .inbox-orange .inbox-orange-in{
	padding: 10px;
	background: #fff6e3;
	border: 3px #facd89 solid;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.box .inbox-orange{
			padding: 10px;
		}
		.box .inbox-orange .inbox-orange-in{
			padding: 10px;
		}
	}

/***** box内 box（赤）内のテキスト */
.box .inbox-red .title{
	padding: 10px 0 20px 50px;
	background: url(../img/icon_caution.png) left top no-repeat;
	color: #ee0000;
	font-size: 1.5rem;
}
.box .inbox-red ul{
	padding: 0 0 0 70px;
	color: #ee0000;
	font-size: 1.5rem;
}
.box .inbox-red ul li{
	line-height: 2.5rem;
	list-style-type: disc;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.box .inbox-red .title{
			padding: 0px 0 20px 40px;
			font-size: 1.5rem;
		}
		.box .inbox-red ul{
			padding: 0 0 0 50px;
		}
	}

.box .inbox-red p{
	padding: 0 0 0 6px;
	font-size: 1.2rem;
	line-height: 2.0rem;
}
/***** box内 box（橙）内のテキスト */
.box .inbox-orange .title{
	padding: 10px 0 0 60px;
	background: url(../img/icon_light.png) 10px top no-repeat;
	font-size: 2.5rem;
}
.box .inbox-orange .title div{
	padding-bottom: 20px;
	border-bottom: 1px #facd89 solid;
}
.box .inbox-orange p{
	padding: 0 0 0 6px;
	font-size: 1.3rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.box .inbox-orange .title{
			padding: 10px 0 20px 35px;
			background: url(../img/icon_light.png) left top no-repeat;
			background-size: 20px;
			font-size: 1.5rem;
		}
		.box .inbox-orange .title div{
			padding-bottom: 20px;
			border-bottom: 1px #facd89 solid;
		}
		.box .inbox-orange .text{
			padding: 0 0 0 6px;
			font-size: 1.5rem;
		}
	}

/***** アコムの評判 */
/* 感想 */
.impressions1{
	padding: 30px 20px 10px 20px;
}
.impressions1 .impressions-in{
	padding-left: 70px;
	background: url(../img/icon_smile.png) top left no-repeat;
	line-height: 3rem;
	font-size: 1.7rem;
}
.impressions1 .impressions-in div{
	color: #eb6100;
	font-weight: bold;
}
/* 感想へのコメント */
.impressions2{
	padding-left: 70px;
	background: url(../img/icon_face1.png) top left no-repeat;
	line-height: 3rem;
	font-size: 1.7rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.impressions1{
			padding: 20px 10px 10px 10px;
		}
		.impressions1 .impressions-in{
			padding-left: 50px;
			background-size: 40px;
			line-height: 2.5rem;
			font-size: 1.5rem;
		}
		.impressions2{
			padding-left: 50px;
			background-size: 40px;
			line-height: 2.5rem;
			font-size: 1.5rem;
		}
	}

/* パンくず */
.pankuzu{
	margin: 2px auto 0 auto;
	max-width: 1000px;
	min-width: 320px;
}

a img:hover{
opacity:.8;
}

/* ローン支払い計算 */
#loanform{
	padding-top: 4px;
}
#loanform td{
	padding: 3px 5px;
}
#loanlist table{
	margin-top: 10px;
	width: 100%;
	border-collapse: collapse;
}
#loanlist table th,
#loanlist table td{
	padding: 3px 5px;
	border: 1px #999 solid;
}
#loanlist table th{
	text-align: center;
	background: #e7f2f9;
}
#loanlist table td{
	text-align: right;
}
#loanlist caption{
	padding-left: 20px;
	text-align: left;
}
#loanlist table td.noborder{
	padding-top: 20px;
	border-left: none;
	border-right: none;
	font-size: 120%;
	text-align: center;
	color: #f00;
}
#loanlist table td.setsumei{
	padding: 10px;
	border-left: none;
	border-right: none;
	font-size: 120%;
	text-align: left;
	color: #f00;
}
#loanform #kariire,#loanform #kaisu,#loanform #risokuY{
	width: 60px;
}
#loanform select,#loanform input{
	margin-right: 3px;
	padding: 2px 5px;
	border: 1px #999 solid;
}
table.kashi {
	width: 100%;
	background-color: #FFFFFF;
	border-collapse: collapse;
	font-size: 1.3rem;
}
table.kashi th,
table.kashi td{
	text-align: center;
	border: 1px #999 solid;
}
table.kashi th{
	padding: 12px 2px;
	text-align: center;
	background-color: #f9f9f9;
}
table.kashi td{
	padding: 6px;
	text-align: center;
}

th.kom{
	font-weight:bold;
	background-color: #f9f9f9;
}

th.no1{
	background-color: #FFD700;
	font-weight: bold;
	color: #ea3131;
}

th.no2{
	background-color: #C0C0C0;
	color: #fff;
}

th.no3{
	background-color: #7A592F;
	color: #fff;
}

th.no4{
	background-color: #f9f9f9;
}

td.hai{
	font-weight:bold;
	background-color: #f9f9f9;
}

td.hai-t{
	font-weight:bold;
	background-color: #f9f9f9;
	font-size: 50%;
}

td.shiro{
	background-color: #ffffff;
}

td.usukiiro{
	background-color: #ffffe0;
}

td.mid{
	font-weight:bold;
	color: #ffffff;
	background-color: #0080FF;
}

td.size-zokusei{
	font-size: 90%;
	line-height: 160%;
	font-weight: bold;
}

td.size-m{
	font-size: 120%;
	line-height: 160%;
}

td.size-l{
	font-size: 140%;
	line-height: 160%;
	font-weight: bold;
}

/***** 注意事項 */
.box .inbox-f2f2f2{
	margin: 0 auto 0 auto;
	padding: 0;
	max-width: 1000px;
	min-width: 320px;
}
.box .inbox-f2f2f2 .inbox-f2f2f2-in{
	padding: 2px;
	background: #fff;
	border: 2px ##bcbcbc solid;
}
.box .inbox-f2f2f2 p{
	font-size: 1rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
		.box .inbox-f2f2f2{
			padding: 10px;
		}
		.box .inbox-f2f2f2 .inbox-red-in{
			padding: 10px;
		}
	}










/* navi TOP */

	/* 右端の [MENU] をタップ時に移動するため、動かさない他の部分と分けている */
	/* z-index : #navi-sp-top1 < #navi-sp-blur < #navi-sp-top2 となっている */

	#navi-sp-top1{
		width: 1500px;
		max-width: 100%;
		max-height: 180px;
		height: 12vw;
		background: #fff;
		box-shadow: 0px 0px 5px #666;  
		-moz-box-shadow: 0px 0px 5px #666;  
		-webkit-box-shadow: 0px 0px 5px #666;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 999990;
		display: none;
	}
	#navi-sp-top2{
		display: none;
	}
	#navi-sp-top1 li,
	#navi-sp-top2 li{
		cursor: pointer;
		display: inline-block;
	}
	#navi-sp-top1 li:hover,
	#navi-sp-top2 li:hover{
		opacity: 0.7;
	}
	#navi-sp-top1 li span,
	#navi-sp-top2 li span{
		display: none;
	}
	#navi-sp-top1 li a{
		width: 100%;
		height: 100%;
		display: block;
	}
	#navi-sp-top1 li#navi-sp-t-1{ width: 24%; height: 100%; background: url(../img/navi_sp_top_1.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-2{ width: 16%; height: 100%; background: url(../img/navi_sp_top_2.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-3{ width: 16%; height: 100%; background: url(../img/navi_sp_top_3.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-4{ width: 16%; height: 100%; background: url(../img/navi_sp_top_4.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-5{ width: 16%; height: 100%; background: url(../img/navi_sp_top_5.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-6{ width: 16%; height: 100%; background: url(../img/navi_sp_top_6.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-7{ width: 16%; height: 100%; background: url(../img/navi_sp_top_7.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-promise{ width: 16%; height: 100%; background: url(../img/navi_sp_promise.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-acom{ width: 16%; height: 100%; background: url(../img/navi_sp_acom.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-aiful{ width: 16%; height: 100%; background: url(../img/navi_sp_aiful.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-mobit{ width: 16%; height: 100%; background: url(../img/navi_sp_mobit.png) no-repeat; background-size: contain; }
	#navi-sp-top1 li#navi-sp-t-bank{ width: 16%; height: 100%; background: url(../img/navi_sp_bank.png) no-repeat; background-size: contain; }
	#navi-sp-top2 li#navi-sp-t-sw{ width: 12%; height: 100%; background: url(../img/navi_sp_sw.png) no-repeat; background-size: contain; }
	/* [MENU] ボタン 移動するため position を設定している */
	#navi-sp-top2 li#navi-sp-t-sw{
		max-height: 95px;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999998;
	}
	/* [MENU]サイズ調整 */
	@media screen and (max-width:600px){ #navi-sp-top2 li#navi-sp-t-6{max-height:72px;} } 
	@media screen and (max-width:414px){ #navi-sp-top2 li#navi-sp-t-6{max-height:49px;} } 
	@media screen and (max-width:375px){ #navi-sp-top2 li#navi-sp-t-6{max-height:45px;} } 
	@media screen and (max-width:320px){ #navi-sp-top2 li#navi-sp-t-6{max-height:38px;} } 

/* navi SIDE */

	#navi-sp-side{
		width: 200px;
		background: #fff;
		border-left: 2px #0c419f solid;
		border-bottom: 2px #0c419f solid;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999998;
		display: none;
	}
	#navi-sp-side li{
		padding: 10px;
		width: 200px;
		background: url(../img/navi_sp_move.png) right no-repeat;
		background-size: 15px 12px;
		border-bottom: 2px #dcdcdc solid;
		font-size: 1.2rem;
	}
		/* 最初（TOP）には > 画像を入れない */
		#navi-sp-side li:first-child{
			background: none;
		}
		/* 最後のliにはborderを入れない */
		#navi-sp-side li:last-child{
			border-bottom: none;
		}
	#navi-sp-side li:hover{
		opacity: 0.7;
	}
	#navi-sp-side li a{
		color: #031a4c;
		text-decoration: none;
		display: block;
	}
	#navi-sp-side li a:hover{
		color: #cc0000;
	}
	#navi-sp-side li #navi-sp-s-1{
		padding-left: 30px;
		background: url(../img/navi_sp_side_1.png) no-repeat;
		background-size: contain;
	}
	#navi-sp-side li #navi-sp-s-99{
		padding-left: 30px;
		background: url(../img/navi_sp_side_99.png) no-repeat;
		background-size: contain;
	}

	/* （×）閉じるボタン */
	#navi-sp-side-close{
		display: none;
		width: 20px;
		height: 20px;
		background: url(../img/navi_sp_close.png) no-repeat;
		background-size: contain;
		cursor: pointer;
		position: fixed;
		top: 10px;
		right: 10px;
		z-index: 999999;
	}
	#navi-sp-side-close span{
		display: none;
	}

	/* 再度open時のぼかした背景 */
	#navi-sp-blur{
		margin: 0;
		padding: 0;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0.8;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999992;
		display: none;
	}
	#navi-sp-blur span{
		display: none;
	}


/* ブログカード風 */
.blogcard {
	margin: 0 10px 20px 10px;
	padding: 8px 4px 6px 10px;
    border: solid 1px #999;
}
.midashi-text{
	padding: 2px 0 2px 0px;
	font-size: 1.4rem;
	font-weight: bold;
	line-height: 160%;
}
.midashi-text a{
	text-decoration: none;
}
.text-card{
	padding: 6px 0 2px 0px;
	font-size: 1.2rem;
	line-height: 140%;
}
.cardlink {
	margin: 10px 0 0 0;
	padding: 2px 4px 1px 10px;
    width: 120px;
    border: solid 1px #999;
	font-size: 1.6rem;
}
.cardlink a{
	text-decoration: none;
}
.img-card{
	margin: 0 0 20px 10px;
	float: right;
	width: 120px;
	height: 90px;
}

/* レスポンシブ 1000px未満 */
@media screen and (max-width:999px){
	.midashi-text{
		font-size: 1.2rem;
	}
	.text-card{
		display: none;
	}
}

/* モーダル */
#loadmodal-wrap,
#loadmodal-wrap *{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
}
/* モーダル背景 */
#loadmodal-wrap{
	margin: 0;
	padding: 10px;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	display: none;
	z-index: 99999999;
}
/* モーダル内容 */
#loadmodal{
	margin: 100px auto 0 auto;
	padding: 0 10px 10px 10px;
	width: 100%;
	background: #CCFFCC;
	border-radius: 5px; 
	text-align: center;
}
#loadmodal .modheader{
	padding-top: 10px;
	font-weight: bold;
	font-size: 200%;
	text-align: center;
	line-height: 150%;
}
#loadmodal .modsetsumei{
	padding-bottom: 10px;
	font-size: 100%;
	text-align: center;
	line-height: 150%;
}
#loadmodal .modfooter{
	padding-top: 10px;
	font-size: 160%;
	color: #3366FF;
	text-align: center;
	line-height: 150%;
	text-decoration: underline;
}
#loadmodal .button div{
	margin-top: 4px;
	padding: 6px 10px 6px 10px;
		/* width の設定 */
		/* 100% : １列にしたいとき */
		/*  49% : ２列にしたいとき  */
		width: 49%;
	font-size: 12px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
}

*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;
}

.btn,
a.btn,
button.btn {
  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;
}

.btn-wrap {
  margin: 30px 0;
  text-align: center;
}

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

  position: relative;

  padding: 0.25rem 2rem 1.5rem 3.5rem;

  color: #fff;
  background: #e94919;
  -webkit-box-shadow: 0 5px 0 #d44114;
  box-shadow: 0 5px 0 #d44114;
}

a.btn-c span {
  font-size: 1.5rem;

  position: absolute;
  top: -1.25rem;
  left: calc(50% - 150px);

  display: block;

  width: 300px;
  padding: 0.2rem 0;

  color: #d44114;
  border: 2px solid #d44114;
  border-radius: 100vh;
  background: #fff;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}

a.btn-c span:before,
a.btn-c span:after {
  position: absolute;
  left: calc(50% - 10px);

  content: "";
}

a.btn-c span:before {
  bottom: -10px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #d44114 transparent transparent transparent;
}

a.btn-c span:after {
  bottom: -7px;

  border-width: 10px 10px 0 10px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

a.btn-c i {
  margin-right: 1rem;
}

a.btn-c:hover {
  -webkit-transform: translate(0, 3px);
  transform: translate(0, 3px);

  color: #fff;
  background: #eb5b30;
  -webkit-box-shadow: 0 2px 0 #d44114;
  box-shadow: 0 2px 0 #d44114;
}

/*ポイント*/

.mini-point-box {
	padding-top: 10px;
	display: flex;
	justify-content: space-evenly;
}

.mini-point {
	width:70px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	display:inline-block;
	background:#3cb371;
	color:#fff;
	border: 1px solid;
	border-color: #3cb371;
	border-radius:5px;
	text-decoration:none;
}

.mini-point-n {
	width:70px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-weight: bold;
	display:inline-block;
	background:#fff;
	color:#3cb371;
	border: 1px solid;
	border-color: #3cb371;
	border-radius:5px;
	text-decoration:none;
}

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

ul.cp_list-s {
	padding:0.5em;
	margin-bottom: 20px;
	list-style-type:none;
}
ul.cp_list-s li {
	position:relative;
	padding: 0.3em 0.3em 0.3em 2em;
    font-size: 120%;
    font-weight: bold;
}
ul.cp_list-s li:after,ul.cp_list-s li:before {
	position:absolute;
	content:'';
	display:block;
	background: #FFC107;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.cp_list-s li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}

.box13 {
    margin: 0.5em 0 1em 0;
    padding: 0.5em 1em;
    text-align: center;
    color: #fff;
    background: #f00;
    border-radius: 9px;
}
.box13 p {
    margin: 0; 
    padding: 0;
}
.box13 a {
    color: #FFF;
    text-decoration: none;
}

.anim-box {
  border-radius: 5px;
  max-width: 800px;
  height: 60px;
}
 
.anim-box.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
.anim-box.poyopoyo a {
    color: #FFF;
    text-decoration: none;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

.btn.type01{
  width: 100%;
  max-width: 800px;
  padding: 15px 10px;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  background: linear-gradient(to right, rgb(255, 0, 0), rgb(255, 60, 26));
}

@keyframes blinkAnimation {
  0% {
    border: 4px solid #ccc;
  }
  100% {
    border: 4px solid #008000;
  }
}
.blink-1 {
  animation: blinkAnimation 2s ease infinite alternate;
}
.blink-2 {
  animation: blinkAnimation 2s ease 4s infinite alternate;
}
.blink-3 {
  animation: blinkAnimation 2s ease 8s infinite alternate;
}

.box28 {
    position: relative;
    margin: 0 10px 20px 10px;
    padding: 35px 8px 0 10px;
    border: solid 2px #FFC107;
    font-size: 90%;
}
.box28 .box-title {
    position: absolute;
    display: inline-block;
    top: -2px;
    left: -2px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #FFC107;
    color: #ffffff;
    font-weight: bold;
}
.box28 p {
    margin: 0; 
    padding: 0;
    line-height: 1.5;
    word-break: break-all;
}
.box28 .cardlink {
    margin-bottom: 10px;
}



/* バナー切り替え */
.fadeslide {
	position: relative;
	width: 728px;
	height: 110px;
	overflow: hidden;
	z-index: 0;
}

	/* レスポンシブ 767px未満 */
	@media screen and (max-width:766px){
		.fadeslide {
		position: relative;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		z-index: 0;
	}
}

.fadeslide div {
	position: absolute;
	top: 0;
	left: 0;
}

.fadeslide div:nth-of-type(1) {
	animation: fadeslide 18s 0s infinite both;
	z-index: 6;
}

.fadeslide div:nth-of-type(2) {
	animation: fadeslide 18s 3s infinite both;
	z-index: 5;
}

.fadeslide div:nth-of-type(3) {
	animation: fadeslide 18s 6s infinite both;
	z-index: 4;
}

.fadeslide div:nth-of-type(4) {
	animation: fadeslide 18s 9s infinite both;
	z-index: 3;
}

.fadeslide div:nth-of-type(5) {
	animation: fadeslide 18s 12s infinite both;
	z-index: 2;
}

.fadeslide div:nth-of-type(6) {
	animation: fadeslide 18s 15s infinite both;
	z-index: 1;
}

@keyframes fadeslide {
	0% { left: 0; opacity: 0; }
	5% { left: 0; opacity: 1; }
	20% { left: 0; opacity: 1; }
	25% { left: 0; opacity: 0; }
	26% { left: 100%; opacity: 0; }
	100% { left: 100%; opacity: 0; }
}

/* バナー切り替え（120×120版） */
.fadeslide-sp {
	position: relative;
	width: 120px;
	height: 120px;
	overflow: hidden;
	z-index: 0;
	float: left;
	margin-right:10px;
	margin-bottom:10px;
}

	/* レスポンシブ 767px未満 */
	@media screen and (max-width:766px){
		.fadeslide-sp {
		position: relative;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		z-index: 0;
	}
}

.fadeslide-sp div {
	position: absolute;
	top: 0;
	left: 0;
}

.fadeslide-sp div:nth-of-type(1) {
	animation: fadeslide 18s 0s infinite both;
	z-index: 6;
}

.fadeslide-sp div:nth-of-type(2) {
	animation: fadeslide 18s 3s infinite both;
	z-index: 5;
}

.fadeslide-sp div:nth-of-type(3) {
	animation: fadeslide 18s 6s infinite both;
	z-index: 4;
}

.fadeslide-sp div:nth-of-type(4) {
	animation: fadeslide 18s 9s infinite both;
	z-index: 3;
}

.fadeslide-sp div:nth-of-type(5) {
	animation: fadeslide 18s 12s infinite both;
	z-index: 2;
}

.fadeslide-sp div:nth-of-type(6) {
	animation: fadeslide 18s 15s infinite both;
	z-index: 1;
}

.button_solid007 {
    text-align: center;
    margin: 15px;
}
.button_solid007 p {
    margin-bottom: 5px;
    font-weight: 600;
    color: #6bb6ff;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_solid007 p:before, .button_solid007 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #6bb6ff;
    content: "";
}
.button_solid007 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid007 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid007 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 1000px;
    padding: 20px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    font-size: 220%;
    text-decoration: none;
    background: #0000ff;
    filter: drop-shadow(0px 12px 4px #ccc);
    border-radius: 3px;
}
.button_solid007 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

ul.cp_list {
	padding:0.5em;
	margin-bottom: 20px;
	list-style-type:none;
}
ul.cp_list li {
	position:relative;
	padding: 0em 0.3em 0.3em 1.3em;
}
ul.cp_list li:after,ul.cp_list li:before {
	position:absolute;
	content:'';
	display:block;
	background: #FFC107;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.cp_list li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	margin: 0 0 2em 0;
	padding: 1em 1em 0em 1em;
	background: #e1f5fe;
}
.cp_qa h1 {
	font-size: 1.2em;
	position: relative;
	margin-right: 1em;
	margin-left: -26px;
	padding: 0.3em;
	color: #ffffff;
	background-color: #42a5f5;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cp_qa h1::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color: transparent #1976d2 transparent transparent;
}
.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.5em 2em;
	border-radius: 0.2em;
	background: #ffb74d;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.5em;
	color: #ffffff;
}
.cp_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.cp_qa dd::before {
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #00bcd4;
}

/* ボタンデザイン */
.button_updated_solid007 {
    text-align: center;
    margin-bottom: 20px; /* ボタンの下にマージンを追加 */
}
.button_updated_solid007 p {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: 600;
    color: #ff5555;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_updated_solid007 p:before, .button_updated_solid007 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #ff5555;
    content: "";
}
.button_updated_solid007 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_updated_solid007 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}

.button_updated_solid007 a {
  position: relative;
  display: flex;
  flex-direction: column; /* 要素を縦方向に配置 */
  justify-content: center; /* 要素を中央揃え */
  align-items: center; /* 要素を中央揃え */
  margin: 0 auto;
  max-width: 100%;
  width: 90%;
  padding: 10px 25px;
  color: #FFF;
  transition: 0.3s ease-in-out;
  font-weight: 600;
  background: #ff0000; /* 赤に変更 */
  /* background: green; グリーンに変更 */
  border-radius: 3px;
  text-decoration: none;
  box-shadow: 10px 12px 14px rgba(0, 0, 0, 0.6); /* 影を追加 */
}

.button_updated_solid007 a::after {
  content: "▲"; /* アイコンの内容を設定 */
  position: absolute;
  top: 50%;
  right: 10px; /* 右側からの距離を調整 */
  transform: translateY(-50%) rotate(90deg); /* テキストを上下中央揃えに */
}

.button_updated_solid007 a::after {
  transform: translateY(-50%) rotate(90deg); /* アイコンを右向きに固定 */
}

.button_updated_solid007 a div.line1 {
  font-size: 20px; /* 1行目のテキストサイズを調整 */
  line-height: 1.6; /* 行間の調整（例: 1.2） */
}

.button_updated_solid007 a div.line2 {
  font-size: 14px; /* 2行目のテキストサイズを調整 */
  line-height: 1.2; /* 行間の調整（例: 1.2） */
}

.button_updated_solid007 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}

/* solid015 */
.button_solid015 {
    text-align: center;
    margin: 30px 0 10px 0;
    padding: 10px;
}
.button_solid015 p {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 150%;
    color: #6bb6ff;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_solid015 p:before, .button_solid015 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #6bb6ff;
    content: "";
}
.button_solid015 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid015 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid015 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    font-size: 200%;
    text-decoration: none;
    background: #FF0000;
    filter: drop-shadow(4px 8px 4px #ccc);
    border-radius: 50px;
}
.button_solid015 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.button_solid015 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transition: 0.2s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-54%);
}

/* solid016 */
.button_solid016 {
    text-align: center;
    margin: 30px 0 10px 0;
    padding: 10px;
}
.button_solid016 p {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 150%;
    color: #6bb6ff;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_solid016 p:before, .button_solid016 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #6bb6ff;
    content: "";
}
.button_solid016 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid016 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid016 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    font-size: 160%;
    text-decoration: none;
    background: #004831;
    filter: drop-shadow(4px 8px 4px #ccc);
    border-radius: 50px;
}
.button_solid016 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.button_solid016 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transition: 0.2s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-54%);
}

/* solid017 */
.button_solid017 {
    text-align: center;
    margin: 30px 0 10px 0;
    padding: 10px;
}
.button_solid017 p {
    margin-bottom: 5px;
    font-weight: 600;
    font-size: 150%;
    color: #6bb6ff;
    letter-spacing: 0.04rem;
    display: inline-block;
    position: relative;
}
.button_solid017 p:before, .button_solid017 p:after {
    display: inline-block;
    position: absolute;
    top: 45%;
    width: 20px;
    height: 3px;
    border-radius: 5px;
    background-color: #6bb6ff;
    content: "";
}
.button_solid017 p:before {
    left: -30px;
    -webkit-transform: rotate( 50deg );
    transform: rotate( 50deg );
}
.button_solid017 p:after {
    right: -30px;
    -webkit-transform: rotate( -50deg );
    transform: rotate( -50deg );
}
.button_solid017 a {
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 1000px;
    padding: 30px 25px;
    color: #FFF;
    transition: 0.3s ease-in-out;
    font-weight: 600;
    font-size: 200%;
    text-decoration: none;
    background: #013D7C;
    filter: drop-shadow(4px 8px 4px #ccc);
    border-radius: 50px;
}
.button_solid017 a:hover {
    transform: translateY(-2px);
    box-shadow: 0 15px 30px -5px rgb(0 0 0 / 15%), 0 0 5px rgb(0 0 0 / 10%);
}
.button_solid017 a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    transition: 0.2s ease-in-out;
    content: "\f0da";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    transform: translateY(-54%);
}
ul.cp_list-se {
	padding:0.5em;
	margin-bottom: 20px;
	list-style-type:none;
}
ul.cp_list-se li {
	position:relative;
	padding: 0.3em 0.3em 0.3em 2em;
    font-size: 120%;
    font-weight: bold;
}
ul.cp_list-se li:after,ul.cp_list-se li:before {
	position:absolute;
	content:'';
	display:block;
	background: #FFC107;
	top: 0.43em;
	left: 0.5em;
	height: 11px;
	width: 4px;
	border-radius: 10px;
	transform: rotate(45deg);
}
ul.cp_list-se li:before {
	top: 0.6em;
	left: 0.2em;
	height:8px;
	transform:rotate(-45deg);
}

.heading04 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	text-align: center;
	margin: 30px 0 0 0;
}

.heading04::before,
.heading04::after {
	content: '';
	width: 3px;
	height: 40px;
	background-color: #3fc1c9;
}

.heading04::before {
	margin-right: 30px;
	transform: rotate(-35deg)
}
.heading04::after {
	margin-left: 30px;
	transform: rotate(35deg)
}
.ribbon_wrap {
    box-sizing: border-box;
    height: 45px;
    margin: 10px auto;
    position: relative;
    text-align: center;
    vertical-align: middle;
    width: 80%;
}
.ribbon_wrap:before, .ribbon_wrap:after {
    border-color: #ee67a6;
    border-style: solid;
    bottom: -6px;
    content: '';
    position: absolute;
    width: 0;
    z-index: -2;
}
.ribbon_wrap:before {
    border-left-color: transparent;
    border-width: 20px 15px 20px 15px;
    left: -20px;
}
.ribbon_wrap:after {
    border-right-color: transparent;
    border-width: 20px 15px 20px 15px;
    right: -20px;
}
.ribbonB {
    background: #e72580;
    color: #fff;
    padding: 12px 20px;
    position: relative;
	font-size: 20px;
	font-weight: bold;
}
.ribbonB:before, .ribbonB:after {
    border: none;
    border-bottom: solid 10px transparent;
    content: '';
    position: absolute;
    top: 100%;
}
.ribbonB:before {
    left: 0;
    border-right: solid 10px #a61346;
}
.ribbonB:after {
    right: 0;
    border-left: solid 10px #a61346;
}

/* 横並び */

.flex {
  display: flex;
  padding: 14px 6px;
  border-bottom: 1px dotted #000000;
}
.flex .image {
  margin: 0;
  padding: 0;
}
.flex .image img {
  height: auto;
}
.flex .text-barenai-midashi {
  line-height: 3.0rem;
  font-size: 2.7rem;
  font-weight: bold;
}
.flex .text-barenai {
  line-height: 3.0rem;
  font-size: 2rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
.flex .text-barenai-midashi {
  line-height: 3.0rem;
  font-size: 1.7rem;
  font-weight: bold;
}
		.flex .text-barenai {
			line-height: 2rem;
			font-size: 1.2rem;
		}
	}

.flex2 {
  display: flex;
  padding: 14px 6px;
}
.flex2 .image {
  margin: 0;
  padding: 0;
}
.flex2 .image img {
  height: auto;
}
.flex2 .text-barenai-midashi {
  line-height: 3.0rem;
  font-size: 2.7rem;
  font-weight: bold;
}
.flex2 .text-barenai {
  line-height: 3.0rem;
  font-size: 2rem;
}
	/* レスポンシブ iPad未満 */
	@media screen and (max-width:767px){
.flex2 .text-barenai-midashi {
  line-height: 3.0rem;
  font-size: 1.7rem;
  font-weight: bold;
}
		.flex2 .text-barenai {
			line-height: 2rem;
			font-size: 1.2rem;
		}
	}

h2.card-midashi {
 position: relative;
  margin: 6px 30px 30px 30px;
  text-align: center;
}

h2.card-midashi:before,
h2.card-midashi:after {
  position: absolute;
  z-index: 0;
  bottom: -10px;
  display: block;
  content: '';
  border: 1em solid #d90606;
}

h2.card-midashi:before {
  left: -20px;
  border-left-width: 15px;
  border-left-color: transparent;
}

h2.card-midashi:after {
  right: -20px;
  border-right-width: 15px;
  border-right-color: transparent;
}

h2.card-midashi span {
  position: relative;
  z-index: 1;
  display: block;
  padding: 1rem 2rem;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  background: #fa4141;
}

h2.card-midashi span:before,
h2.card-midashi span:after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: '';
  border-style: solid;
  border-color: #b70505 transparent transparent transparent;
}

h2.card-midashi span:before {
  left: 0;
  border-width: 10px 0 0 10px;
}

h2.card-midashi span:after {
  right: 0;
  border-width: 10px 10px 0 0;
}

/* タイトル付　枠（影）1　*/
.kakomi-box12 {
 position: relative;
 margin: 2em auto;
 padding: 1.2em;
 width: 100%;
 color: #555555; /* 文字色 */
 background-color: #fff;
 border: 2px solid #8FBC8F; /* 枠線の太さ・色 */
 box-shadow: 2px 2px 1px #ccc;/* 影の色 */
}
.title-box12 {
 position: absolute;
 padding: 0 .5em;
 left: 20px;
 top: -15px;
 font-weight: bold;
 background-color: #fff; /* タイトル背景色 */
 color: #8FBC8F; /* タイトル文字色 */
}

/* メモ　ホチキス　A */
.Hochi-box-a {
 position: relative;
 margin: 2em auto;
 padding: 20px 20px 20px 35px;
 width: 100%; /* ボックス幅 */
 background-color: #eee; /* ボックス背景色 */
 color: #555555; /* 文章色 */
 border: 1px solid #3399ff; /* 枠線 */
 box-shadow: 4px 4px 4px #ccc; /* 影の色 */
}
.Hochi-box-a::before {
 position: absolute;
 content: '';
 top: 5px;
 left: 20px;
 height: 30px;
 border: 1.5px solid #d9333f; /* ホチキス色 */
 border-radius: 12px;
 box-shadow: 1px 1px 1px #333;
 transform: rotate(45deg);
}

/* メモ　クリップ　B */
.clip-box-b {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 25px;
 width: 100%; /* ボックス幅 */
 background-color: #FFE4E1; /* ボックス背景色 */
 color: #666666; /* 文章色 */
 box-shadow: 4px 4px 1px #FFB6C1; /* 影の色 */
}
.clip-box-b::before {
 position: absolute;
 content: '';
 top: -15px;
 right: 10px;
 height: 55px;
 width: 15px;
 border: 3px solid #C0C0C0; /*クリップ色 */
 background-color: none;
 border-radius: 12px;
 box-shadow: 1px 1px 2px #ccc; /*クリップ影*/
 transform: rotate(10deg);
 z-index: 1;
}
.clip-box-b::after {
 position: absolute;
 content: '';
 top: 0px;
 width: 10px; 
 right: 20px;
 border: solid 5px #FFE4E1; /*背景色と同じ色に！*/
 z-index: 2;
}

/* 引用 */
blockquote.inyo {
    position: relative;
    padding: 10px 20px;
    margin-bottom: 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #4e4e4e;
    background: #fff3e1;
}

blockquote.inyo:before{
    display: inline-block;
    position: absolute;
    top: 0;
    left: -10px;
    content: "“";
    font-family: sans-serif;
    color: #ffe2b8;
    font-size: 130px;
    line-height: 1;
}

blockquote.inyo:after{
    display: inline-block;
    position: absolute;
    bottom: -40px;
    right: 20px;
    text-align: center;
    content: "”";
    font-family: sans-serif;
    color: #ffe2b8;
    font-size: 90px;
    line-height: 1;
}

blockquote.inyo p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote.inyo cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}

/* リストデザイン */
ul.list-ds, ol.list-ds {
  max-width: 100%;
  padding: 0;
  margin: 0 auto 20px auto;
  color: #1e366a;
  border-top: solid #1e366a 3px;/*上のボーダー*/
  border-bottom: solid #1e366a 3px;/*下のボーダー*/
  padding: 0.5em 0 0.5em 2.5em;
  background: #e0ffff;
}

ul.list-ds li, ol.list-ds li {
  line-height: 1.5;
  padding: 0.5em;
  list-style-type: disc;
  font-weight: bold;
  font-size:14px;
  word-break: break-all;
}

/* 番号付きリストデザイン */
ol.list2 {
  max-width: 100%;
  padding: 0;
  margin: 0 auto 20px auto;
  list-style-type: none;
  counter-reset: li;
  border: solid 3px #00b5ad;
  background: #e0ffff;
}

ol.list2 li {
  position: relative;
  margin: 0.9em 0.9em 0.9em 3.8em;
  font-size: 14px;
  font-weight: bold;
  line-height: 2;
  color: #333;
  word-break: break-all;
}

ol.list2 li::before {
  position: absolute;
  top: 50%;
  left: -3em;
  width: 30px;
  height: 30px;
  color: #fff;
  text-align: center;
  content: counter(li);
  counter-increment: li;
  background: #00b5ad;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.btn.type-ichiran{
  width: 100%;
  max-width: 120px;
  padding: 15px 10px;
  display: inline-block;
  text-align: center;
  letter-spacing: 0.1em;
  color: #fff;
  font-size: 80%;
  background-color: #ff0000;
}


/* 20221216追加分 */
.box_navy_ttl,
.bg_photo_box .bg_photo_box_ttl {
    font-size: 3rem;
    font-weight: bold;
}

.box_navy {
    max-width: 1000px;
    background: url(../img/ttl_zaiseki_img.png) no-repeat right 5% center #023ea1;
    border-bottom: solid 5px #04acdc;
    margin: auto 0;
    background-size: 90px;
    box-shadow: 0px 3px 8px 0px rgb(0 0 0 / 22%);
}
.box_navy_inner {
    display: flex;
    align-items: center;
}
.box_navy_ttl {
    padding: 1em;
}
.box_navy_ttl_lead {
    color: #fff;
    margin-left: 1em;
}
.fukidashi_min {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    max-width: 100%;
    background: #FFF;
    border: solid 2px #1ac0fb;
    box-sizing: border-box;
    border-radius: 100vh;
}
.fukidashi_min p {
    font-weight: bold;
    padding: 0.4em;
    font-size: 0.7em;
    color: #013ea1;
}

.bg_photo_box {
  max-width: 1000px;
  font-weight: bold;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  position: relative;
}
.bg_photo_box .bg_photo_box_ttl {
  position: absolute;
  background: none;
  border: none;
  text-align: center;
  line-height: 1.5em;
  margin: auto;
  padding: 1em 3em;
  color: #fff;
  text-shadow: 0px 1px 6px rgb(24 23 23 / 47%);
}
.bg_photo_box img {
  max-width: 100%;
  height: auto;
  width: 100%;
}

/* 吹き出しタイトル */
.fukidashi_ttl {
  position: relative;
  box-sizing: border-box;
}
.fukidashi_ttl:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -20px;
  border: 10px solid transparent;
  z-index: 1;
}
.fukidashi_ttl .fukidashi_zaiseki {
    text-align: center;
    display: flex;
    font-size: 2.5rem;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    color: #fff;
    padding: 0.5em;
}
.fukidashi_ttl .fukidashi_zaiseki:before {
    content: "";
    display: block;
    margin-right: 5px;
}
.fukidashi_ttl .fukidashi_zaiseki:after {
    align-items: center;
    justify-content: center;
    font-size: 1.7rem;
    font-weight: bold;
    padding: 0.5em;
    color: #fff;
}

/* 吹き出しタイトル アイフル用 */
.fukidashi_aifuru {
    background-color: #e50811;
}
.fukidashi_aifuru:after {
  border-top: 10px solid #e50811;
}
.fukidashi_aifuru .fukidashi_zaiseki:before {
    background: url(../img/ttl_ico_aifuru.png) no-repeat 0 0 / 100%;
    width: 60px;
    height: 45px;
}
.box_border_pink {
    border: solid 5px #e89097;
    background: #fdf7f8;
    padding: 0 10px;
    border-radius: 10px;
    margin: 20px auto;
}

/* 吹き出しタイトル SMBC用 */
.fukidashi_smbc {
      background-color: #004831;
}
.fukidashi_smbc:after {
      border-top: 10px solid #004831;
}
.fukidashi_smbc .fukidashi_zaiseki:before {
    background: url(../img/ttl_ico_smbc.png) no-repeat 0 0 / 100%;
    width: 60px;
    height: 45px;
}
.box_border_green {
    border: solid 5px #004831;
    background: #eaf7fb;
    padding: 0 10px;
    border-radius: 10px;
    margin: 20px auto;
}
.box_border_green .bg_white{
    margin-left: -10px;
    margin-right: -10px;
    padding-bottom: 5px;
}
.box_border_green .bg_white .cp_qa{
    margin-bottom: 0;
}

/* 枠 リスト オレンジ */
.box_border_orange {
    background: #fef0df;
    border: solid 2px #ffc109;
    margin-bottom: 1em;
}
.box_border_orange .cp_list > li span {
      border-bottom: solid 2px #ffc109;
}
.box_border_orange .cp_list {
    margin-bottom: 0;
    margin-top: 5px;
}

/* 汎用 
.article-b .box_navy,
.article-b .fukidashi_ttl {
    margin-left: -10px;
    margin-right: -10px;
}*/
.marker_y {
  background: #fafd70;
}
.bg_white {
  background: #fff;
}


@media screen and (max-width:768px){
.box_border_pink,
.box_border_green {
    width: calc(100% - 20px);
}
}
@media screen and (max-width:767px){

/* font-size */
.box_navy_ttl {
    font-size: 2.5rem;
}
.fukidashi_ttl .fukidashi_zaiseki {
      font-size: 1.7rem;
}
.bg_photo_box .bg_photo_box_ttl {
      font-size: 2rem;
}

.box_navy_inner {
    display: block;
}
.box_navy_ttl_lead {
    margin-top: 1em;
    margin-left: 0;
}
.fukidashi_min:before {
    content: "";
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -15px;
    border: 8px solid transparent;
    border-top: 8px solid #FFF;
    z-index: 2;
}

.fukidashi_min:after {
    content: "";
    position: absolute;
    bottom: -21px;
    left: 50%;
    margin-left: -17px;
    border: 10px solid transparent;
    border-top: 10px solid #1ac0fb;
    z-index: 1;
}
}

/*--------------------
  この記事を書いた人
---------------------*/
/*ボックス全体*/
.profile-box {
    margin:3em 1em 2em;
    padding:10px 10px 10px;
    position:relative;
    border:2px solid #ff6893;    /*枠線の太さ 線種 色*/
    font-size:14px;
}

.profile-box:before , .profile-box:after {
    clear:both;
    content:"";
    display:block;
}

/*「この記事を書いた人」のタイトル*/
.profile-box .profile-box_title {
    position:absolute;
    top:-30px;
    left:-2px;
    padding:0 10px;
    background:#ff6893;    /*背景色*/
    color:#fff;            /*文字の色*/
    font-weight:bold;
    border:2px solid #ff6893;    /*枠線の太さ 線種 色*/
    display:inline-block;
}

.profile-box_title:before {
    font-weight:900;
    margin-right:7px;
}

/*アイコン画像*/
.profile-box img {
    display:block;
    width:180px;
    height:90px;
    float:left;
    margin:0 20px 7px 10px;    /*画像周りの余白*/
}
    /* レスポンシブ iPad未満 */
    @media screen and (max-width:767px){
    .profile-box img {
    display:block;
    width:180px;
    height:90px;
    float:none;
    margin:0 auto 0 auto;    /*画像周りの余白*/
}
}

/*名前(ニックネーム)*/
.profile-box .profile-box_name {
   margin:0 0 7px;
   padding:10px;
   font-size:19px;       /*文字サイズ*/
   font-weight:bolder;
   line-height:21px;    /*行間*/
}

/*プロフィール*/
.profile-box p {
    margin:0;
    padding:0;
    font-size:14px;
    line-height:21px;    /*行間*/
    overflow: hidden;
}

/* カウントダウン用 */
.scoreboard {
  display: flex;
  justify-content: center; /* 水平方向の中央寄せ */
  align-items: center; /* 垂直方向の中央寄せ */
  /* background-color: #c8f7c5; 薄い緑の背景色 */
  background-color: #f5f7c5; /* 薄い黄の背景色 */
  padding: 10px;
  margin: -10px 0 10px 0;
  border-radius: 5px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  font-size: 1.5rem;
  text-align: center;
  width: auto; /* 幅を自動調整する */
}

.scoreboard .flip-card-front {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.scoreboard .flip-card-text {
  font-size: 1.4rem; /* カウント回りのテキストの文字サイズを調整 */
  color: #555; /* カウント回りのテキストのカラーを変更 */
}

.scoreboard .countdown {
  font-size: 2rem; /* カウントダウンの文字サイズを調整 */
  color: #f00; /* カウントダウンのテキストカラーを変更 */
}

/* 各カウントに個別のスタイルを適用するための例 */
#countdown20 {
  font-size: 2rem; /* カウントダウンの文字サイズを調整 */
  font-weight: bold;
  color: #ff0000; /* カウントダウンのテキストカラーを変更 */
}

#countdown20_p {
  font-size: 2rem;
  font-weight: bold;
  color: #ff0000;
}

#countdown25 {
  font-size: 2rem;
  font-weight: bold;
  color: #ff0000;
}

#countdown30 {
  font-size: 2rem;
  font-weight: bold;
  color: #ff0000;
}

#countdown30_1 {
  font-size: 2rem;
  font-weight: bold;
  color: #ff0000;
}

#countdown30_2 {
  font-size: 2rem;
  font-weight: bold;
  color: #ff0000;
}

#countdown60 {
  font-size: 2rem;
  font-weight: bold;
  color: #ff0000;
}

#countdown00 {
  font-size: 2rem;
  font-weight: bold;
  color: #ff0000;
}

.countdownContainer {
  display: none;
}