* {
    font-family: "Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ", "Meiryo", sans-serif;
}

.min {
  font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝L", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
img { max-width: 100%;}
ul {margin: 0; padding: 0;}
li {list-style: none;}
h1, h2, h3, p{margin: 0;}
a:focus, *:focus { outline:none;text-decoration: none;}
p,li{font-size: 16px;}
p,h2,h3{
    color: #333;
}

.w_break {
	word-break: break-all;
}

/** font-size **/
.fontSS {
    font-size: 12px;
}
.fontS {
    font-size: 14px;
}
.fontDefault {
    font-size: 16px;
}
.fontL {
	font-size: 25px;
}
.fontLL {
	font-size: 28px;
}

/** color **/
.main_fc {
    color: var(--main-color);
}

/** background color **/
.main_bg{
	background-color: var(--main-color);
}
.sub_bg {
	background-color: var(--sub-color);
}

/** Contents **/
h2.dots_line  {
	position: relative;
}
h2.dots_line::after{
	content: "";
	border: 2px dotted #333;
	width: 100%;
	height: 2px;
	position: absolute;
	left: 0%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	z-index: -1;
}
h2.dots_line .inner_block {
	display: inline-block;
	background: #fff;
	padding-right: 10px;
}
h3.h3_ttl {
	border-radius: 50px;
	display: table;
	padding: 10px 25px;
}

.qr_box {
	display: flex;
	border: 1px solid #D9D9D9;
}
.qr_box .sub_bg{
	padding: 10px;
	white-space: nowrap;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 20%;
}
.qr_box .txt_a{
	padding: 20px;
}

.procedure_wrap .num{
	margin-right: 20px;
	width: 40%;
}
.procedure_wrap .img_b img{
	border: 1px solid #D9D9D9;
}

.code_box {
	width: 30%;
}

@media (max-width: 992px) {
	
	.fontL {
font-size: 20px;
}
	
	.qr_box .sub_bg {
		width: 35%;
	}
	.qr_box .txt_a {
		padding: 15px;
	}
	.procedure_wrap .num {
		margin-right: 15px;
		width: 20%;
}
	.code_box {
width: 50%;
}
}