@charset "UTF-8";
 
  /*-----main Slide-----*/
  
  
  
  #mainSlide {
    margin: 0px 0 21px;
    position:relative;
  }
  #mainSlide p {
    height: 400px;
    width:1200px;
    position: relative;
    overflow: hidden;
    left:0px !important;
    margin:0 auto !important;
  }

  #mainSlide ul {
    text-align: center;
  }
  #mainSlide ul li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: top;
    margin: 0 3px;
  }
  #mainSlide ul li img {
    cursor: pointer;
    border:1px solid #101950
  }
  #mainSlide ul li img:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    opacity: 0.7;
  }
  
/*--------------head-----------------------------------*/
#gNavWrapper　{
	background-image: url(../img/gnav_bg.gif) repeat-x;
}
/*--------------main-----------------------------------*/
#main #link {
	margin: 20px 0 0 5px;
}
 #main #link img{
	margin:-8px 5px 5px 10px;
	 width:98%;
}
#main #link li:nth-of-type(1) {
	float: left;
		background: url(../img/btn_index01.jpg) left no-repeat;
	background-size: 100%;
	background-position-y: -28px;
	margin-left: 10px;
	padding: 28px 43px;
	
}
#main #link li:nth-of-type(2) {
	float: left;
	margin-left: 10px;
		background: url(../img/btn_index03.jpg) left no-repeat;
	background-position-y: -25px;
	padding: 28px 15px;
}
#main #link li:nth-of-type(3) {
	float: left;
	margin-left: 5px;
		background: url(../img/btn_index02.jpg) left no-repeat;
	background-position-y: -25px;
	padding: 28px 35px;
}


#main #link h3 {
	color:#244FA9;
	text-shadow: 2px 2px 2px #fff;
	
}
#main #link li a{
	font-size:1.7em;
	font-weight: bold;
	color:#244FA9;
	text-decoration: none;
	text-align: center !important;

}
	  #main #toprecruitbn img{
	width: 97.5% !important;
	margin:5px 10px 5px 15px;
}
	  #main #nurse_recruit {
	padding: 20px 10px 20px 10px;
 max-width: 850px;
	margin:0 15px 10px 15px;
	text-align:center;
	background-color:#D55849;
	background-image: none;
	border: none;
}
	  #main #nurse_recruit h4 {
	font-size:1.5em;
	font-weight: bold;
	color:#fff;
	padding:5px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}

#main #nurse_recruit2 {
	padding: 20px 10px 20px 10px;
 max-width: 850px;
	margin:0 15px 10px 15px;
	text-align:center;
	background-color:#205AAC;
	background-image: none;
	border: none;
}

#main #nurse_recruit2 h4 {
	font-size:1.5em;
	font-weight: bold;
	color:#fff;
	padding:5px 10px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}

#main #nurse_recruit3 {
	background-color:#3a3a3a;
	background-image: none;
	border: none;
	padding: 20px 10px 20px 10px;
 max-width: 850px;
	margin:0 15px 10px 15px;
	text-align:center;
	background-image: none;
	border: none;
}

#main #nurse_recruit3 h4 {
	font-size:1.4em;
	font-weight: bold;
	color:#fff;
	padding:5px 10px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}

#main #nurse_recruit4 {
	display: inline-block;
	padding:20px 10px 20px 10px;
 min-width: 400px;
	margin:0 15px 10px 6px;
	text-align:center;
	background-color:#66ACAA;
	background-image: none;
	border: none;
}

#main #nurse_recruit4 h4 {
	font-size:1.4em;
	font-weight: bold;
	color:#fff;
	padding:5px 10px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}



#main #covidvs {
	padding: 20px;
	width: 98%;
	margin:0 auto 10px 10px;
	text-align:center;
	background-color:#e00930;
}

#main #covidvs h3 {
	font-size:1.7em;
	font-weight: bold;
	color:#fff;
	padding:5px 30px;
	line-height: 1.2;
	
}
#main #covidvs h3 a{
	padding-bottom: 10px;
	font-size:1.3em;
	font-weight: bold;
	color:#fff;
	
}
#covidvs h3 a:hover {
	border:3px double #244FA9;
	margin:0 auto 10px 10px;
	text-align:center;
	background-color:#fff;
	color: yellow !important;
	
}
#main #covidvs p {
	margin-bottom: 0px !important;
	
}

#main #covid {
	padding: 20px;
	width: 98%;
	margin:0 auto 10px 15px;
	text-align:center;
	background-color:#244FA9;
}

#main #covid h3 {
	font-size:1.7em;
	font-weight: bold;
	color:#fff;
	padding:5px 30px;
	line-height: 1.2;
	
}
#main #covid h3 a{
	padding-bottom: 10px;
	font-size:1.3em;
	font-weight: bold;
	color:#fff;
	
}
#covid h3 a:hover {
	border:3px double #244FA9;
	margin:0 auto 10px 10px;
	text-align:center;
	background-color:#fff;
	color: yellow !important;
	
}
#main #covid p {
	margin-bottom: 0px !important;
	
}
#main #news {
	padding: 10px;
	width: 840px;
	height: 980px;
	border:2px solid #eee;
	margin:0 auto auto 10px;
	font-size:1em;
}
	  #main #news #newspcr{
	padding: 10px;
	border:1px dotted #244FA9;
		  border-radius:15px;
		  width:95%;
		  margin:4px auto;
		  font-size:16px;
}
	 #main #news #newspcr p{

		  font-size:12px !important;
}  
	  #main #news h5{
color:red;
}
	   #main #news p{
padding:0 !important;
		   margin:0;
		   font-size:14px !important;
}
#main #news img{
	width: 820px;
}
#main #news dl {
	width: 810px;
	height: 810px;
	overflow: scroll;
	padding: 0 10px 10px;
}
#main #news dt {
	width: 100%;
	height:auto;
	padding:10px 10px 0px;
	line-height:1.4;
		 
}
#main #news dd {
	width: 100%;
	float: right;
	padding: 0px 100px 10px 0;
	border-bottom: 1px dashed #aaa;
	padding-left: 120px;
	margin-left: -120px;
	margin-top: -25px;
		font-size:1em;
	line-height:1.4
}
#main #news dd img{
	width: 100%;
	
}

#main #cont {
	width: 1200px;
	position: relative;
	margin:0 auto;
	display: flex
}
#main #contindex {
	width: 850px;
	margin: 10px;
	position: relative;
}
#main #contRight {
	width: 280px;
float:right;
	margin-top: 10px;
}

#main #contRight img{
	width: 280px;
}
#main #contRight li {
	margin-bottom: 10px;
	margin-top: 10px;
}
/*--------------footer-----------------------------------*/

#footerTop{
	margin: 30px auto;
	width:1200px;
	display: inline-block;
}
@media screen and (min-width: 1600px) {
#footerTop{
	margin: 30px 20%;

}
}
#footer01,
#footer02,
#footer03,
#footer04 {
	float: right;
	width: 285px;
}
#footer01 {
	width: 285px;
}
#footer02 {
	float: left;
	width: 285px;
}

#footerTop dt {
	margin-top: 30px;
	padding-left: px;
	background: url(../img/ico_foot01.gif) left no-repeat;
}
#footerTop dd {
	margin-left: 25px;
	padding-left: 15px;
	background: url(../img/ico_foot02.gif) left no-repeat;
	font-size: 14px;
}
.infoBtm {
	display: none 
}	

/* Fonts
------------------------------------------------------------*/

body {
	font-size: 16px;
	*font-size: 100%; /* IE7 */
	font-size: 100%\9; /* IE8 */
	font-family: ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,"Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
:root body {
   font-size: 16px \0/; /* IE9 */
}


	/* --------------------------------
 *  820px ↓
 * -------------------------------- */	 

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

	
	
	
	
/*-----main Slide-----*/
  
  
  
  #mainSlide {
    margin: 0px 0 21px;
    position: relative !important;
  }
  #mainSlide p {
    width:100% !important;
    position: relative !important;
  }

 #mainSlide p img{
    position: relative !important;
    width:100% !important;
    left:0px !important;
    top:0px !important;
    overflow:hidden;
  }
  
	#main {
	width: 100%;
	display: inline-block;
		
}
	#mv {
	position: absolute;
	top:60px;
		
}	
#mv img{
		width: 100%;
		
}	
#main #cont {
	width: 100%;
	position: relative;
	margin:0 auto;
	margin-top:-10em !important;
}
#main #contindex {
	width: 100%;
	position: relative;
	margin-top: 400px; 
}
	#main #link ul{
	display: flex;
	width: 100%;
	margin:0 ;
}		
	#main #link li {
	width: auto;
		margin:5px 7px;
}	

	#main #link li h3{

	padding:0;

}

#main #link li a{
	font-size:22px;
	font-weight: bold;
	text-decoration: none;

}
#main #link li:nth-of-type(1) {
	background-size: 124%;
	
	padding: 20px;
	
}
#main #link li:nth-of-type(2) {
	background-size: 100%;
	padding: 30px;
}
#main #link li:nth-of-type(3) {
	background-size: 120%;
	padding: 30px;
}


#main #covid {                    
	padding: 10px;
	width: 100%;
	margin:0 auto 10px;
	background-color:#244FA9;
}

#main #covid a{
	text-align:center;
	text-decoration: none;
	font-size:0.8em
}	
#main #covidvs  {
	font-size:1em;
	font-weight: bold;
	color:#fff;
	padding:7px ;
	line-height: 1.2;
	margin:5px auto;
	
}
#main #covidvs h3 {
	font-size:0.9em;
	font-weight: bold;
	color:#fff;
	padding:7px 10px 7px 5px;
	line-height: 1.2;
	
}
#main #covidvs h3 a{
	padding: 10px;
	font-size:0.9em;
	font-weight: bold;
	color:#fff;
	
}
#main #cont {

	width: 100%;
	position: relative;
	margin:0 auto;
	display: flex
}
#main #contindex {
	margin-right: 5px;
	position: relative;
}
#main #contRight {
display: none
}	
#main #news {
		padding: 7px;
	width: 98%;
	height: 450px;
	margin:0 auto auto 7px;
	font-size:1em;
}
#main #news img{
	width: 98%;
}
#main #news dl {
	width: 100%;
	overflow: scroll;
	padding: 0 10px 10px;
	height:380px
}	

#footerTop{
	display: none
}	
.infoBtm{
	display: block
}		

} 
	/* --------------------------------
 *  834px ↓
 * -------------------------------- */	 

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


	
 #mainSlide p img{
    position: relative !important;
    width:100% !important;
    left:0px !important;
    top:80px !important;
    overflow:hidden;
  }	
  #main #cont {
	width: 100%;
	position: relative;
	margin:0 auto;
	margin-top:-10em !important;
}
	
#main {
	width:98%;
	display: inline-block;
		
}
#mv {
	position: absolute;
	top:70px;
		
}	
	#mv img,video{
		width: 78%;
		margin:0 0 0 10%;
		text-alian:center !important;
}	
	
	  
}
@media screen and (max-width: 600px) {


	
#mv img,video{
		width: 100%;
	margin:0;
		
}	
}
	  


@media screen and (max-width: 834px) {	  
	
#main #contindex {
	margin: 5px;
}	
#main #link  {
	margin:0 ;
}	

	 #main #link img{
	margin:-8px 5px 5px ;
	 width:98%;
}
#main #link ul{
	display: flex;
	width: 100%;
	margin:0 ;
}		

#main #link h3 {
	color:#244FA9;
	text-shadow: 2px 2px 2px #fff;
	
}
#main #link li {
	margin: 2px;
		
}	
#main #link li a{
	font-size:17px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	text-align: center !important;
	color:#fff !important;

}
#main #link li:nth-of-type(1) {
	float: left;
		background: url(../img/btn_index01.jpg) left no-repeat;
	background-size: 110%;
	background-position-y: -15px;
	margin-left: 2px;
	padding: 25px;
	width:33%;
	height:70px;
}
#main #link li:nth-of-type(2) {
	float: left;
	margin-left: 2px;
		background: url(../img/btn_index03.jpg) left no-repeat;
	background-size: 110%;
	background-position-y: -15px;
	padding: 25px 5px;
	width:33%;
	height:70px;
}
#main #link li:nth-of-type(3) {
	float: left;
	margin-left: 2px;
		background: url(../img/btn_index02.jpg) left no-repeat;
	background-size: 110%;
	background-position-y: -15px;
	padding: 25px 5px;
	width:33%;
	height:70px;
}




#main #covid {
	padding: 5px;
	width: 98%;
	margin:0 10px 10px 5px;
	background-color:#244FA9;
	font-size:0.7em;
}

#main #covid a{
	text-align:center;
	text-decoration: none;
}	
#main #toprecruitbn img{
	width: 98% !important;
	margin:5px 1px -5px 5px;
}
	#main #nurse_recruit {
	padding: 10px 10px 10px 10px;
 max-width: 100%;
	margin:0 auto 3px 0px;
	text-align:center;
	background-color:#D55849;
	background-image: none;
	border: none;
}
		  #main #nurse_recruit h4 {
	font-size:1.2em;
	font-weight: bold;
	color:#fff;
	padding:5px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}

#main #nurse_recruit2 {
	padding: 10px 10px 10px 10px;
 max-width: 100%;
	margin:0 auto 3px 0px;
	text-align:center;
	background-color:#0074E8;
	
	background-image: none;
	border: none;
}

#main #nurse_recruit2 h4 {
	font-size:1.2em;
	font-weight: bold;
	color:#fff !important;
	padding:2px 2px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}
	
	
	
	#main #nurse_recruit3 {
	padding: 10px 10px 10px 10px;
 max-width: 100%;
	margin:0 auto 3px 0px;
	text-align:center;
	background-color:#3a3a3a;
	background-image: none;
	border: none;
}

#main #nurse_recruit3 h4 {
	font-size:1.2em;
	font-weight: bold;
	color:#fff;
	padding:2px 2px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}
		  #main #toprecruitbn img{
	width: 97.5% !important;
	margin:5px 10px 5px 15px;
}





#main #nurse_recruit4 {
	display: block;
	padding:7px 10px 7px 10px;
 max-width: 100%;
	margin:0 auto 3px 0px;
	text-align:center;
	background-color:#66ACAA;
	background-image: none;
	border: none;
}

#main #nurse_recruit4 h4 {
	font-size:1.2em;
	font-weight: bold;
	color:#fff;
	padding:5px 10px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}


#main #contindex {
	width: 100%;
	position: relative;
	margin-top: 27.5em
}

	
#main #contRight {
display: none
}	
#main #news {
	padding: 5px 2px;
	width: 100%;
	font-size:1em;
	overflow:hidden;
	margin:15px 0 0;
	height:350px;
	
}
	#main #news h5{
	font-size:0.9em;
line-height:1em !important;
		color:red; 
	
	
}
#main #news p{
	padding: 0px !important;
	font-size:0.8em;
line-height:1.3em !important;
	
	
}
#main #news img{
	width: 120%;
	overflow:hidden;
}
#main #news dl {
	overflow: scroll;
	padding: 0 2px 10px;
	display: flex;
flex-flow: row wrap;
width: 100%;
}	
#main #news dt{
flex-basis: 15%;
	padding: 3px 0 1px 10px;
	font-size:0.8em;
		 
}
#main #news dd {
	padding: 2px 0;
	padding-left: 0px;
	margin-left: 0px;
	margin-top: 0px;
		font-size:13px !important;
	line-height:1.1;
	font-size:0.8em;  
flex-basis: 100%;

	border-bottom: 1px dashed #aaa;
}

#footerTop{
	display: none
}	
.infoBtm{
	display: block;
	
}		
.infoBtm ul {
		 background: #004C9E;
	 margin:10px auto;
} 
.infoBtm li{
		 float:left;
	 width:45%;
	 margin: 2px 7px ;
	 position:relative;
	 padding:2px;
	 display:inline-block;
	 border-bottom: #fff 1px solid;
		 color: #fff;
		 text-align:center;
	line-height: 1;
	
	 } 

.infoBtm ul li a{
		 padding:5px auto 0;
		 display:block;
	  font-size:10px;
		 letter-spacing:0;
		 font-weight:100;
	 }

} 
/* --------------------------------
 *  420px ↓
 * -------------------------------- */	 

@media screen and (max-width: 420px) {
 #mainSlide p img{
    position: relative !important;
    width:100% !important;
    left:0px !important;
    top:80px !important;
    overflow:hidden;
  }	
  #main #cont {
	width: 100%;
	position: relative;
	margin:0 auto;
	background-color:none !important;
}
	
#main #contindex {
	width: 100%;
	position: relative;
	margin-top: 23.2em
}

#main #link ul{
	display: block;
	margin-left:3px;
	margin-top:0px;
}
#main #link li a{
	font-size:20px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	padding:0;

}
#main #link li:nth-of-type(1) {
	float: left;
	background-size: 100%;
	background-position-y: -40px;
	padding: 15px;
	width:98%;
	height:55px;
}
#main #link li:nth-of-type(2) {
	background-size: 100%;
	background-position-y: -60px;
	padding: 15px;
	width:98%;
	height:55px;
	
}
#main #link li:nth-of-type(3) {
	background-size: 100%;
	background-position-y:-5px;
	padding: 15px;
	width:98%;
	height:55px;
}
	#main #nurse_recruit3 {
	display: block;
	padding: 7px 10px 7px 10px;
 min-width: 320px;
	margin:0 auto 3px 0px;
	text-align:center;
	background-image: none;
	border: none;
}

	
	}
/* --------------------------------
 *  380px ↓
 * -------------------------------- */	 

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

#main #link ul{
	display: block;
	margin-left:3px
}
#main #link li a{
	font-size:20px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	padding:0;

}
#main #link li:nth-of-type(1) {
	float: left;
	background-size: 100%;
	background-position-y: -40px;
	padding: 15px;
	width:98%;
	height:55px;
}
#main #link li:nth-of-type(2) {
	background-size: 100%;
	background-position-y: -60px;
	padding: 15px;
	width:98%;
	height:55px;
	
}
#main #link li:nth-of-type(3) {
	background-size: 100%;
	background-position-y:-5px;
	padding: 15px;
	width:98%;
	height:55px;
}
#main #nurse_recruit {
 min-width: 320px;
}
#main #nurse_recruit2 {
 min-width: 320px;

	background-color:#205AAC;
}

#main #nurse_recruit3 {
	display: block;
	padding: 7px 10px 7px 10px;
 min-width: 320px;
	margin:0 auto 3px 0px;
	text-align:center;
	background-image: none;
	border: none;
}

#main #nurse_recruit3 h4 {
	font-size:1.2em;
	font-weight: bold;
	color:#fff;
	padding:5px 10px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}

#main #nurse_recruit4 {
	display: block;
	padding:7px 3px 7px 3px;
 min-width: 320px;
	margin:0 auto 3px 0px;
	text-align:center;
	background-image: none;
	border: none;
}

#main #nurse_recruit4 h4 {
	font-size:1em;
	font-weight: bold;
	color:#fff;
	padding:5px 10px;
	line-height: 1.2;
	background-image: none;
	border: none;
	margin: 3px;
	text-align: left;
	display: inline;
	
}

}
/* --------------------------------
 *  360px ↓
 * -------------------------------- */	 

@media screen and (max-width: 360px) {
#main #link ul{
	display: block;
	margin-left:3px
}
#main #link li a{
	font-size:20px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	padding:0;

}
#main #link li:nth-of-type(1) {
	float: left;
	background-size: 100%;
	background-position-y: -40px;
	padding: 15px;
	width:98%;
	height:55px;
}
#main #link li:nth-of-type(2) {
	background-size: 100%;
	background-position-y: -60px;
	padding: 15px;
	width:98%;
	height:55px;
	
}
#main #link li:nth-of-type(3) {
	background-size: 100%;
	background-position-y:-5px;
	padding: 15px;
	width:98%;
	height:55px;
}

}

/* --------------------------------
 *  320px ↓
 * -------------------------------- */	 

@media screen and (max-width: 320px) {
 #mainSlide p img{
    position: relative !important;
    width:100% !important;
    left:0px !important;
    top:80px !important;
    overflow:hidden;
  }	
  #main #cont {
	width: 100%;
	position: relative;
	margin:0 auto;
	margin-top:-12em !important;
}
	
#main #link li a{
		font-size:20px;
	font-weight: bold;
	color:#fff;
	text-decoration: none;
	padding:0;
}
#main #link li{
	padding:15px !important;

}

}
/* ---------------------------------- **
		Modal Window
** ---------------------------------- */
#layer_board_area {
	display: none;
	position: fixed;
	top: 5%;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 5vw;
    overflow-y: auto;
    overflow-y: scroll;
    box-sizing: border-box;
    -ms-overflow-style: none;
    z-index: 999;
}

#layer_board_area::-webkit-scrollbar {
	display:none; /*スクロールバーを非表示*/
}
.layer_board_bg {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	cursor: pointer;
	background: #111;
	z-index: 0;
	opacity: 0.3 !important;
}
/* --modalWindow ポップアップ部分-- */
.layer_board h2 {
	display: block;
    position: relative;
    width:98%;
    margin: 0 auto;
    padding: 10px;
    background-color:#f1042f;
    font-size: 1.5em;
    text-align: center;
    letter-spacing: 1px;
	color:#fff;
	font-weight:bold;
	border:none;
}
.layer_board {
	display: none;
	position: relative;
	width: 90%;
	max-width: 1000px;
	padding: 2em;
	border-radius: 5px;
	box-sizing: border-box;
	background: #f1042f;
	z-index: 10;
	border:4px solid #f1042f;
	border-width:4px 4px 4px 4px !important;
}
.layer_board.shortLayer {
	margin: 3vw 0 0;
	top: 60%;
	left: 50%;
	transform: translate(-50%,-50%);
}
/* --close ボタン-- */
.layer_board .mdl_btn_close.circle_btn {
display: none;
}
.layer_board .mdl_btn_close.circle_btn:hover {
	background-color:#fff;
}


/* --コンテンツ部分の装飾-- */
.layer_borad_title {
	font-size: 200%;
	font-weight: 200;
	color: #fff;
}
.layer_borad_content {
	margin: 1em auto 1.5em;
}
.layer_board .square_btn {
	display: block;
    position: relative;
    width:160px;
    margin: 0 auto;
    padding: 10px;
    border-radius: 2px;

    border: 4px solid;
    font-size: 1.2em;
    font-weight: 300;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
    transition: .15s;
	color:#fff;
	font-weight:bold
}
.layer_board .square_btn:hover {
	background: #47698C;
	color: #fff;
} 

@media screen and (max-width: 768px) {
	
.layer_board.shortLayer {
	margin: 3vw 0 0;
	top: 45%;
	left: 50%;
	transform: translate(-50%,-50%);
}
}
@media screen and (max-width: 600px) {
	
.layer_board {
	width: 95%;
}
}

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

	.layer_board {
		width: 95%;
		margin: 3em auto;
		padding: 0;
	}
	.layer_board.shortLayer {
	margin: 0vw 0 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
	.layer_board h2 {
	display: block;
    position: relative;
    width:98%;
    margin: 0 auto;
    padding: 10px;
    background-color:#f1042f;
    font-size: 1.1em;
    text-align: center;
    letter-spacing: 1px;
	color:#fff;
	font-weight:bold;
	border:none;
}
	.layer_board .mdl_btn_close.circle_btn {
		width: 56px;
		height: 56px;
		background-size: 24px;
	}
	.layer_board .square_btn {
    width:50%;
    padding: １0px;
    border:3px solid #fff;
    font-size: １em;
    font-weight: 700;
}
}