@charset "utf-8";


#contents {
    padding: 0;
/*    width: auto;*/
    margin: 0 auto;
}
#content {
    margin-bottom:100px;
}
#contents .inside {
	width:980px;
}
/*#content h3{
	font-size:20px;
	text-align:center;
	margin:0 auto 50px;
	line-height:35px;
}*/
#content h3{
	font-size:20px;
	text-align:left;
	margin:0 auto 50px;
	line-height:35px;
}
#content .id_title{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin:0 auto 30px;
}
#content .txt_l{
	text-align:left;
}
#content .txt_r{
	text-align:right;
}
#content .txt_c{
	text-align:center;
}
#content .id_check_box{
	width:600px;
	margin:0 auto 60px;
}
#content .id_check{
	font-size:16px;
	margin-bottom:8px;
}
#content .id_check_sub{
	font-size:14px;
	margin-bottom:20px;
}
#content .notice_box{
	margin:10px 0 0 30px;
}
#content .notice{
	font-size:11px;
	text-align:left;
}
#content .note_box {
    padding: 15px;
    color: #f00;
    border: solid #f00 1px;
}
#content .id_note {
    margin-bottom: 0;
}


/* ボタン */
.bt_boxy a.to_idphoto_p {
	background:#019638;
}
.bt_boxy a.to_idphoto_f {
	background:#132fac;
}
.bt_boxy a.to_idphoto_profile {
	background:#00bfff;
}


/* 汎用 */
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb40 {
	margin-bottom:40px;
}
.mb50 {
	margin-bottom:50px;
}
.mb60 {
	margin-bottom:60px;
}
.mb70 {
	margin-bottom:70px;
}
.mb80 {
	margin-bottom:80px;
}
.ml10 {
	margin-left:10px;
}
.ml20 {
	margin-left:20px;
}
.ml30 {
	margin-left:30px;
}
.sp_br{
	display:none !important;
}
.pc_br{
	display:inline !important;
}

/* フッター */
#footer {
	bottom: 0;
	width: 100%;
/*    margin-top: 100px;*/
	background: #77777a;
	height: 50px;
}



@media screen and (max-width: 640px) {

#wrapper {
	height: 100%;
}


#contents {
	height: 100%;
	margin:0 auto;
}
#content {
	padding:0 8px;
}
#contents .inside {
	width:100%;
}
#content h3 {
	width:100% !important;
	text-align:left !important;
	margin:0 auto 20px;
	font-size:16px;
	line-height:30px;
}
#content .id_check_box {
	width:100%;
	margin-bottom:20px;
}
#content .id_check_sub.ml10{
	margin-left:0;
}
#content .notice_box{
	margin:10px 0 0 0;
}
.pc_br{
	display:none !important;
}
.sp_br{
	display:inline !important;
}
/* ボタン */
.bt_boxy a.to_idphoto_p span {
	font-size:18px;
}
.bt_boxy a.to_idphoto_f span {
	font-size:18px;
}

/* フッター */
#footer {
	position: absolute !important;
   	height: 10%;
	margin:0 !important;
	bottom:auto;
}


}

/* add 2022.10.3 */
.id_kirei .bg_yellow {
	margin-bottom: 50px;
}
.id_kirei h2{
	text-align: center;
}
.id_kirei #content h3{
	color:#3a62ad;
	font-weight: bold;
	text-align: center;
}
.id_kirei #content .id_title.font-l{
	margin-top: 40px;
	font-size: 28px;
	color: #333333;
}
.id_kirei #content .id_check_box.wide_area{
	width: 692px;
	margin: 0 auto 40px;
	color: #333333;
	font-size: 16px;
}
.id_kirei #content .id_check_sub {
	font-size: 16px;
}
.id_kirei .notice_list{
	padding-left:1em;
	text-indent:-1em;
	font-size: 14px;
}
.id_kirei .idcard_area{
	width: 500px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}
.id_kirei .idcard_area .img_area{
	margin-right: 10px;
	margin-bottom: 0;
}
.id_kirei .idcard_area .txt_area{
	font-size: 16px;
	margin-bottom: 0;
	color: #333333;
}
.id_kirei .bt_boxy a span {
	text-align: left;
	padding: 15px 20px;
	font-weight: bold;
	text-align: center;
}
.id_kirei .bt_boxy a span::before {
	display: none;
}
.id_kirei .bt_boxy a.to_idphoto_f {
	background: #3a62ad;
}
.id_kirei .mt20{
	margin-top: 20px;
}
.id_kirei .machine_img {
	text-align: center;
}
.id_kirei .att_area{
	color: #333333;
	margin: 28px auto;
	width: 692px;
	font-size: 14px;
	line-height: 24px;
}
.id_kirei .att_area a{
	text-decoration: none;
	color: #0416ff;
}

@media screen and (max-width: 640px) {
	#contents.id_kirei .h_main {
			margin-bottom: 36px;
	}
	.id_kirei #content{
		padding: 0 12px;
	}
	#contents.id_kirei .h_main span {
		 width: auto;
		 height: auto;
		 padding: 15px 10px;
		 line-height: 30px;
	}
	.id_kirei #content h3{
			font-size: 20px;
	}
	.id_kirei #content .id_title.font-l {
			margin-bottom: 50px;
	}
	.id_kirei #content .id_check_box.wide_area{
			width: auto;
	}
	.id_kirei .idcard_area{
			width: auto;
	}
	.id_kirei .bt_boxy a.to_idphoto_p span {
			font-size: 20px;
	}
	.id_kirei .machine_img {
		max-width: 90%;
		margin: 25px auto;
	}
	.id_kirei .att_area{
		width: auto;
		margin-top: 10px;
	}
}