* { font-family: "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic","Lucida Grande",Geneva,Arial,Verdana,sans-serif; }
body {
}
h1, h2, h3, h4, h5, h6, strong, .fbold, .btn {font-family: "Avenir Next", Verdana, "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:600;}
* {margin:0px;}
#index {margin:0px;}
#big_waku {
	width : -webkit-calc(100% - 20px) ;
	width : calc(100% - 20px) ;
	min-height:-webkit-calc(100vh - 20px);
	min-height:calc(100vh - 20px);
	padding:0px;
	/*z-index:10;*/
}
.submitbtn {
	cursor:pointer;
	margin-top:10px;
	border-radius: 5px 5px 5px 5px;
	width:400px;
	font-size:16px;
	border:solid #FFFFFF 1px;
	color:#FFFFFF;
	background-color:rgba(255,255,255,0.1);
}
.submitbtn:hover {
	background-color:rgba(255,255,255,0.4);
}
.submitbtn2 {
	cursor:pointer;
	margin-top:10px;
	border-radius: 5px 5px 5px 5px;
	width:400px;
	font-size:16px;
	border:solid #231815 1px;
	color:#231815;
	background-color:rgba(255,255,255,0.1);
}
.submitbtn2:hover {
	background-color:rgba(210,202,196,0.4);
}
#footerwrap {
	width:100%;
	background-color:#1C5172;
}
#footer {
	margin-top:40px;
	font-size:10px;
	color:#fff;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}
#footer a {
	/*color:#ff0;*/
}
.baseTable{
	border-top:solid #666 1px;
	border-collapse:collapse;
	margin-bottom:10px;
	width:90%;
	max-width:90%;
	font-size:100%;
}
.baseTable td a {
	color:#00f;
}
.baseTable td a:hover {
	color:#f00;
}

.baseTable caption{
	text-align:left;
}

.baseTable th,
.baseTable td{
	border-right: 1px solid #231815;
	border-bottom: 1px solid #231815;
	border-left: 1px solid #231815;
	vertical-align:top;
	padding:2px 5px;
	font-weight:400;
	text-align:left;
	color:#000;
}
.primary {
	margin-top:10px;
	margin-bottom:50px;
	background-color:rgba(0,0,0,0.4);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	width:1040px;
	padding-top:10px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:50px;
	color:#000;
	background-color:#fefefe;
}
.primary_bk02 {
	background: -moz-linear-gradient(to bottom,#d2cac4,#fff 77%,#dcdbda); 
	background: -webkit-linear-gradient(to bottom,#d2cac4,#fff 77%,#dcdbda); 
	background: linear-gradient(to bottom,#d2cac4,#fff 77%,#dcdbda); 
	color:#000;
}
.primary_bk01 {
	background: -moz-linear-gradient(to bottom,#000,#004156 77%,#496a79); 
	background: -webkit-linear-gradient(to bottom,#000,#004156 77%,#496a79); 
	background: linear-gradient(to bottom,#000,#004156 77%,#496a79);
}
.primary h1 {
	font-size:24px;
}
.primary h2 {
	font-size:18px;margin-top:30px;
}
.primary h3 {
	font-size:16px;
}
.primary p {
	text-align:left;
	margin-top:10px;
	font-size:15px;
	line-height:24px;
}
.primary a {
	/*color:#ff0;*/
}
.primary a:hover {
	/*color:#ff9;*/
}
.primary_bk01 h1, .primary_bk01 h2, .primary_bk01 h3, .primary_bk01 p {
	color:#fff;
	/*text-shadow: 0px 0px 5px #000;*/
}
.primary_bk02 h1, .primary_bk02 h2, .primary_bk02 h3, .primary_bk02 p {
	color:#000;
	/*text-shadow: 0px 0px 3px #999;*/
}
.primary_bk02 a {
	color:#00f;
}
.primary_bk02 a:hover {
	color:#f00;
}
#markinfo img {width:22px;height:20px;margin-top:-5px;vertical-align:middle;}
#markinfo .nb {white-space: pre;}
#find_box {
	width:100%;
}
#find_box .find_row {
	display:flex;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	justify-content: center;
	align-items: center;
	background-color:#eee;
}
#find_box .find_row:nth-child(1) {
	border-bottom:none;
}
#find_box .find_row:nth-child(3) {
	margin-top:5px;
}
#find_box .find_l {
	width:30%;
	padding:5px;
}
#find_box .find_r {
	width:70%;
	border-left:solid 1px #ccc;
	text-align:left;
	padding:5px;
	background-color:#fff;
}
#find_box .f_btn {
	display:inline-block;
	border:solid 1px #666;
	text-align:center;
	margin:2px;
	padding-left:5px;
	padding-right:5px;
	cursor:pointer
}
#find_box .f_btn:hover {
	background-color:#C5E8EF;
}
#find_box .selected_btn {
	background-color:#C5E8EF;
}
#find_box #fstr {width:70%;}
#find_box #submitbtn {
	background-color:#0277A5;
	color:#fff;
	border:none;
	border-radius: 5px 5px 5px 5px;
}
#find_box #submitbtn:hover {
	background-color:#149AC4;
}
/*ここから検索結果*/
#find_result_box #f_headarea {
	width:100%;
	position:relative;
	height:60px;
}
#find_result_box #f_headarea .f_head {
	position:absolute;
	border:solid 1px #ccc;
	height:29px;line-height:28px;
	background-color:#eee;
	font-size:14px;
	text-align:left;
	text-indent:3px;
}
#find_result_box #f_headarea #f_01 {left:0px;top:0px;width:25%;}
#find_result_box #f_headarea #f_02 {left:0px;top:30px;width:25%;}
#find_result_box #f_headarea #f_03 {left:25%;top:0px;width:25%;}
#find_result_box #f_headarea #f_04 {left:25%;top:30px;width:45%;}
#find_result_box #f_headarea #f_05 {left:50%;top:0px;width:20%;}
#find_result_box #f_headarea #f_06 {left:70%;top:30px;width:30%;}
#find_result_box #f_headarea #f_07 {left:70%;top:0px;width:15%;}
#find_result_box #f_headarea #f_08 {left:85%;top:0px;width:15%;}
#find_result_box .f_corparea {
	width:100%;
	position:relative;
	height:80px;
	border:solid 1px #ccc;
	margin-bottom:-1px;
}
#find_result_box .f_corparea .f_info {
	position: absolute;
	display: flex;
	align-items: center;   /* 縦方向の中央揃え */
	justify-content: flex-start; /* 横方向の左揃え（必要なら center でもOK） */
	font-size: 14px;
	line-height: 15px;
	height: 40px;
	text-align: left;
	word-break: break-all;
}
#find_result_box .f_corparea .cate {
	left:1%;top:0px;width:24%;
}
#find_result_box .f_corparea .comanum {
	left:1%;top:40px;width:24%;
}
#find_result_box .f_corparea .event_box {
	position:absolute;
	left:auto;right:76%;top:10px;
	height:26px;
	width:100px;
	text-align:right;
}

#find_result_box .f_corparea .event_box .event {
	display:inline-block;
	height:26px;
	width:25px;
	margin-right:1px;
}
#find_result_box .f_corparea .event_box .event img {
	width:100%;
}
#find_result_box .f_corparea .gakusei_message {
	position:absolute;
	left:7%;top:50px;
	width:17%;
	cursor:pointer;
}
#find_result_box .f_corparea .gakusei_message img{
	width:100%;
}
#find_result_box .f_corparea .c_name {
	left:25%;top:0px;width:25%;
}
#find_result_box .f_corparea .catc {
	left:25%;top:40px;width:45%;
}
#find_result_box .f_corparea .url {
	left:50%;top:0px;width:20%;
}
#find_result_box .f_corparea .tel {
	left:70%;top:0px;width:15%;
}
#find_result_box .f_corparea .fax {
	left:85%;top:0px;width:15%;
}
#find_result_box .f_corparea .addr {
	left:70%;top:40px;width:30%;
}



/*検索結果のスマホ・タブレットモード*/
@media screen and (max-width: 850px) {
#find_result_box #f_headarea {
	height:120px;
}
#find_result_box #f_headarea .f_head {
	height:19px;line-height:18px;
	font-size:14px;
}
#find_result_box #f_headarea #f_01 {left:0px;top:0px;width:70%;}
#find_result_box #f_headarea #f_02 {left:70%;top:0px;width:30%;}
#find_result_box #f_headarea #f_03 {left:0px;top:20px;width:100%;}
#find_result_box #f_headarea #f_04 {left:0px;top:40px;width:100%;}
#find_result_box #f_headarea #f_05 {left:0px;top:60px;width:100%;}
#find_result_box #f_headarea #f_06 {left:0px;top:80px;width:100%;}
#find_result_box #f_headarea #f_07 {left:0px;top:100px;width:50%;}
#find_result_box #f_headarea #f_08 {left:50%;top:100px;width:50%;}
#find_result_box .f_corparea {
	height:192px;
}
#find_result_box .f_corparea .f_info {
	height: 24px;font-size:14px;display:block;
}
#find_result_box .f_corparea .cate {
	left:1%;top:24px;width:100%;
}
#find_result_box .f_corparea .comanum {
	left:90%;top:24px;width:9%;text-align:right!important;
}
#find_result_box .f_corparea .event_box {
	left:1%;top:1px;right:auto;
	height:24px;line-height:16px;
	width:50%;
	text-align:left;
}
#find_result_box .f_corparea .event_box .event {
	
}
#find_result_box .f_corparea .event_box .event img {
	width:100%;
	max-width:20px;
}
#find_result_box .f_corparea .gakusei_message {
	position:absolute;
	left:50%;top:1px;
	height:20px;line-height:20px;
	width:49%;
	text-align:right;
}
#find_result_box .f_corparea .gakusei_message img {
	width:100%;
	max-width:160px;
}
#find_result_box .f_corparea .c_name {
	left:1%;top:48px;width:100%;
}
#find_result_box .f_corparea .catc {
	left:1%;top:72px;width:100%;
}
#find_result_box .f_corparea .url {
	left:1%;top:96px;width:100%;
}
#find_result_box .f_corparea .tel {
	left:1%;top:168px;width:50%;
}
#find_result_box .f_corparea .fax {
	left:50%;top:168px;width:50%;
}
#find_result_box .f_corparea .addr {
	left:1%;top:120px;width:100%;height:29px;
}
}
/*ここまで検索結果*/
/*ここから詳細画面*/
.primary #company {
	width:990px;
	border:solid 1px #666;
	padding-left:25px;
	padding-right:25px;
}
#company_in {
	margin-top:20px;
}
.primary #toparea {
	width:100%;
	height:80px;
}
.primary #toparea #top01 {
	width:410px;
	height:80px;
	float:right;
	position:relative;
}
.primary #toparea #top01 #logo {
	height:80px;
	width:160px;
	position:absolute;
	left:0px;
	top:0px;
}
.primary #toparea #top01 img {
	height:80px;
	width:160px;
}
.primary #toparea #top01 #cate {
	width:240px;
	height:40px;
	line-height:40px;
	top:0px;
	left:170px;
	text-align:center;
	font-size:18px;
	color:#0070C0;
	position:absolute;
}
.primary #toparea #top01 #top01_btm {
	width:240px;
	top:40px;
	left:170px;
	height:40px;
	position:absolute;
}
.primary #toparea #top01 #top01_btm #comanum {
	width:150px;
	height:40px;
	line-height:40px;
	top:0px;
	left:0px;
	text-align:center;
	font-size:20px;
	color:#0070C0;
	font-weight:bold;
	position:absolute;
}
.primary #toparea #top01 #top01_btm .event_box {
	width:100px;
	height:26px;
	top:7px;
	right:0px;
	text-align:center;
	padding:0px;
	position:absolute;
}
.primary #toparea #top01 #top01_btm .event_box .event {
	top:0px;right:0px;
	width:24px;
	height:24px;
	display:inline-block;
	position:relative;
	margin:0px;
}
.primary #toparea #top01 #top01_btm .event_box .event img{
	width:24px;
	height:24px;
}
.primary #toparea #top02 {
	width:520px;
	height:80px;
	float:left;
	position:relative;
}
.primary #toparea #top02 #c_name {
	width:540px;
	height:40px;
	line-height:40px;
	left:0px;
	top:0px;
	text-align:left;
	font-size:20px;
	position:absolute;
	font-weight:bold;
}
.primary #toparea #top02 #catc {
	width:540px;
	height:40px;
	line-height:40px;
	left:0px;
	top:40px;
	text-align:left;
	font-size:20px;
	position:absolute;
}
#infoarea{display:flex;font-size:12px;line-height:16px;text-align:left;margin-top:20px;}
#info01,#info02,#info03{width:32%;}
#info01,#info02{margin-right:2%;}
#findedtable {width:100%;max-width:990px;}
#gakusei_message {width:100%;max-width:990px;}
#gakusei_message th {background-color:#0070C0;color:#fff;}
#findedtable th {background-color:#eee;}
.imgwrap {
	display:flex;position:relative;width:100%;max-width: 990px;
}
.imgwrap .imgbox {
	width:25%;font-size:12px;
}
/*ここまで詳細画面*/
#logintable {
	margin-top:40px;
	font-size:13px;
}
.inputarea {width:200px;}
.pcbr {display:inline;}
.smpbr {display:none;}
.sizenormal {font-size:13px;}
.sizelarge {font-size:16px;}
.linetable {
	width:600px;
	margin-top:20px;
	border-collapse: collapse;
}
.linetable td {
	border: 1px solid #666;
	text-align:left;
	padding:3px;
}
.linetable th {
	border: 1px solid #666;
	text-align:left;
	padding:3px;
}

#topbtn {
	position:fixed;
	bottom:5px;right:5px;
	width:80px;
	text-align:center;
	z-index:100;
	cursor:pointer;
	margin-top:10px;
	border-radius: 5px 5px 5px 5px;
	font-size:16px;
	border:solid #FFFFFF 1px;
	color:#FFFFFF;
	background-color:rgba(255,0,0,0.1);
}
#topbtn:hover {
	background-color:rgba(255,0,0,0.4);
}
#topbtnarea {
	position:absolute;
	width:100%;
	z-index:5;
}

/* 768px以上 ipad */
@media screen and (max-width: 1040px) {
.primary {
	width:94%;
}
.primary #company {
	width:calc(100% - 50px);
}
.primary #toparea {
	height:160px;
}
.primary #toparea #top01,.primary #toparea #top02 {
	width:100%;
	clear:both;
}
#infoarea{display:block;margin-top:5px;border-top:solid 1px #666;font-size:14px;line-height:18px;}
#info01,#info02,#info03{width:100%;}
#info01,#info02{margin-right:0%;}
#info02 {margin-top:16px;}
.imgwrap {
	display:block;width:100%;max-width: 990px;
}
.imgwrap .imgbox {
	width:32%;font-size:14px;float:left;word-break: break-all;
}
}
/*スマホモード*/
@media screen and (max-width: 600px) {
.primary {
	margin-top:10px;
	width:96%;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:5px;
	padding-right:5px;
}
/**/
.primary #company {
	width:calc(100% - 4px);
	padding-left:0px;
	padding-right:0px;
}
#company_in {
	margin-top:0px;
}
.primary #toparea {
	height:auto;
	background-color:#00f;
}
.primary #toparea #top01 {
	width:100%;
	height:auto;
}
.primary #toparea #top01 #cate {
	left:0px;
	width:100%;
	position:relative;
}
.primary #toparea #top01 #logo {
	width:100%;
	height:auto;
	position:relative;
}
.primary #toparea #top01 img {
	width:100%;
	height:auto;
}
.primary #toparea #top01 #top01_btm {
	width:96%;
	height:40px;
	left:0px;
	top:0px;
	position:relative;
}
.primary #toparea #top01 #top01_btm #comanum {
	width:70%;
	text-align:left;
	font-size:18px;
}
.primary #toparea #top01 #top01_btm #event {
}

.primary #toparea #top02 {
	padding-left:2%;
	padding-right:2%;
	width:96%;
	height:auto;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #666;
}

.primary #toparea #top02 #c_name {
	width:100%;
	height:auto;
	line-height:120%;
	left:0px;
	text-align:left;
	font-size:3.4vw;
	position:relative;
	font-weight:bold;
}
.primary #toparea #top02 #catc {
	width:100%;
	height:auto;
	line-height:120%;
	left:0px;
	top:auto;
	margin-top:5px;
	text-align:left;
	font-size:3.4vw;
	position:relative;
}
#infoarea{
	padding-left:2%;
	padding-right:2%;
	width:96%;
	border-top:none;
}
#findedtable {font-size:14px;}
#gakusei_message {font-size:14px;}
#findedtable td, #gakusei_message td {
	border: none;
}
#findedtable #hinmoku {border-bottom:solid 1px #666;}
#findedtable th, #gakusei_message th {
	border-right: none;
	border-left: none;
}
.imgwrap .imgbox {
	width:48%;font-size:14px;float:left;word-break: break-all;
}

/**/
.pcbr {display:none;}
.smpbr {display:inline;}
.linetable {
	width:100%;
}
.linetable th {
	width:30%;
}
.submitbtn2 {
	width:200px;
}
}
/* 600px以下 */
@media screen and (max-width: 600px) {
#find_box .find_row {
	display:block;
	background-color:transparent;
}
#find_box .find_l {
	width:98%;
	background-color:#eee;
}
#find_box .find_r {
	width:98%;
	background-color:transparent;
}
}
/* iPhone5 415px以下 */
@media screen and (max-width: 415px) {
.imgwrap .imgbox {
	width:98%;font-size:14px;float:left;word-break: break-all;
}
}
/* iPhone5 320px以下 */
@media screen and (max-width: 320px) {

}

/*2023*/
/*header*/
#header {
	height:45px;width:100%;
	position:absolute;
	top:80px;
	z-index:10;
}
@media screen and (max-width: 2000px) {
	#header {top:70px;}
}
@media screen and (max-width: 1800px) {
	#header {top:60px;}
}
#header-top {
}
#title {position:absolute;left:0px;width:52%;max-width:460px;}
#kaiki {position:absolute;right:0px;top:20px;width:48%;max-width:420px;min-width:200px;}
#kanko {width:96%;}
#title img, #kaiki img {width:100%;}
#navi {height:40px;background-color:none;width:100%;}
#navi-in {height:40px;text-align:left;max-width:1080px;background-color:#0A6E95;margin-left:auto;margin-right:auto;position:relative;border:solid 3px #fff;}
.menu {
	top:3px;
	font-size:16px;position:absolute;height:34px;text-align:center;line-height:34px;cursor:pointer;user-select:none;
	color:#fff;
	/*
	border-right:solid 1px #000;border-left:solid 1px #000;
	border-image-source: linear-gradient(to bottom, #D0CECE, #D0CECE, #666666, #D0CECE, #D0CECE);
	border-image-slice: 1;
	*/
}
.menu:hover {color:#0A6E95;background-color:#eeeeee;}
.menu2 {position:absolute;height:40px;text-align:center;
	background-color:#fff;
	/*
	border-right:solid 1px #000;border-left:solid 1px #000;
	border-image-source: linear-gradient(to bottom, #D0CECE, #D0CECE, #666666, #D0CECE, #D0CECE);
	border-image-slice: 1;
	*/
}
.contentsw {text-align:left;max-width:1080px;margin-left:auto;margin-right:auto;position:relative;}
#menu01 {width:109px;left:10px;}
#menu02 {width:109px;left:120px;}
#menu07 {width:109px;left:230px;}
#menu03 {width:109px;left:340px;}
#menu03b {width:109px;left:450px;}
#menu04 {width:89px;left:560px;}
#menu05 {width:190px;right:220px;}
#menu06 {width:219px;right:0px;}
#menu06 img {margin-top:5px;}
.submenu {position:absolute;top:40px;background-color:#D0CECE;font-size:16px;display:none;}
.submenu2 {text-align:center;height:30px;line-height:30px;padding-left:15px;padding-right:15px;cursor:pointer;user-select:none;background-color:#0A6E95;color:#fff;}
.submenu2:hover {color:#0A6E95;background-color:#eeeeee;}
#menu02sub {left:120px;}
#menu03bsub {left:400px;}
#menu05sub {right:230px;}
#menu06sub {right:0px;width:219px;}
#menu07sub {left:200px;}
#menu07sub .submenu2 {text-align: left;}
#main {/*background-color:#1C5172;*/}
#topsub {background: none!important;}
#navi-in {box-shadow: 3px 3px 5px rgba(0,0,0,0.4);}
#menuicon, #menuicon2 {display:none;}

@media screen and (max-width: 1080px) {
#header {
	/*height:17vw;*/
}
#header-top {
	/*height:14vw;*/
}
.menu {font-size:14px;}
#menu01 {width:69px;left:0px;}
#menu02 {width:69px;left:70px;}
#menu07 {width:99px;left:140px;}
#menu03 {width:89px;left:240px;}
#menu03b {width:89px;left:330px;}
#menu04 {width:69px;left:420px;}
#menu05 {width:140px;right:200px;}
#menu06 {width:199px;right:0px;}
.submenu {font-size:14px;}
.submenu2 {font-size:14px;}
#menu02sub {left:60px;}
#menu07sub {left:100px;}
#menu03bsub {left:280px;}
#main {}
}
/*ここからメニュー変更*/
@media screen and (max-width: 850px) {/*768px*/
.close_btn {display: block!important;}
#navi-in {background-color:transparent;border:none;box-shadow: none;}
#smpblock {display:none;position:absolute;width:260px;right:10px;top:0px;max-height:90vh; z-index:5;}
#smpblockscroll {overflow-y:auto;width:100%;}
#kanko {margin-left:-5px;}
.menu {
	top:0px;
	position:relative;border-right:none;border-left:none;border-image-source: none;border-image-slice: 0;
	left:auto!important;background-color:#0A6E95;color:#fff;font-size:15px;font-weight:bold;width:100%!important;
	height:26px;line-height:26px;text-align:left;text-indent:10px;padding-top:6px;padding-bottom:6px;
}
.menu:before {
  content: "";
  display: inline-block;
  text-align: center;
  background: #86cdcc;
  color: #fff;
  padding: 5px;
  margin-right: 5px;
  border-radius: 5px;
  line-height: 1.2;
}
.submenu {
	position:relative;display:block;border-right:none;border-left:none;border-image-source: none;border-image-slice: 0;
	left:auto!important;background-color:#D0CECE;font-size:15px;top:auto!important;
	text-indent:0px;
}

#menu04, #menu05, #menu06, #menu05sub, #menu06sub {
	border-right:none;border-left:none;border-image-source: none;border-image-slice: 0;
	position:relative;width:100%!important;top:auto!important;left:auto!important;right:auto!important;
}/*display:none;*/
#menu04:hover, #menu05:hover, #menu06:hover {color:#0A6E95;background-color:#eeeeee;}
#menu06 img {margin-top:2px;}

#header {
	height:16vw;
}
#header-top {
	height:15vw;
}
#navi, #navi-in {height:35px;}
.submenu2 {padding-left:15px;padding-right:5px;text-align:left;}
.menu2 img {margin-left:15px;}
#menuicon {display:block;position:absolute;right:10px;top:2px;}
#menuicon2 {display:none;position:absolute;right:10px;top:2px;}
}

@media screen and (max-width: 500px) {
#smpblock {top:0px;max-height:90vh;}
#smpblockscroll {max-height:90vh;overflow-y:auto;}
.menu {font-size:15px;}
.submenu {font-size:15px;}
.submenu2 {font-size:15px;padding-left:15px;padding-right:5px;text-align:left;}
.menu2 img {margin-left:7px;}
#header {
}
#header-top {
}
#title {position:relative;width:100%;max-width:460px;margin-right:auto;margin-left:auto;margin-bottom:0px;}
}
@media screen and (max-width: 320px) {
#smpblock {width:230px;top:0px;max-height:90vh;}
#smpblockscroll {width:230px;max-height:90vh;overflow-y:auto;}
.menu {font-size:14px;}
.submenu {font-size:14px;}
.submenu2 {font-size:14px;}
}
/*main*/
#topmain {width:100%;overflow:hidden;background-color:#D0CECE;margin-bottom:10px;}
#topmain img {width:100%;}
#topmain_smp {display:none;}
#btnarea {display:flex;width:100%;}
.row {display:flex;width:100%;}
.area40per {width:40%;}
.area30per {width:30%;}
.area201, .area202 {width:50%;}
.area01, .area02, .area03 {width:33.3%;}
.submitbtn3 {
	cursor:pointer;
	margin-top:0px;
	border-radius: 5px 5px 5px 5px;
	width:95%;
	font-size:15px;
	border:solid #FFFFFF 2px;
	color:#FFFFFF;
	text-align:center;
	font-weight:400;
	margin-bottom:5px;
	background-color:rgba(255,255,255,0.0);
}
.submitbtn3:hover {
	background-color:rgba(255,255,255,0.4);
}
.bigbtn {
	height:52px;
	line-height:52px;
}
.redbtn {
background-color:#900;
}
.redbtn:hover {
background-color:#c00;
}
.h2btn {padding-top:4px;padding-bottom:4px;}
.waku_w {
	background-color:#eeeeee;
	width:calc(98% - 40px);
	margin-left:1%;margin-right:1%;
	margin-top:20px;min-height:200px;
	padding-top:10px;padding-bottom:10px;
	padding-left:20px;padding-right:20px;
	border-radius: 15px 15px 15px 15px;
}
.waku_w h3 {color:#0070C0;}
#covid, #gesui {max-width:400px;width:90%;margin-left:auto;margin-right:auto;margin-top:30px;color:#fff;}
#covid img, #gesui img {width:100%;}
.msgbox {max-width:660px;width:90%;margin-left:auto;margin-right:auto;margin-top:30px;color:#fff;font-size:90%;}
.msgbox h3 {margin-top:20px;}
#googlemap{width:95%;}
#map_kanko img {width:95%;}
#map_access img {width:95%;}
@media screen and (max-width: 1080px) {
#googlemap{height:26vw;}
#footer {padding-left:20px;padding-right:20px;}
}
@media screen and (max-width: 1080px) {
	.submitbtn3 {font-size:13px;}
}
@media screen and (max-width: 880px) {
.submitbtn3 {font-size:13px;}
}
@media screen and (max-width: 728px) {
.submitbtn3 {font-size:13px;}
}
@media screen and (max-width: 665px) {
#googlemap{height:60vw;}
#btnarea {display:block;position:relative;margin-top:70px;}
.row {display:block;position:relative;}
.area201, .area202 {width:100%;}
.area40per, .area30per {width:100%;}
.area01, .area02, .area03 {width:100%;}
.area01 .submitbtn3, .area02 .submitbtn3, .area03 .submitbtn3 {width:95%;padding-top:4px;padding-bottom:4px;}
.area01 .submitbtn3 br, .area02 .submitbtn3 br, .area03 .submitbtn3 br {display:none;}
.bigbtn {height:36px;line-height:36px;}
}
@media screen and (max-width: 500px) {
#btnarea {margin-top:0px;}
#topmain {display:none;}
#topmain_smp {display:block;width:100%;background-color:#D0CECE;margin-bottom:10px;}
#topmain_smp img {width:100%;}
}

.close_btn {
	display: none;
	/*position: relative;*/
	width: 30px;
	height: 30px;
	border: 2px solid #333; /* 枠の調整 */
	border-radius: 50%;  /* 丸みの度合い */
	background: #fff; /* ボタンの背景色 */
	transition: all 1s; /* アニメーション設定 */
}
.close_btn::before, .close_btn::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 3px; /* 棒の幅（太さ） */
	height: 22px; /* 棒の高さ */
	background: #333; /* バツ印の色 */
}
.close_btn::before {
	transform: translate(-50%,-50%) rotate(45deg);
}
.close_btn::after {
	transform: translate(-50%,-50%) rotate(-45deg);
}
.close_btn:hover { /* マウスオーバー時のスタイル */
	transform: rotate(360deg);
}
.close_btn {
	position:absolute;
	top:-15px;
	left:-15px;
	cursor:pointer;
	z-index:11;
}