@charset "utf-8";
/* CSS Document */

.text {
  display: inline-flex;
  align-items: flex-end; /* text下揃え */
}

/* header Area -----------------------------------------------------*/
header{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden;
}
h1{
	text-align: left;
	float: left;
	max-width: 727px;
	width: 63%;
}
.h_info{
	float: right;
	max-width: 353px;
	width: 32%;
}
.h_info p{
	text-align: center;
	margin-top: 0.5em;
}
#nav { 
	width: 100%; 
	position: sticky; 
	inset: 0 0 auto; 
	z-index: 100; 
	transition: .8s; 
}
#nav.hide { 
	transform: translateY(-300%);
}
#nav #sp_menu { display: none; }
#nav .gnav_subnav #menu_close { display: none;}

#nav .gnav_subnav {
	background: #002977;
}
#nav .gnav {

  overflow: hidden;
  margin: 0 auto 2em;
  width: 100%;
  max-width: 1170px;
  display: flex;
}

#nav .gnav li {
  width: 14.2%;
  height: auto;
  aspect-ratio: 137 / 70;
}

#nav .gnav li a {
	position: relative;
	width: 100%;
    height: 100%;
  display: block;
  padding: 0;
  color: transparent;
  font-size: 0;
  text-decoration: none;
  transition: opacity .3s;
}
#nav .gnav li a:hover {
  background: #637baa;
}
#nav .gnav li a.current{
}
#nav .gnav li a.current{
}
/* 共通：背景画像 */
.gnav a::before {
	margin: 1.2em 0;
  content: "";
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  
}

/* ホバーで薄く */
/* .gnav a:hover::before {
  opacity: 0.6;
} */

/* 個別画像指定 */
.gnav a.index::before {
  background-image: url("../images/common/gnavi_01.png");
}
.gnav a.greeting::before {
  background-image: url("../images/common/gnavi_02.png");
}
.gnav a.treatment::before {
  background-image: url("../images/common/gnavi_03.png");
}
.gnav a.clinic::before {
  background-image: url("../images/common/gnavi_04.png");
}
.gnav a.first::before {
  background-image: url("../images/common/gnavi_05.png");
}
.gnav a.access::before {
  background-image: url("../images/common/gnavi_06.png");
}
.gnav a.staff::before {
  background-image: url("../images/common/gnavi_07.png");
}


/* content -----------------------------------------------------*/
main{
	margin: 0 auto 2em;
	width: 100%;
	max-width: 1170px;
	overflow: hidden;
}
article{
	width: 72%;
	float: right;
	border-left: 1px solid #000;
	padding-left: 2%;
}
/* パンくず */
.breadnav {
  /* font-size: 1.4rem; */
  margin: 1rem 0;
}
.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  list-style: none;
  padding: 0;
  margin: 0;
}
.breadcrumb li {
  display: flex;
  align-items: center;
}
.breadcrumb li + li::before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f105";
	font-weight: normal;
	font-style: normal;
  margin: 0 0.5rem;
  color: #999;
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb a:hover {
  text-decoration: underline;
}
.breadcrumb li[aria-current="page"] {
  color: #333;
}

section{
	margin: 0 auto 4em;
	width: 100%;
	max-width: 1170px;
}
aside{
	width: 24%;
	float: left;
	box-sizing: border-box;
}
aside ul{
	margin-bottom:1em;
}
aside li{
	background: url(../images/common/aside_line.png) no-repeat bottom center;
	padding-bottom: 2px;
}
aside li a{
	display: inline-block;
	padding: 1em 0.2em;
}
aside li a:hover{
	background: #f7f7f7;
}

h2{
	text-align: center;
	color: #002977;
	font-family: "游明朝 Medium", "YuMincho Medium";
	font-size: 200%;
	font-weight: bold;
	background: url(../images/mv.png) no-repeat center 20%;
	background-size: cover;
	padding: 2em 0;
	text-shadow: 3px 3px 3px #ffffff;
}
h3{
	background: url(../images/common/favicon.png) no-repeat right center #002977;
	background-size: 10%;
	padding: 0.3em 1em;
	color: #fff;
	font-family: "游明朝 Medium", "YuMincho Medium";
	margin-bottom: 1em;
	font-size: 120%;
	font-weight: bold;
}
h4{
	color: #a28a66;
	font-family: "游明朝 Medium", "YuMincho Medium";
	margin-bottom: 1em;
	font-weight: bold;
	font-size: 120%;
}
h4:before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f009";
	font-weight: normal;
	font-style: normal;
	margin-right: 0.4em;
}
h4 span{
	font-weight: normal;
}
h5{
	margin-bottom: 0.5em;
	font-weight: bold;
	border-bottom: 1px dotted #002977;
	color: #002977;
}
h5:before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f111";
	font-weight: normal;
	font-style: normal;
	margin-right: 0.4em;
}
table.ortho {
	width: 100%;
	}
table caption{
	text-align: center;
	font-weight: bold;
	margin: 0 0 0.5em;
	font-size: 110%;
}
table thead th{
	font-weight: bold;
	border-top: 1px solid #002977;
	border-bottom: 1px solid #002977;
	background: none;
}
table th{
	background: #e3eef7;
	color: #002977;
	padding: 0.5em 1em;
	text-align: center;
	border-bottom: 2px solid #fff;
	width: 8em;
	vertical-align: middle;
}
table td{
	padding: 0.5em 1em;
	border-bottom: 2px solid #fff;
}

/* FOOTER -----------------------------------------------------*/

footer{
	background: url(../images/common/bg_logo.png) no-repeat center right #002977;
	padding: 1.5em 0 0 0;
	border-top: solid 6px #fff;
	box-shadow: 0px -6px #0062b2;
}
footer p{
	text-align: center;
	color: #fff;
	margin-bottom: 0.2em;
}
footer .f_nav {
	padding: 1em;
}
footer .f_nav ul li {
	font-size: 15px;
	margin-left: 1em;
	color: #fff;
}
footer .f_nav ul li a {
	display: inline-block;
	color: #fff;
}
footer .f_nav ul li span {
	display: none;
}
footer .f_nav ul li a:before {
	display: inline-block;
	content: " | ";
	font-weight: normal;
	margin-right: 0.5em;
}
footer .f_nav ul li:first-child a:before {
	content: "";
	margin-right: 0;
}
.copyright{
	text-align: center;
	color: #fff;
	font-size: 11px;
	padding: 0.3em 0;
	border-top: 1px solid #fff;
	margin: 0;
}

/* 共通
--------------------------------------------------------------------------*/
section {
	margin: 0 auto 4em auto;
	width: 100%;
}
section p{
	margin-bottom: 1em;
}
section section{
	margin: 0 auto 2em auto;
}
section .box{
	padding: 0 1em;
	overflow: hidden;
}
section .box.box_b{
	border-bottom: 1px dashed #7a7e86;
	margin-bottom: 2em;
	padding: 0 1em 1.5em;
}

/*TOPページ 
------------------------------------------------------------*/
#index header{
	max-width: inherit;
	margin-bottom: 4em;
	background: url(../images/mv_bg.png) repeat-x bottom left,url(../images/mv.png) no-repeat top center #fffaf0;
}
#index h1{
	max-width: inherit;
	width: 100%;
	text-align: center;
	float: none;
	margin-bottom: 4em;
}
#index h2{
	font-size: 150%;
	line-height: 1.5em;
	padding: 0;
	background: none;
}
#index h3,#access h3,.greeting h3{
	text-align: center;
	color: #49659c;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN";
	font-size: 180%;
	font-weight: bold;
	background: url(../images/h3_bg.png) no-repeat top center;
	padding: 2em 0;
	margin-bottom: 0.5em;
}
#index h3 .h3_sub,#access h3 .h3_sub{
	display: block;
	color: #7a7e86;
	font-size: 60%;
	letter-spacing: 3px;
	line-height: 1em;
}
.mainvisual{
	margin: 0 auto 2em;
	width: 100%;
	max-width: 1170px;
	overflow: hidden;
}
.mainvisual .mv_info{
	float: right;
	padding: 2em 2em 1em;
	text-align: center;
	background: rgba(255,255,255,0.8);
}
.mainvisual .mv_info p{
	margin-bottom: 1.5em;
}

.bnr_reserve {
  margin-bottom: 1em !important;
}
.bnr_reserve a {
	display: block;
	background: #002977;
  color: #fff;
	text-align: center;
	font-size: 1.4em;
	border: double 3px #fff;
	letter-spacing: 0.1em;
	padding: 0.75em 0;
	font-family: "游明朝 Medium", "YuMincho Medium";
}
.bnr_reserve a span::before {
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 0.5em;
  content: "\f274";
}

.bnr_recuit {
  margin-bottom: 0 !important;
}
.bnr_recuit a {
  display: block;
  background: #002977;
  color: #fff;
  text-align: center;
  font-size: 1.4em;
  border: double 3px #fff;
  letter-spacing: 0.1em;
  padding: 0.7em 0 0.8em;
  line-height: 1.4;
  box-sizing: border-box;
  font-family: "游明朝 Medium", "YuMincho Medium";
}
.bnr_recuit a span::before {
  display: inline-block;
  font-family: FontAwesome;
  margin-right: 0.3em;
  content: "\f002";
}
.bnr_recuit a span small {
  display: inline-block;
  border-radius: 1em;
  background: #fff;
  color: #002977;
  font-size: 60%;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  letter-spacing: 0;
  margin: 0.5em 0 0;
  padding: 0.2em 2em;
}


.featurea {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.featurea li{
	max-width: 400px;
	width: 48%;
	margin-bottom: 1.5em;
}
.featurea dl{
	position: relative;
}
.featurea dd{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 0.5em 1em;
	background: rgba(0,41,119,0.6);
	color: #fff;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN";
	font-weight: bold;
}
.gaiyo{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: flex;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	margin-bottom: 2em;
}
.gaiyo .gaiyoTtl{
	font-size: 140%;
	text-align: center;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN";
	font-weight: bold;
}
.gaiyo .bd_r{
	border-right: 1px solid #000;
	padding: 0 2% 0 0;
}
.gaiyo dt{
	color: #a28a66;
	margin-bottom: 0.5em;
	font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3","ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN";
	font-weight: bold;
}
.gaiyo dd{
	padding-left: 1em;
	margin-bottom: 1em;
}

/*お知らせ欄
------------------------------------------------------------*/
.topinfo {
}
.topinfo dl{
	overflow: auto;
	padding: 1em;
	
}
.news_class dt:nth-of-type(n+4) {
	display: none;
}
#locomolabonews .news_class dt:nth-of-type(n+4),
#information .news_class dt:nth-of-type(n+4){
	display: block;
}
#locomolabonews .news_class dd{
    display: none;
}
.news_class dt{
    cursor: pointer;
}

.topinfo dt{
	background: url(../images/arrow01.png) 8px 8px no-repeat;
	color: #a28a66;
	font-weight: bold;
	margin-bottom: 1.2em;
	padding: 8px 0 8px 30px;
	line-height: 1.2rem;
	background-color: #E8F6FF;
}
.topinfo dt.selected {
    background: url(../images/arrow02.png) 8px 8px no-repeat;
	color: #a28a66;
	font-weight: bold;
	margin-bottom: 1.2em;
	padding: 8px 0 8px 30px;
	line-height: 1.2rem;
	background-color: #E8F6FF;
}

	
.topinfo dd{
	margin-bottom: 1em;
	padding: 0 0 1em 1em;
	line-height: 1.5em;
	border-bottom: 1px dashed #a28a66;
}
.topinfo dd:last-child{
	/*border: none;*/
	margin-bottom: 1em;
	padding: 0 0 1em 1em;
	line-height: 1.5em;
	border-bottom: 1px dashed #a28a66;
}




/*下層ページ
------------------------------------------------------------*/
main .greeting{
	background: url(../images/bg_square.gif) repeat top left;
	padding: 2em;
}
main .greeting .flex_img span{
	display: block;
	text-align: center;
	font-size: 90%;
	margin: 0.3em 0 0;
}
main .greeting .flex_img .name{
	display: inline-block;
	font-size: 140%;
	vertical-align: baseline;
	margin: 0;
}
.career{
	overflow: hidden;
}
.career dt{
	float: left;
}
.career dd{
	padding-left: 7em;
}
.case{
	border: 1px dotted #3972B7;
	width: 90%;
	margin: 2em auto;
	padding: 0 1em 1em;
	box-sizing: border-box;
}
.case.dr_point{
	background: url(../images/dr_point.png) no-repeat 98% bottom;
	padding: 0 100px 1em 1em;
}
.case .case_ttl{
	margin: -1em 0 1em 0.5em;
	font-weight: bold;
}
.case .case_ttl span{
	background: #fff;
	display: inline-block;
	padding: 0 1em;
}
.case li:before {
	display: inline-block;
	font-family: FontAwesome;
	content: "\f046";
	font-weight: normal;
	font-style: normal;
	margin-right: 0.5em;
	color: #0066c2;
}
.checkbox{
	border: 1px dotted #3972B7;
	width: 80%;
	margin: 2em auto;
	padding: 1em;
	box-sizing: border-box;
	background: #f0f8ff;
}
.point{
	background: #fffaf0;
	padding: 1em;
	border-bottom: 1px solid #ffa500;
	border-right: 1px solid #ffa500;
	font-size: 95%;
}
.point span{
	display: inline-block;
	margin-right: 0.5em;
	color: #fff;
	background: #ffa500;
	font-size: 95%;
	padding: 0 1em;
	border-radius: 8px;
	margin-bottom: 0.5em;
}
.waku{
	border: 3px solid #ccc;
	padding: 1em;
	margin-bottom: 1em;
}
.waku dt{
	margin-bottom: 0.2em;
	color: #ff8c00;
	font-weight: bold;
}
.waku dd{
	margin-bottom: 1em;
	background: #f0f8ff;
	padding: 1em;
}


.list001 li {
	list-style-type: disc;
	margin-left: 1em;
}
.list_num {
	list-style-type: decimal;
	margin-left: 2em;
}

aside p{
	margin-bottom: 1em;
}

.titlebanner{
	text-align: center;
	margin-bottom: 1em;
}




.route ul{
	/* flex化 */
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
}
.route li{
	width: 30%;
	margin:0 0.8em;
	font-size:14px;
	line-height:1.4em;
	text-align:center;
	list-style-type:none;
}
 .route img{
	margin-bottom:0.3em;
}



ul.plink {
	margin-bottom: 2em;
}
ul.plink li{

}
ul.plink li a{

	padding:0.8em;
	margin:0.5em;

}
ul.plink li a:hover{

}
ul.plink li a:before{
	font-family: FontAwesome;
	content:"\f138\00a0";
}

/* locomo lab */
p.locomo-box{
	background: #666;
	color: #fff;
	font-size: 1rem;
	padding: 0.5rem;
	text-align: left;
}


.imageframe{
	border:1px solid #c3c3c3;
}

#c-modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6); }

#c-modal {
    position: fixed;
    top: 55%;
    left: 50%;
    z-index: 9999;
    width: 500px;
	height: 250px;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 40px 30px 30px 30px;
    text-align: left; 
}
#c-modal_close {
    padding: 5px;
    cursor: pointer;
    background: #002977;
    color: #ffffff;
    border-radius: 8rem;
    width: 100px;
    height: auto;
    text-align: center;
    margin-bottom: 1em; 
}
.pop_p {
    padding: 15px;
	font-size: 1.2em;
}

  .pop_s {
    margin-top: 10px;
    text-align: center; 
}

p.modal_ttl{
	background: url(../images/common/favicon.png) no-repeat right center #002977;
    background-size: 10%;
    padding: 0.3em 1em;
    color: #fff;
    font-family: "游明朝 Medium", "YuMincho Medium";
    margin-bottom: 1em;
    font-size: 120%;
    font-weight: bold;
}
.sp_no{
  display: block;
}
.bnr_wrap {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	max-width: 800px;
}
.bnr_wrap li {
	margin: 0 0.5em 1em;
}


.recruit {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: start;
	justify-content: start;
}

.recruit a {
	width: 30%;
	margin:1.5rem 0.5rem;
	text-align:center;
	font-size: 110%;
	padding: 10px 0;
	color: #002977;
    background: #f4f4f4;
    /*border-left: solid 6px #5bb7ae;*/
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

.recruit a.radiologist_a {
	border-left: solid 6px #c76d86;
}
.recruit a.radiologist_b {
	border-left: solid 6px #c9c955;
}
.recruit a.nurse {
	border-left: solid 6px #d68d57;
}
.recruit a.physiotherapist_a {
	border-left: solid 6px #5284bc;
}
.recruit a.physiotherapist_b {
	border-left: solid 6px #7ec166;
}






/*------------------------------------------------------------------*/
/*■■■TABLET■■■------------------------------------------------*/
/*------------------------------------------------------------------*/
@media only screen and (max-device-width: 1169px) {


}

/* --------------------------------------------------------------------------*/
/* ■■■SP■■■ -----------------------------------------------------------*/
/* --------------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
	/* header Area -----------------------------------------------------*/
	header{
		max-width: inherit;
		margin: 0 auto 1em;
	}
	h1{
		text-align: center;
		float: none;
		max-width: inherit;
		width: 77%;
		padding: 1.2rem 0 1rem;
	}
	.h_info{
		float: none;
		max-width: inherit;
		width: 90%;
		margin: 0 auto;

	}
	/*-----Gnavi-----*/
	#nav {
		width: 100%;
		position: fixed;
		inset: 0 0 auto 0;
		z-index: 100;
	}
	#nav .gnav_subnav {
		/* background: none; */
		height: 100vh;
		padding: 6rem 1rem 2rem;
	}

	#nav #sp_menu { 
		display: block;
		width: 3.8rem;
		height: 3.8rem;
		color: #637baa;
		border: 2px solid #637baa;
		background: #fff;
		text-align: center;
		line-height: 1.0;
		font-size: .8rem;
		padding: 0;
		position: absolute;
		inset: 1.0rem 1.0rem auto auto;
		z-index: 100;
		transition: .5s;
	}
	#nav #sp_menu::before {
		display: block; 
		font-size: 1.8rem;
		font-family: FontAwesome;
		content: "\f0c9";
	}
		#nav #sp_menu.hide{
transform: translateY(-220%);
		}
		#nav #sp_menu .gnav_subnav {
		display: none;
		}

		#nav .gnav {
    flex-direction: column;
    margin: 0;
		}
		#nav .gnav li{
			width: 100%;
			    aspect-ratio: 137 / 20;
			text-align: center;
			
		}
		#nav .gnav li:not(:last-child){
			border-bottom: 1px solid #fff;
		}
		#nav .gnav li a{
			 display: block;
        
		background: #002977;
		}

		.gnav a::before {
			margin: .5rem;
			background-size: contain;
			background-position: center;
		}


  #nav .gnav_subnav #menu_close { 
	background: #fff;
	display: block;
	 width: 100%; 
	 font-size: 1.4rem; 
	 color: #637baa; 
	 border-bottom: 1px solid #637baa;
	 text-align: center; 
	 padding: .6rem 0; 
	 margin: 1.0rem 0 0; 
	}

	#menu_close::before {
		font-family: FontAwesome;
		content: "\f00d";
		margin: 0 .6rem 0 0;
	}
  	/* nav ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content:center;
		justify-content:center;
	} */
	/* nav li{
		width: 33.2%;
	}
	nav li a{
		padding: 1em 0 0.5em;
	} */
	article{
		width: 98%;
		float: none;
		margin: 0 auto 1em;
		border: none;
		padding: 0;
	}

	/* パンくず */
	.sub_header {
	        width: 98%;
        margin: 0 auto;
	}
	section {
		margin: 0 auto 2em;
		width: 100%;
		max-width: inherit;
	}
	section .box{
		padding: 0.2em;
	}
	section .box.box_b{
		padding: 0 0.2em 1em;
	}
	aside{
		width: 100%;
		float: none;
		padding: 0.5em;
	}
	aside ul{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content:space-between;
		justify-content:space-between;
	}
	aside li{
		width: 48%;
	}
	aside li a{
		padding: 0.5em 0.2em;
	}

	/* FOOTER -----------------------------------------------------*/
	/* ----------- 医院概要 ------------*/
	footer{
		background-size: 50%;
		margin-bottom: 50px;
	}
	.copyright{
		margin-top: 1em;
	}
/* 共通style
------------------------------------------------------------*/
	h2{
		font-size: 200%;
		padding: 0.8em 0;
	}
	h3{
		font-size: 100%;
	}
	table thead{
		display: none;
	}
	table th{
		width: 100%;
		padding: 0.5em;
		display: block;
		box-sizing: border-box;
	}
	table td{
		width: 100%;
		padding: 0.5em;
		display: block;
		box-sizing: border-box;
	}

	/*TOPページ 
	------------------------------------------------------------*/
	#index header{
    padding-bottom: 2em;
    margin-bottom: 0;
  }
	#index h1{
		margin-bottom: 0.5em;
		width: 77%;
	}
	.mainvisual{
		padding: 1em 0 0;
	}
	.mainvisual .mv_info{
		float: none;
		padding: 1em;
		width: 95%;
		margin: 0 auto;
		box-sizing: border-box;
	}
	#index h2{
		font-size: 120%;
		padding: 0 0.5em;
	}
	.featurea li{
		width: 100%;
	}
	.topinfo dd{
		padding: 0 0 1em;
	}
	.gaiyo {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 0.3em;
	}
	.gaiyo dd{
		padding-left: 0;
	}
	.gaiyo .bd_r{
		border: none;
		padding: 0;
	}
	.greeting{
		padding: 1em;
	}

	/*下層ページ 
	------------------------------------------------------------*/
	.case{
		width: 100%;
		box-sizing: border-box;
	}
	.case.dr_point{
		padding: 0 0.5em 130PX 0.5em;
	}
	.checkbox{
		width: 100%;
		padding: 0.5em;
	}
	.waku{
		border: none;
		padding: 0.5em;
	}
	.waku dd{
		padding: 0.5em;
	}

	
	.route li{
	width: 40%;
}

	#c-modal_bg {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background: rgba(0, 0, 0, 0.6); }

#c-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9999;
    width: 95%;
	height: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    padding: 40px 30px 30px 30px;
    text-align: left; 
}
#c-modal_close {
    padding: 5px;
    cursor: pointer;
    background: #002977;
    color: #ffffff;
    border-radius: 8rem;
    width: 100px;
    height: auto;
    text-align: center;
    margin-bottom: 1em; }
.pop_p {
    padding: 10px;
	font-size: 1.2em;
}

  .pop_s {
    margin-top: 10px;
    text-align: center; 
	margin-bottom: 20px;
}

	.sp_no{
		display: none;
	}
	
	.bnr_wrap {
		justify-content: space-between;
		max-width: 100%;
	}
	.bnr_wrap li {
		width: 48%;
		width: -webkit-calc(50% - 0.5em);
		width: calc(50% - 0.5em);
		margin: 0 0 1em;
		text-align: center;
	}
	
	.recruit {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-justify-content: start;
	justify-content: start;
}

.recruit a {
	width: 43%;
	margin:1.0rem 0.5rem;
	font-size: 100%;
}
	
}