@charset "UTF-8";

/* ----------------------------------
 マイナンバーカードの健康保険証受付
---------------------------------- */
.mynumber__subheading { font-weight: bold; color: #c85c7a;}
.mynumber__title { margin-bottom: 1em; display: flex; align-items: flex-start; font-size: 18px; font-weight: bold; color: #008566;}
.mynumber__title div.mynumber__title--no { padding: .3em .6em; margin-right: 1rem; color: #fff; background: #008566;}
.mynumber__title div { font-size: 18px; font-weight: bold; color: #008566;}
.mynumber-img { max-width: 900px; margin: 0 auto;}
.mynumber-img img { width: 100%;}
.mynumber-movie { max-width: 900px; margin: 0 auto;}
.mynumber-movie__box { width: 100%; padding-top: 56.25%; position: relative;}
.mynumber-movie__box iframe { width: 100%; height: 100%; position: absolute; top: 0; right: 0;}

@media screen and (min-width: 769px) {
	.mynumber__title { font-size: 20px; align-items: center;}
	.mynumber__title div.mynumber__title--no { padding: .4em .8em; margin-right: 1rem;}
	.mynumber__title div { font-size: 20px;}
}
@media screen and (max-width: 768px) {
	.p-f02-mv img { width: 100%;}
	.p-c03-box03-container .p-c03-box03-img { margin-top: 30px;}
}