@charset "utf-8";

#main202403 *{outline:none;box-sizing:border-box;}
#main202403{
	font-family:'Noto Sans JP',sans-serif;
	font:13px;
	font-size:100%;
	line-height:1;
	letter-spacing:0;
}
#main202403 .bldFnt{font-weight:bold!important;}
#main202403 .nmlFnt{font-weight:normal!important;}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For SmartPhone
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (max-width:767px){
	.spHide{display:none !important;}

	/* //////////////////////////////////////////////////////////////////////////// */
	#main202403 h2{
		margin:0 auto 30px;
    padding:15px 0;
    font-weight:900;
    color:#E7242E;
    background:#ffffff;
    font-size:5vw;
		text-align:center;
		line-height:1.4;
    border-bottom:2px solid #E7242E;
    border-top:2px solid #E7242E;
	}
	#main202403 h2 span{
		display:block;
		font-weight:normal;
		font-size:2.6vw;
	}

	/* //////////////////////////////////////////////////////////////////////////// */
	#main202403 .mapWrap{
		padding:0 5% 5% 5%;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox{
		width:100%;
		margin:0 auto 0;
		position:relative;
		/*background:rgba(255,0,0,.5);*/
	}
	#main202403 .mapWrap .layoutBox::before{
		content:"";
		display:block;
		padding-top:104.3%;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox .mapBox{
		position:absolute;
		top:0;
		left:0;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox .prefName{
		display:none;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox .prefName.p01{
		top:15%;
		right:27%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p02{
		top:32%;
		right:36%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p04{
		top:48%;
		right:34%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p06{
		top:45%;
		right:40%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p08{
		top:60.5%;
		right:35.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p09{
		top:57.5%;
		right:40.2%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p10{
		top:59%;
		right:44.8%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p11{
		top:62.2%;
		right:42.8%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p12{
		top:67%;
		right:36.3%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p13{
		top:65%;
		right:42%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p14{
		top:68.3%;
		right:41.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p15{
		top:53%;
		right:46%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p18{
		top:63.3%;
		right:61%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p20{
		top:61.5%;
		right:49.7%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p22{
		top:71%;
		right:47.3%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p23{
		top:69.5%;
		right:53.8%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p24{
		top:74.5%;
		right:57.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p26{
		top:66.5%;
		right:64.6%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p27{
		top:73%;
		right:63.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p28{
		top:69.5%;
		right:67.2%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p30{
		top:79%;
		right:62%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p31{
		top:66.2%;
		right:72.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p33{
		top:71%;
		right:73%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p35{
		top:73%;
		right:85%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p36{
		top:76.5%;
		right:70%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p39{
		top:80.5%;
		right:76.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p40{
		top:77%;
		right:90%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p44{
		top:80%;
		right:86.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p47{
		top:88%;
		right:6.5%;
	}

	/* //////////////////////////////////////////////////////////////////////////// */
	#main202403 .listWrap{
		width:98%;
		margin:0 auto 0;
		padding:5% 3% 4em;
		border-top:1px solid #cccccc;
	}

	/* ---------------------------------------------------------- */
	#main202403 .listWrap .tblBox .groupBox{
		border:1px solid #eeeeee;
	}
	#main202403 .listWrap .tblBox .groupBox .items{
		display:flex;
		flex-wrap:wrap;
	}

	/* ---------------------------------------------------------- */
	#main202403 .listWrap .tblBox .groupBox .items.prefecturesLine{
		padding:0.3em 0.5em;
		background-color:#eeeeee;
	}
	#main202403 .listWrap .tblBox .groupBox .items.prefecturesLine p{
		text-align:left;
		font-size:85%;
		font-weight:bold;
	}
	#main202403 .listWrap .tblBox .groupBox .items.prefecturesLine p .en{
		display:block;
		margin-top:3px;

		font-family:"Sofia Sans Extra Condensed", "Noto Sans JP" , sans-serif;
		font-size:90%;
		font-optical-sizing:auto;
		font-weight:400;
		font-style:normal;
	}

	/* ---------------------------------------------------------- */
	#main202403 .listWrap .tblBox .groupBox .items.normalLine{
		padding:0.3em 0.5em;
		border-bottom:1px solid #eeeeee;
	}
	#main202403 .listWrap .tblBox .groupBox > div:last-child{
		border-bottom:none !important;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine > div > p{
		font-size:85%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine > div > p > .en{
		display:block;
		margin-top:0.3em;
		
		font-family:"Sofia Sans Extra Condensed", "Noto Sans JP" , sans-serif;
		font-size:90%;
		font-optical-sizing:auto;
		font-weight:400;
		font-style:normal;
	}

	#main202403 .listWrap .tblBox .groupBox .items.normalLine .localAuthority{
		width:44.5%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .post{
		width:22.5%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname{
		width:33%;
	}


	#main202403 .listWrap .tblBox .groupBox .items.normalLine.multipleLines .localAuthority{
		width:100%;
		padding-bottom:0.5em;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine.multipleLines .post{
		width:30%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine.multipleLines .fullname{
		width:70%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname .nameImg{
		display:inline-block;
		width:48px;
		/*position:relative;
		top:0.1em;*/
	}

	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname .honorificTitle{
		display:inline-block;
		padding-left:0.15em;
		font-size:80%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname.kmName .honorificTitle{
		position:relative;
		top:0.1em;
	}

	/* ---------------------------------------------------------- */
	/*#main202403 .listWrap .tblBox .groupBox .items.normalLine .btn{
		width:20%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .btn > a{
		display:block;
		width:100%;
		padding:0.6em 0;
		text-align:center;
		font-size:85%;
		color:#ffffff;
		background-color:#ff6c45;
		border-radius:3px;
		position:relative;
		transition: all 0.3s ease;
	}*/



	/* ============================================================== */
	/* ============================================================== */
	/* ============================================================== */
	#main202403 .listWrap .tblBox .groupBox .items.prefecturesLine p{
		font-family:"Sofia Sans Extra Condensed", "Noto Sans JP" , sans-serif;
		text-align:left;
		font-size:90%;
		font-weight:bold;
	}

	#main202403.en .listWrap .tblBox .groupBox .items.normalLine > div > p{
		font-size:75%;
		font-family:"Sofia Sans Extra Condensed", "Noto Sans JP" , sans-serif;
	}
	#main202403.en .listWrap .tblBox .groupBox .items.normalLine .localAuthority{
		width:50%;
	}
	#main202403.en .listWrap .tblBox .groupBox .items.normalLine .post{
		width:23%;
	}
	#main202403.en .listWrap .tblBox .groupBox .items.normalLine .fullname{
		width:27%;
	}


}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	For Desktop & Tablet
////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

@media screen and (min-width:768px){
	.pcHide{display:none !important;}

	/*a{
		opacity:1;
		-webkit-transition: all 0.7s ease;
		-moz-transition: all 0.7s ease;
		-ms-transition: all 0.7s ease;
		-o-transition: all 0.7s ease;
		transition: all 0.7s ease;
	}
	a:hover{
		opacity:0.5;
	}*/

	.rightBox{
		height:500px;
		width:230px;
		margin:0 auto;
		position:fixed;
		right:0;
		z-index:999;
		background:#E7242E;
	}

	.mainContents{
		/*height:500px;
		background:#fcc;*/
		position:relative;
		width:calc(100% - 250px);
    padding:40px 0;
		top:0;
		left:0;
	}

	/* //////////////////////////////////////////////////////////////////////////// */
	#main202403 h2{
		margin:0 auto 30px;
    padding:16px 0;
    font-weight:900;
    color:#e7242e;
    background:#ffffff;
    font-size:175%;
		line-height:1.4;
		text-align:center;
    border-bottom:2px solid #e7242e;
    border-top:2px solid #e7242e;
	}
	#main202403 h2 span{
		display:block;
		font-weight:normal;
		font-size:60%;
	}

	/* //////////////////////////////////////////////////////////////////////////// */
	#main202403 .mapWrap{
		padding:0 5% 5% 5%;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox{
		width:100%;
		margin:0 auto 0;
		position:relative;
		/*background:rgba(255,0,0,.5);*/
	}
	#main202403 .mapWrap .layoutBox::before{
		content:"";
		display:block;
		padding-top:104.3%;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox .mapBox{
		position:absolute;
		top:0;
		left:0;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox .prefName{
		position:absolute;
		font-size:0.9vw;
		text-align:center;
		z-index:100;
		text-shadow:0.8px 0.8px 0 #ffffff, -0.8px -0.8px 0 #ffffff,
								-0.8px 0.8px 0 #ffffff, 0.8px -0.8px 0 #ffffff,
								0px 0.8px 0 #ffffff,  0-0.8px 0 #ffffff,
								-0.8px 0 0 #ffffff, 0.8px 0 0 #ffffff;
	}
	#main202403 .mapWrap .layoutBox .prefName span{
		display:block;
		font-size:0.8vw;
	}

	/* ---------------------------------------------------------- */
	#main202403 .mapWrap .layoutBox .prefName.p01{
		top:15%;
		right:27%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p02{
		top:32%;
		right:36%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p04{
		top:48%;
		right:34%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p06{
		top:45%;
		right:40%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p08{
		top:60.5%;
		right:35.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p09{
		top:57.5%;
		right:40.2%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p10{
		top:59%;
		right:44.8%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p11{
		top:62.2%;
		right:42.8%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p12{
		top:67%;
		right:36.3%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p13{
		top:65%;
		right:42%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p14{
		top:68.3%;
		right:41.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p15{
		top:53%;
		right:46%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p18{
		top:63.3%;
		right:61%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p20{
		top:61.5%;
		right:49.7%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p21{
		top:65.5%;
		right:55.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p22{
		top:71%;
		right:47.3%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p23{
		top:69.5%;
		right:53.8%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p24{
		top:74.5%;
		right:57.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p26{
		top:66.5%;
		right:64.6%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p27{
		top:73%;
		right:63.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p28{
		top:69.5%;
		right:67.2%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p30{
		top:79%;
		right:62%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p31{
		top:66.2%;
		right:72.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p33{
		top:71%;
		right:73%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p35{
		top:73%;
		right:85%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p36{
		top:76.5%;
		right:70%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p39{
		top:80.5%;
		right:76.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p40{
		top:77%;
		right:90%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p44{
		top:80%;
		right:86.5%;
	}
	#main202403 .mapWrap .layoutBox .prefName.p47{
		top:88%;
		right:13.5%;
	}

	/* //////////////////////////////////////////////////////////////////////////// */
	#main202403 .listWrap{
		/*width:96%;*/
		width:80%;
		margin:0 auto 0;
		padding:5% 3% 0;
		border-top:1px solid #cccccc;
	}

	/* ---------------------------------------------------------- */
	#main202403 .listWrap .tblBox .groupBox{
		border:1px solid #eeeeee;
	}
	#main202403 .listWrap .tblBox .groupBox .items{
		display:flex;
	}

	/* ---------------------------------------------------------- */
	#main202403 .listWrap .tblBox .groupBox .items.prefecturesLine{
		/*background-color:#ffeeee;*/
		padding:8px 12px;
		background-color:#eeeeee;
	}
	#main202403 .listWrap .tblBox .groupBox .items.prefecturesLine p{
		text-align:left;
		font-size:90%;
		font-weight:bold;
	}
	#main202403 .listWrap .tblBox .groupBox .items.prefecturesLine p .en{
		display:block;
		margin-top:2px;
		font-size:85%;
	}

	/* ---------------------------------------------------------- */
	#main202403 .listWrap .tblBox .groupBox .items.normalLine{
		padding:8px 12px;
		border-bottom:1px solid #eeeeee;
	}
	#main202403 .listWrap .tblBox .groupBox > div:last-child{
		border-bottom:none !important;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine > div > p{
		font-size:90%
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine > div > p > .en{
		display:block;
		margin-top:2px;
		font-size:85%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .localAuthority{
		width:50%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .post{
		width:25%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname{
		width:25%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname .nameImg{
		display:inline-block;
		width:58px;
		/*width:20%;
		position:relative;
		top:0.1em;*/
	}

	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname .honorificTitle{
		display:inline-block;
		padding-left:0.2em;
		font-size:90%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .fullname.kmName .honorificTitle{
		position:relative;
		top:0.1em;
	}

	/* ---------------------------------------------------------- */
	/*#main202403 .listWrap .tblBox .groupBox .items.normalLine .btn{
		width:10%;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .btn > a{
		display:block;
		width:90%;
		padding:0.6em 0;
		text-align:center;
		font-size:90%;
		color:#ffffff;
		background-color:#ff6c45;
		border-radius:3px;
		border:2px solid #ff6c45;
		position:relative;
		transition: all 0.3s ease;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .btn > a::before{
		content:">";
		display:block;
		width:1em;
		height:1em;
		position:absolute;
		top:50%;
		right:0;
		color:#ffffff;
		font-size:120%;
		font-weight:bold;
		transform: scaleX(40%) translate(0,-50%);
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .btn > a:hover{
		color:#ff6c45;
		background-color:#ffffff;
	}
	#main202403 .listWrap .tblBox .groupBox .items.normalLine .btn > a:hover::before{
		color:#ff6c45;
		transform: scaleX(40%) translate(20%,-50%);
	}*/



	/* ============================================================== */
	/* ============================================================== */
	/* ============================================================== */
	#main202403.en .mapWrap .layoutBox .prefName{
		font-size:1vw;
	}

	/* --------------------------------------------------- */
	/* 北海道 */
	#main202403.en .mapWrap .layoutBox .prefName.p01{
		top:16%;
		right:25.5%;
	}
	/* 青森 */
	#main202403.en .mapWrap .layoutBox .prefName.p02{
		top:33.6%;
		right:35.2%;
	}
	/* 宮城 */
	#main202403.en .mapWrap .layoutBox .prefName.p04{
		top:48.5%;
		right:32.5%;
	}
	/* 山形 */
	#main202403.en .mapWrap .layoutBox .prefName.p06{
		top:45.7%;
		right:40%;
	}
	/* 茨城 */
	#main202403.en .mapWrap .layoutBox .prefName.p08{
		top:61%;
		right:35%;
	}
	/* 栃木 */
	#main202403.en .mapWrap .layoutBox .prefName.p09{
		top:58.5%;
		right:39.8%;
	}
	/* 群馬 */
	#main202403.en .mapWrap .layoutBox .prefName.p10{
		top:60%;
		right:44.5%;
	}
	/* 埼玉 */
	#main202403.en .mapWrap .layoutBox .prefName.p11{
		top:63.4%;
		right:42%;
	}
	/* 千葉 */
	#main202403.en .mapWrap .layoutBox .prefName.p12{
		top:67%;
		right:36.2%;
	}
	/* 東京 */
	#main202403.en .mapWrap .layoutBox .prefName.p13{
		top:65.6%;
		right:42%;
	}
	/* 神奈川 */
	#main202403.en .mapWrap .layoutBox .prefName.p14{
		top:68%;
		right:41.5%;
	}
	/* 新潟 */
	#main202403.en .mapWrap .layoutBox .prefName.p15{
		top:53%;
		right:46%;
	}
	/* 福井 */
	#main202403.en .mapWrap .layoutBox .prefName.p18{
		top:63.8%;
		right:59%;
	}
	/* 長野 */
	#main202403.en .mapWrap .layoutBox .prefName.p20{
		top:62.8%;
		right:48.7%;
	}
	/* 岐阜 */
	#main202403.en .mapWrap .layoutBox .prefName.p21{
		top:65.5%;
		right:55.8%;
	}
	/* 静岡 */
	#main202403.en .mapWrap .layoutBox .prefName.p22{
		top:71.5%;
		right:47.2%;
	}
	/* 愛知 */
	#main202403.en .mapWrap .layoutBox .prefName.p23{
		top:69.9%;
		right:54.2%;
	}
	/* 三重 */
	#main202403.en .mapWrap .layoutBox .prefName.p24{
		top:73.6%;
		right:59%;
	}
	/* 京都 */
	#main202403.en .mapWrap .layoutBox .prefName.p26{
		top:68%;
		right:64.2%;
	}
	/* 大阪 */
	#main202403.en .mapWrap .layoutBox .prefName.p27{
		top:73%;
		right:63.5%;
	}
	/* 兵庫 */
	#main202403.en .mapWrap .layoutBox .prefName.p28{
		top:69.5%;
		right:67.3%;
	}
	/* 和歌山 */
	#main202403.en .mapWrap .layoutBox .prefName.p30{
		top:79%;
		right:62%;
	}
	/* 鳥取 */
	#main202403.en .mapWrap .layoutBox .prefName.p31{
		top:66.8%;
		right:72.2%;
	}
	/* 岡山 */
	#main202403.en .mapWrap .layoutBox .prefName.p33{
		top:70.7%;
		right:73%;
	}
	/* 山口 */
	#main202403.en .mapWrap .layoutBox .prefName.p35{
		top:74%;
		right:85%;
	}
	/* 徳島 */
	#main202403.en .mapWrap .layoutBox .prefName.p36{
		top:76.5%;
		right:69.5%;
	}
	/* 高知 */
	#main202403.en .mapWrap .layoutBox .prefName.p39{
		top:80.5%;
		right:76.5%;
	}
	/* 福岡 */
	#main202403.en .mapWrap .layoutBox .prefName.p40{
		top:77.7%;
		right:89.5%;
	}
	/* 大分 */
	#main202403.en .mapWrap .layoutBox .prefName.p44{
		top:81%;
		right:87.3%;
	}
	/* 沖縄 */
	#main202403.en .mapWrap .layoutBox .prefName.p47{
		top:89%;
		right:14.3%;
	}

	/* ---------------------------------------------------------- */
	#main202403.en .listWrap .tblBox .groupBox .items.prefecturesLine{
		padding:12px 12px;
	}
	/* ---------------------------------------------------------- */
	#main202403.en .listWrap .tblBox .groupBox .items.normalLine{
		padding:12px 12px;
	}
}