@charset "utf-8";

@font-face {
  font-family: "notosanjp";
  font-weight: 400; 
  src: url("/static/css/fonts/notosansjp/NotoSansJP-Regular.woff2") format("woff2"), url("/static/css/fonts/notosansjp/NotoSansJP-Regular.otf") format("opentype");
}

@font-face {
  font-family: "notosanjp";
  font-weight: 600; 
  src: url("/static/css/fonts/notosansjp/NotoSansJP-Bold.woff2") format("woff2"), url("/static/css/fonts/notosansjp/NotoSansJP-Bold.otf") format("opentype");
}

:root {
  --primary-color: #EC7190;
  --secondary-color: #2F242C;
}

body{
	font-family: "Noto Sans JP", sans-serif;
}

article section:not(#section-breadcrumb){
	color:var(--secondary-color);
}

a{
	transition: all 0.2s ease;
}

.sct-title{
	background:var(--secondary-color);
	padding:60px 0;
}

.sct-title h1{
	font-size:24px;
	font-weight:bold;
	color:#FFF;
	text-align:center;
}

.txt-q{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	padding:60px 0;
}

.txt-q span{
	color:#EC7190;
}

.txt-link{
	text-align:right;
}

.txt-link + .txt-link{
	margin-top:10px;
}

.txt-link a{
	color:var(--secondary-color);
	font-size:15px;
	font-weight:400;
	text-align:right;
	text-decoration:underline;
	position:relative;
	padding-right:15px;
}

.txt-link a:hover{
	color:var(--primary-color);
}

.txt-link a:after{
	position: absolute;
	top: 4px;
	right: 0;
	content: "\f054";
	font-family: "Font Awesome 5 Free";
	font-size:12px;
	font-weight:600;
	margin-left:10px;
}

.flex{
	display:flex;
	justify-content: space-between;
}

.flex .item-left{
	width:510px;
	padding-left:20px;
}

.flex .item-right{
	width:595px;
}

.step-box-wrap{
	display:flex;
	justify-content: space-between;
}

.step-box{
	padding:15px 0;
	background:#f6f6f6;
	border-radius:10px;
	width:45%;
}

.step-box dl{
	display:flex;
	gap:15px;
}

.step-box dl dt{
	display: flex;
	justify-content: center;
	align-items: center;
	color:#2f242c;
	font-weight:bold;
	background:#dedede;
	width:80px;
	height:2rem;
	border-radius:0 20px 20px 0;
}

.step-box dl dd p + p{
	margin-top:7px;
}

.step-box dl dd{
	color:#000;
	font-weight:bold;
	padding-top:5px;
	width:calc(100% - 80px - 15px);
	padding-right:20px;
}

.yaji{
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:36px;
	text-align:center;
	color:#b2b2b2;
	width:10%;
}

.step-box nav{
	padding:15px 20px 0 20px;
}

.step-box.step02 nav ul{
	display: grid;
	grid-template-columns: 1fr 1fr /*1fr*/;
	gap:15px;
}

.step-box nav ul li a,
a.btn-primaly{
	display:block;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background:var(--primary-color);
	border-radius:6px;
	position:relative;
}

.step-box nav ul li a:hover,
a.btn-primaly:hover{
	text-decoration:none;
	opacity:0.8;
}

.step-box.step01 nav ul li a,
a.btn-primaly{
	padding:15px;
}

.step-box.step02 nav ul li a{
	padding:15px 15px 25px 15px;
}

.step-box nav ul li a:after,
a.btn-primaly:after{
	opacity:0.6;
}
.step-box.step01 nav ul li a:after,
a.btn-primaly:after{
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right: 15px;
}


.step-box.step02 nav ul li a:after{
	content: "\f107";
	font-family: "Font Awesome 5 Free";
	font-weight:900;
	position: absolute;
	bottom: 5px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}

.step-box .status-wrap{
	background:#EAEAEA;
	margin:7px 20px 0px 20px;
	border-radius:5px;
}

.step-box .status-wrap a{
	display:block;
	padding:5px 12px;
	color:#626262;
	font-weight:bold;
	position:relative;
}

.step-box .status-wrap a:after{
	content:"\f068";
	font-family: "Font Awesome 5 Free";
	font-size: 12px;
	font-weight: 600;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	right:15px;
}
.step-box .status-wrap a.collapsed:after{
	content:"\f067";
}

.step-box .status-wrap a:hover{
	text-decoration:none;
}

.step-box .status-wrap ul{
	display: grid;
	grid-template-columns: 1fr 1fr/* 1fr*/;
	gap:15px;
}

.step-box .status-wrap #status{
	padding:0 12px 12px 12px;
}

.contents{
	padding:40px 0;
}

#sec03.contents{
	padding-bottom:100px;
}

.contents h2{
	font-size:24px;
	font-weight:bold;
	color:var(--primary-color);
	background:url(/static/img/guide/checkbusstatus/bg-ttl.svg) no-repeat center left;
	padding:12px 0 12px 0;
	margin-bottom:40px;
}

.contents h2 span{
	display:inline-block;
	text-align:center;
	width:315px;
}

.img-box{
	background:#f6f6f6;
	border-radius:5px;
}

.ttl-check{
	position:relative;
	font-size:20px;
	padding-left:30px;
}

.ttl-check span{
	font-size:18px;
	padding-top:5px;
	display:inline-block;
}

.ttl-check:before{
	display:block;
	content:"";
	width:20px;
	height:20px;
	background:url(/static/img/guide/checkbusstatus/check.svg) no-repeat center center;
	background-size:100% auto;
	position: absolute;
	top:2px;
	left:0;
}

.ttl-check + ul{
	margin:30px 0 20px 30px ;
}

.ttl-check + ul li{
	position:relative;
	padding-left:15px;
	line-height:1.3;
}

.ttl-check + ul li:before{
	display:block;
	content:"";
	width:5px;
	height:5px;
	border-radius:5px;
	border:1px solid var(--secondary-color);
	position: absolute;
	top:8px;
	left:0;
}

.ttl-check + ul li + li{
	margin-top:15px;
}

.ttl-notice{
	font-size:18px;
	font-weight:bold;
	color:var(--primary-color);
	padding:0 0 7px 23px;
	margin-top:20px;
}
.ttl-notice:before{
	display:inline-block;
	content:"";
	width:20px;
	height:20px;
	background: url(/static/img/guide/checkbusstatus/info2.svg) no-repeat left center;
	background-size:100% auto;
	margin-right:5px;
	vertical-align:-3px;
}
.notice-box{
	padding:15px 15px;
	border:2px solid #EC7190;
	border-radius:5px;
}

.notice-box ul li{
	position:relative;
	padding-left:20px;
	font-size:15px;
	font-weight:500;
	color:var(--primary-color);
	line-height:1.3;
}

.notice-box ul li a{
	color:var(--primary-color);
	text-decoration:underline;
}

.notice-box ul li:before{
	content:"※";
	position: absolute;
	top:0px;
	left:0;
}

.notice-box ul li + li{
	margin-top:10px;
}

.contents-top .notice-box-wrap{
	max-width:780px;
	margin:60px auto 20px auto;
}
.contents-top .notice-box .notice-box-in{
	max-width:400px;
	margin:0 auto 10px auto;
}

.contents-top .notice-box .notice-box-in img{
	margin-bottom:20px;
}

.contents-top .notice-box .notice-box-in p{
	font-size: 15px;
	font-weight: 500;
	color: var(--primary-color);
	line-height: 1.3;
}

.img-box{
	padding:25px 25px;
}

.img-box h4{
	font-size:18px;
	font-weight:600;
	margin-bottom:10px;
}

.img-box h4 span{
	display:inline-block;
	font-size:15px;
	font-weight:normal;
	color:#626262;
	padding:3px 10px;
	margin-left:15px;
	background:#D2D2D2;
	border-radius:3px;
}

.img-box p{
	line-height:1.3;
}

.img-box ol.kome-num {
	counter-reset: note-counter;
	margin-top:20px;
}

.img-box ol.kome-num li {
	font-size:15px;
	counter-increment: note-counter;
	position: relative;
	padding-left:33px;
	line-height:1.3;
}

.img-box ol.kome-num li::before {
	content: "※" counter(note-counter);
	position: absolute;
	left: 0;
	top: 0;
}

.img-box ol.kome-num li + li{
	margin-top:5px;
}

.img-box + .img-box{
	margin-top:20px;
}

.img-box p:not(.txt-link) + p:not(.txt-link){
	margin-top:10px;
}

.img-box .flex{
	
}
.img-box .item-left{
	padding:0;
	width:240px;
}

.img-box .item-right{
	width:253px;
}

.ttl-info{
	position:relative;
	font-size:20px;
	padding-left:25px;
}

.ttl-info:before{
	display:block;
	content:"";
	width:20px;
	height:20px;
	background:url(/static/img/guide/checkbusstatus/info.svg) no-repeat center center;
	background-size:100% auto;
	position: absolute;
	top:2px;
	left:0;
}

.img-box p.kome{
	position:relative;
	padding-left:20px;
	font-size:15px;
}
.img-box p.kome:before{
	content:"※";
	position: absolute;
	top:0px;
	left:0;
}
.img-box ol.image-list li:first-child{
	display: flex;
	justify-content: center;
	align-items: center;
}

.img-box ol.image-list .grid-2 div + div,
.img-box ol.image-list .grid-3 div + div{
	border-left:2px solid var(--secondary-color);
}

.img-box ol.image-list {
	position:relative;
	counter-reset: image-counter;
	z-index:2;
}

.img-box ol.image-list li{
	font-size:15px;
	font-weight:500;
	line-height:1.15;
	counter-increment: image-counter;
	position: relative;
	background:#fff;
	border:2px solid var(--secondary-color);
	border-radius:3px;
	padding-left:28px;
	text-align:center;
	height:48px;
}

.img-box ol.image-list li:last-child{
	background:#FFF6F7;
}

.img-box ol.image-list li:before{
	content: counter(image-counter, decimal-leading-zero);
	font-size:17px;
	font-weight:bold;
	color:#fff;
	background:var(--secondary-color);
	display: flex;
	justify-content: center;
	align-items: center;
	width:28px;
	height:100%;
	text-align:center;
	position:absolute;
	top:0;
	left:0;
}

.img-box ol.image-list li + li{
	margin-top:26px;
}

.img-box ol.image-list li .grid-2{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	height:100%;
}

.img-box ol.image-list li .grid-3{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	align-items: center;
	height:100%;
}
.img-box ol.image-list li .grid-2 div,
.img-box ol.image-list li .grid-3 div{
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:100%;
	font-size:15px;
}
.img-box ol.image-list li a{
	display: block;
	width:100%;
	height:56px;
	color:var(--secondary-color);
	background:url(/static/img/guide/checkbusstatus/i-link.svg) no-repeat right 2px bottom 2px;
	padding:10px 0;
}

.img-box ol.image-list li a:hover{
	text-decoration:none;
	background:url(/static/img/guide/checkbusstatus/i-link.svg) no-repeat right 2px bottom 2px,#ffe2e5;
}

.img-box ol.image-list li a span{
	font-size:12px;
	display:inline-block;
}

.img-box ol.image-list li a span.kome{
	text-align:left;
	position:relative;
	padding-top:2px;
	padding-left:1px;
}

.img-box ol.image-list li a span.kome:before{
	content:"※";
	position:absolute;
	top:0;
	left:-14px;
}

.img-box .image-list-wrap01 ol.image-list li{
	height:48px;
}

.img-box .image-list-wrap01 ol.image-list li:nth-child(3){
	height:60px;
}
.img-box .image-list-wrap01 ol.image-list li:last-child{
	height:77px;
}

.img-box .image-list-wrap01 ol.image-list li:last-child a{
	height:72px;
}

.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:first-child a{
	padding:20px 0 20px 0;
}

.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:nth-child(2) a{
	padding:10px 0 10px 0;
}

.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:last-child a{
	padding:20px 0 20px 0;
}

.img-box ol.image-list li:nth-child(2) .grid-2{
	grid-template-columns: 2fr 1fr;
}
.img-box ol.image-list li:nth-child(3){
	width:316px;
}

.img-box .image-list-wrap02 ol.image-list li:nth-child(3),
.img-box .image-list-wrap03 ol.image-list li:nth-child(3){
	width:375px;
}

.img-box .image-list-wrap01 ol.image-list li:last-child .grid-3{
	grid-template-columns: 0.8fr 0.8fr 2fr;
}

.img-box .image-list-wrap02 ol.image-list li:last-child .grid-2,
.img-box .image-list-wrap03 ol.image-list li:last-child .grid-2{
	grid-template-columns: 1fr 2fr;
}

.img-box .image-list-wrap02 ol.image-list li:last-child{
	height:58px;
}

.img-box .image-list-wrap02 ol.image-list li:last-child a{
	height:54px;
}

.img-box .image-list-wrap03 ol.image-list li:last-child{
	height:82px;
}
.img-box .image-list-wrap03 ol.image-list li:last-child a{
	height:78px;
}


.img-box .image-list-wrap01{
	position:relative;
	width:456px;
	margin:0 auto;
}

.img-box .image-list-wrap02,
.img-box .image-list-wrap03{
	position:relative;
	width:547px;
	margin:20px auto 0 auto;
}

.img-box .image-list-wrap01 .line01,
.img-box .image-list-wrap01 .line02,
.img-box .image-list-wrap01 .line03,
.img-box .image-list-wrap01 .line04{
	position:absolute;
	bottom:62px;
	z-index:1;
}

.img-box .image-list-wrap01 .line01{ left:70px;}
.img-box .image-list-wrap01 .line02{ left:170px;}
.img-box .image-list-wrap01 .line03{ left:264px;}
.img-box .image-list-wrap01 .line04{ right:65px;height:194px;}


.img-box .image-list-wrap02 .line01,
.img-box .image-list-wrap02 .line02,
.img-box .image-list-wrap02 .line03,
.img-box .image-list-wrap02 .line04{
	position:absolute;
	bottom:61px;
	z-index:1;
}

.img-box .image-list-wrap03 .line01,
.img-box .image-list-wrap03 .line02,
.img-box .image-list-wrap03 .line03,
.img-box .image-list-wrap03 .line04{
	position:absolute;
	bottom:85px;
	z-index:1;
}

.img-box .image-list-wrap02 .line01,
.img-box .image-list-wrap03 .line01{ left:105px;}

.img-box .image-list-wrap02 .line02,
.img-box .image-list-wrap03 .line02{ left:282px;}

.img-box .image-list-wrap02 .line04,
.img-box .image-list-wrap03 .line04{ right:80px;height:196px;}

#sec01 .img-box img{
	margin-top:10px;
}

#sec03 a.btn-primaly{
	margin:40px 0;
}

#sec03 a.btn-primaly:before{
	display:inline-block;
	content:"";
	width:18px;
	height:18px;
	background:url(/static/img/guide/checkbusstatus/i-q.svg) no-repeat center center;
	background-size:100% auto;
	vertical-align:-2px;
	margin-right:7px;
}

#sec01 h2 span:before{
	display:inline-block;
	content:"";
	width:22px;
	height:22px;
	margin-right:7px;
	background:url(/static/img/guide/checkbusstatus/i-circle.svg) no-repeat center center;
	vertical-align:-1px;
}

#sec02 h2 span:before,
#sec03 h2 span:before{
	display:inline-block;
	content:"";
	width:22px;
	height:22px;
	margin-right:7px;
	background:url(/static/img/guide/checkbusstatus/notice.svg) no-repeat center center;
	vertical-align:-1px;
}

@media(min-width:1200px){
	article .container{
		max-width: 1200px;
		padding-left:0;
		padding-right:0;
	}
	.yaji{
		height:170px;
	}

	.step-box.step01{
		height:170px;
	}
	.yaji i{
		transform: rotate(-90deg);
	}
	
	#sec03 .item-right a.btn-primaly{
		display:none;
	}
}


@media(max-width:1199px){
	.step-box-wrap{
		display:flex;
		align-items: center;
		flex-flow: column;
	}
	
	.step-box,
	.yaji{
		width:100%;
	}
	
	.flex{
		flex-flow: column;
		gap:30px;
	}
	
	.flex .item-left,
	.flex .item-right{
		width:100%;
	}
	
	.img-box .flex{
		flex-flow:initial;
	}
	.img-box .flex .item-left,
	.img-box .flex .item-right{
		width:50%;
	}
	.flex .item-left{
		padding-left:0;
	}
	
	.ttl-check + ul{
		margin:15px 0 15px 5px;
	}
	#sec03 .item-left a.btn-primaly{
		display:none;
	}
	#sec03 .item-right a.btn-primaly{
		margin-top:30px;
	}
}

@media(min-width:992px) and (max-width:1199px){
	article .container{
		max-width: 768px;
		padding-left:0;
		padding-right:0;
	}
	
	.img-box .flex{
		width:600px;
		margin:0 auto;
	}
	
}

@media(min-width:768px){
	.img-box .image-list-wrap01 .line01, .img-box .image-list-wrap01 .line02, .img-box .image-list-wrap01 .line03, .img-box .image-list-wrap01 .line04 {
		bottom: 80px;
	}
}

@media(min-width:768px) and (max-width:991px){
	.img-box .flex{
		width:600px;
		margin:0 auto;
	}
}

@media(max-width:767px) {
	.sct-title{
		padding:32px 0;
	}
	.sct-title h1{
		font-size:18px;
	}
	article p,
	.contents-top,
	#sec01,
	#sec02,
	#sec03{
		font-size:14px;
	}
	
	.txt-q{
		font-size:16px;
		padding:40px 0;
	}
	.step-box{
		padding:10px 0;
	}
	.step-box nav{
		padding:15px 10px 0 10px;
	}
	
	.step-box nav ul li a{
		border-radius: 6px;
		font-size:14px;
	}
	.step-box.step01 nav ul li a:after{
		right:10px;
	}
	.step-box.step02 nav ul li a:after{
		bottom:0;
	}
	
	.step-box.step01 nav ul li a{
		padding:8px;
	}
	.step-box.step02 nav ul li a{
		padding:10px 10px 20px 10px;
	}
	
	.step-box.step01 nav ul,
	.step-box.step02 nav ul{
		gap:10px;
	}
	
	.step-box dl{
		gap:8px;
	}
	
	.step-box dl dt{
		width:66px;
	}
	
	.step-box dl dd{
		width: calc(100% - 66px - 8px);
		padding-right:16px;
	}
	
	.step-box dl dd p + p {
		margin-top: 5px;
	}
	
	.step-box nav{
		padding-top:12px;
	}
	
	.contents{
		padding:20px 0;
	}
	
	#sec03.contents{
		padding-bottom:60px;
	}
	
	.step-box .status-wrap{
		margin-left:10px;
		margin-right:10px;
	}
	
	.contents h2{
		font-size:16px;
		margin-left:-15px;
		margin-right:-15px;
		background:url(/static/img/guide/checkbusstatus/bg-ttl-sp.svg) no-repeat center left;
		padding:14px 0;
		margin-bottom:20px;
	}
	.contents h2 span{
		width:233px;
	}
	.ttl-info{
		padding-left:18px;
	}
	.ttl-info:before{
		width:14px;
		height:14px;
	}
	
	.ttl-check{
		font-size:16px;
		padding-left:23px;
	}
	.ttl-check span{
		font-size:14px;
		padding-top:5px;
		display:inline-block;
	}
	.ttl-notice{
		font-size:14px;
	}
	
	.img-box h4{
		font-size:16px;
	}
	
	.img-box p + .txt-link{
		margin-top:10px;
	}
	
	.txt-link a{
		font-size:12px;
	}
	
	.img-box p.kome{
		font-size:12px;
		padding-left:15px;
	}
	
	.img-box .flex .item-left p{
		font-size:12px;
	}
	
	.img-box h4.ttl-info{
		font-size:14px;
	}
	
	.img-box .flex{
		gap:10px;
	}
	
	.img-box ol.kome-num li{
		font-size:12px;
		padding-left:25px;
	}
	
	.img-box ol.kome-num li + li{
		margin-top:7px;
	}
	
	.notice-box ul li{
		font-size:12px;
	}
	
	.notice-box ul li + li{
		margin-top:7px;
	}
	
	.ttl-check + ul li + li{
		margin-top:10px;
	}
	
	.ttl-check:before{
		width:17px;
		height:17px;
	}
	
	.img-box{
		padding:12px;
	}
	.img-box .image-list-wrap01,
	.img-box .image-list-wrap02,
	.img-box .image-list-wrap03{
		width:100%;
	}
	
	.img-box .image-list-wrap02 ol.image-list li:nth-child(3),
	.img-box .image-list-wrap03 ol.image-list li:nth-child(3){
		width:70%;
	}
	
	.img-box ol.image-list li,
	.img-box ol.image-list li .grid-2 div,
	.img-box ol.image-list li .grid-3 div{
		font-size:12px;
	}
	
	.img-box ol.image-list li:before{
		font-size:16px;
	}
	
	.img-box ol.image-list li a span{
		font-size:10px;
	}
	.img-box ol.image-list li a span.kome{
		padding-left:7px;
	}
	.img-box ol.image-list li a span.kome:before{
		top:1px;
		left:-5px;
	}
	
	.img-box h4 span{
		font-size:12px;
		margin-top:4px;
		margin-left:0;
	}
	
	.img-box .image-list-wrap01 ol.image-list li a{
		padding-top:13px;
	}
	
	.img-box .image-list-wrap02 ol.image-list li a{
		padding-top:7px;
	}
	
	.img-box .image-list-wrap03 ol.image-list li a{
		padding-top:13px;
	}
	
	.img-box ol.image-list li:nth-child(3){
		width:69.5%;
	}

	.img-box .image-list-wrap01 .line01{ left:17%;}
	.img-box .image-list-wrap01 .line02{ left:37.5%;}
	.img-box .image-list-wrap01 .line03{ left:57.5%;}
	.img-box .image-list-wrap01 .line04{ right:14%;}


	.img-box .image-list-wrap02 .line01,
	.img-box .image-list-wrap03 .line01{ left:22%;}

	.img-box .image-list-wrap02 .line02,
	.img-box .image-list-wrap03 .line02{ left:53%;}

	.img-box .image-list-wrap02 .line04,
	.img-box .image-list-wrap03 .line04{ right:14%;}
	
	.img-box .image-list-wrap01 ol.image-list li:nth-child(3){
		height:60px;
	}
	.img-box .image-list-wrap01 ol.image-list li:last-child{
		height:60px;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child a{
		height:57px;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:first-child a{
		padding:15px 0;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:nth-child(2) a{
		padding:7px 0 10px 0;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:last-child a{
		padding:15px 0;
	}
	#sec01 h2 span:before{
		width:15px;
		height:15px;
		vertical-align:-2px;
		background-size:100% auto;
	}
	#sec02 h2 span:before,
	#sec03 h2 span:before{
		width:15px;
		height:15px;
		vertical-align:-1px;
		background-size:100% auto;
	}
	.ttl-notice{
		padding-left:15px;
		padding-bottom:7px;
	}
	.ttl-notice:before{
		content:"";
		width:15px;
		height:15px;
		margin-right:3px;
		vertical-align:-2px;
	}
}

@media(max-width:415px) {
	article p,
	.contents-top,
	#sec01,
	#sec02,
	#sec03{
		font-size:12px;
	}
	.sct-title h1,
	.txt-q{
		font-size:16px;
	}
	
	.step-box nav ul li a{
		font-size:12px;
	}
	
	.step-box dl{
		gap:7px;
	}
	
	.step-box dl dt{
		width:62px;
	}
	
	.step-box dl dd p{
		font-size:11px;
		padding-top:3px;
	}

	.step-box.step02 nav ul{
		gap:10px;
	}
	.img-box ol.image-list li,
	.img-box ol.image-list li .grid-2 div,
	.img-box ol.image-list li .grid-3 div{
		font-size:11px;
	}
	.img-box ol.image-list li a span{
		font-size:9px;
	}
	.img-box ol.image-list li:before{
		font-size:13px;
		width:22px;
	}
	.img-box ol.image-list li{
		padding-left:22px;
	}
	.img-box ol.image-list li a span.kome{
		padding-left:3px;
	}
	.img-box ol.image-list li a span.kome:before{
		left:-7px;
		top:2px;
	}
	.img-box ol.image-list li a{
		padding-top:15px;
	}
	
	.img-box p.kome{
		font-size:11px;
		padding-left:15px;
	}
	
	.img-box h4,
	.ttl-check{
		font-size:14px;
	}
	.img-box h4 span{
		font-size:12px;
	}
	
	.img-box h4.ttl-info{
		font-size:13px;
	}
	
	.ttl-info:before{
		top:0;
	}
	
	.img-box .flex .item-left{
		width:55%;
	}
	.img-box .flex .item-right{
		width:45%;
	}
	.img-box .image-list-wrap01 ol.image-list li a{
		padding-top:15px;
	}
	
	.img-box .image-list-wrap02 ol.image-list li a{
		padding-top:8px;
	}
	
	.img-box .image-list-wrap03 ol.image-list li a{
		padding-top:15px;
	}
	
	.img-box .image-list-wrap01 ol.image-list li:nth-child(3){
		height:60px;
	}
	.img-box .image-list-wrap01 ol.image-list li:last-child{
		height:60px;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child a{
		height:57px;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:first-child a{
		padding:15px 0;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:nth-child(2) a{
		padding:10px 0 10px 0;
	}

	.img-box .image-list-wrap01 ol.image-list li:last-child  .grid-3 div:last-child a{
		padding:15px 0;
	}
	
}