@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:767px) { 
button.drawer-toggle{
	display:none;
    }
}

nav.drawer-nav{
	width:100%;
		margin:0 auto 0;
position: relative;
z-index: 9999;
background:#FF668B;
    height: 80px;
}

nav.drawer-nav:before{
	/*content :"　";
	background: url(../img/nav_border.png) repeat-x 50% 0;
height: 20px;
width: 100%;
display: block;
	position: absolute;
	top: -18px;*/
}
nav.drawer-nav ul.drawer-menu{
	width:960px;
	margin:0 auto ;
	overflow: visible;
	z-index:1000;
	position:relative;
	padding:0;
	
}
nav.drawer-nav ul.drawer-menu>li{
	float:left;
	width:191px;
list-style:none;
	text-align:center;
	transition-property: all;
  transition: 0.3s linear;
	font-size: 1.9rem;
	letter-spacing: 0.2em;
	border-right: 1px solid #fff; 
	    height: 80px;

}
nav.drawer-nav ul.drawer-menu>li:last-child{
	border: none;
	
}
	nav.drawer-nav ul.drawer-menu li.nav01>a{
		background:no-repeat url("../img/icon_gnav_01.png") 50% 15px;
		
	}
	nav.drawer-nav ul.drawer-menu li.nav01>a:hover{

			}
	nav.drawer-nav ul.drawer-menu li.nav02>a{
		background:no-repeat url("../img/icon_gnav_02.png") 50% 15px;
	}
	nav.drawer-nav ul.drawer-menu li.nav02>a:hover{

			}
	nav.drawer-nav ul.drawer-menu li.nav03>a{
		background:no-repeat url("../img/icon_gnav_03.png") 50% 15px;
	}
	nav.drawer-nav ul.drawer-menu li.nav03>a:hover{

			}
	nav.drawer-nav ul.drawer-menu li.nav04>a{
		background:no-repeat url("../img/icon_gnav_04.png") 50% 15px;
	}
	nav.drawer-nav ul.drawer-menu li.nav04>a:hover{

			}
	nav.drawer-nav ul.drawer-menu li.nav05>a{
		background:no-repeat url("../img/icon_gnav_05.png") 50% 15px;
	}
	nav.drawer-nav ul.drawer-menu li.nav05>a:hover{

			}

	nav.drawer-nav ul.drawer-menu>li>a{
		-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
		display:block;
		font-size: 1.6rem;
font-weight:500;
		color: #fff;
	padding-top: 50px;
	}
		nav.drawer-nav ul.drawer-menu li a span{
			/*display:none;*/
	}
	nav.drawer-nav ul.drawer-menu li>a:hover{
	
	}
	nav.drawer-nav ul.drawer-menu:last-chaild li{
	border-left:none;
	}
nav.drawer-nav ul.drawer-menu li ul{
  list-style: none;
/*  position: absolute;
*/  z-index: 9999;
  left: 0;
  margin: 0;
  padding: 0;
	  background:url(../img/bg_gnav_ul.png) 100% 50% #fff;
	border: 5px solid #FF668B;
	border-radius: 10px;
	font-weight:400;
	width: 960px;
	padding: 20px 0;
	-moz-box-shadow: 0 0 5px #ccc;
-webkit-box-shadow: 0 0 5px #ccc;
box-shadow: 0 0 5px #ccc;
}

nav.drawer-nav ul.drawer-menu>li>ul{
 opacity: 0;
	 /* top: 50%;*/
	 top:50px;
	  visibility: hidden;
	  transition: .5s;
 /* top: 73px;
	  visibility: visible;
	  opacity: 1;*/
	  position: absolute;
	  padding-bottom:15px;
}
nav.drawer-nav ul.drawer-menu li ul>li{
 /*width: 100%;*/
	width: 310px;
	margin-right:10px;
padding: 5px 0;
text-align: center;
	border: none;
	background: none;
	float: left;
}
nav.drawer-nav ul.drawer-menu li ul>li:nth-child(3){
 	margin-right:0;
}
nav.drawer-nav ul.drawer-menu li ul li.long{
 width: 98%;
	margin: 0 1%;
	display: block;
}
nav.drawer-nav ul.drawer-menu li>ul>li a{
	padding-bottom:0;
	 -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s easet;
	transition: all 0.4s ease;	
}

nav.drawer-nav ul.drawer-menu>li>ul>li>a{
	position: relative;
	margin-top:5px;

}
nav.drawer-nav ul.drawer-menu>li>ul>li>a span{
		background: no-repeat 0 50% url("../img/nav_arrow_1.png");
display: inline-block;
padding-left: 28px;
	color: #333;
}

nav.drawer-nav ul.drawer-menu li ul li  a:hover{
	color:#C2951E;
}
nav.drawer-nav ul.drawer-menu li ul li ul li a{
	border:none;
	 -webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s easet;
	transition: all 0.4s ease;
	padding-bottom:0;
	
}
nav.drawer-nav ul.drawer-menu li ul li ul li a:hover{
	background:#C2951E  no-repeat 100% 100% url("../img/nav_arrow.png");
	color:#fff;
}
nav.drawer-nav ul.drawer-menu li ul{
	padding-top:10px;
}
nav.drawer-nav ul.drawer-menu>li:hover>ul{
	  top: 73px;
	  visibility: visible;
	  opacity: 1;

}
nav.drawer-nav ul.drawer-menu li ul li ul{
	width: 100%;
margin: 0 auto;
}
nav.drawer-nav ul.drawer-menu li ul li ul li{
	width: 292px;
text-align: center;
background: #FFCC01;
margin: 5px 10px;
}
nav.drawer-nav ul.drawer-menu li ul li ul li a{
	    font-size: 1.3rem;
    padding-left: 0;
    line-height: 1.2;
    height: 35px;
    vertical-align: middle;
    display: table-cell;
    width: 320px;
    text-align: center;
	background: no-repeat 100% 100% url("../img/nav_arrow.png");
}
nav.drawer-nav ul.drawer-menu{
	position: relative;
}
nav.drawer-nav ul.drawer-menu li ul{
	  top: 100px !important;
	position: absolute;
	z-index: 0;
	height: 110px;
}
nav.drawer-nav ul.drawer-menu>li:hover>ul{
	  visibility: visible;
	  opacity: 1;
	z-index: 9999;

}

/* beforeで三角を表現 */
nav.drawer-nav ul.drawer-menu>li>a:hover::before{
display: none;
}
nav.drawer-nav ul.drawer-menu>li>a:hover::after{
  content: '';
  position: absolute;
  bottom: -93px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-top: 15px solid #FF668B;
  border-left: 15px solid transparent;
}

nav.drawer-nav ul.drawer-menu>li.nav01>a:hover::before,
nav.drawer-nav ul.drawer-menu>li.nav01>a:hover::after{
  left: 80px;
		
	}
nav.drawer-nav ul.drawer-menu>li.nav02>a:hover::before,
nav.drawer-nav ul.drawer-menu>li.nav02>a:hover::after{
  left: 270px;
	}
nav.drawer-nav ul.drawer-menu>li.nav03>a:hover::before,
nav.drawer-nav ul.drawer-menu>li.nav03>a:hover::after{
  left: 465px;
	}
nav.drawer-nav ul.drawer-menu>li.nav04>a:hover::before,
nav.drawer-nav ul.drawer-menu>li.nav04>a:hover::after{
  left: 655px;
	}
nav.drawer-nav ul.drawer-menu>li.nav05>a:hover::before,
nav.drawer-nav ul.drawer-menu>li.nav05>a:hover::after{
  display: none;
	}

nav .other_ul{
	
	display: none;
}

@charset "utf-8";

html, body, div, span, applet, object, iframe,  h1, h2, h3, h4, h5, h6, p, blockquote, pre,  a, abbr, acronym, address, big, cite, code,  del, dfn, em, img, ins, kbd, q, s, samp,  small, strike, strong, sub, sup, tt, var,  b, u, i, center,  dl, dt, dd, ol, ul, li,  fieldset, form, label, legend,  table, caption, tbody, tfoot, thead, tr, th, td,  article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary,  time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers 
------------------------------------------------------------------*/
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background: #FFF;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* clearfix 
------------------------------------------------------------------*/
.clear {
	clear: both !important;
	float: none !important;
	font-size: 0% !important;
	height: 0px !important;
	line-height: 0% !important;
	margin: 0px !important;
	padding: 0px !important;
	width: 0px !important;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
.clearfix {
	zoom: 1;
}
/* common 
------------------------------------------------------------------*/
html{
	font-size:62.5%;	
}
body {
	/*font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;*/
	/* font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
	/*font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;*/
	font-family: YuMincho, 'Yu Mincho', serif;
	line-height: 1.6;
	font-size: 130%;
	color: #333;
	
}
a {
	text-decoration: none;
	color: #333;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
a:hover {
	text-decoration: none;
	color:#FFCC01;
}
/* 
------------------------------------------------------------------*/
#wrap {
	width: 100%;
	padding-top:178px;
	font-size:1.2rem;
}
.txtaC {
	text-align: center;
}
.txtaR {
	text-align: right;
}
.txtaL {
	text-align: left !important;
}
.cap {
	font-size: 11px !important;
	line-height: 1.2em !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml45 {
	margin-left: 45px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.w80 {
	width: 80px;
}
.w100 {
	width: 100%;
}
.w150 {
	width: 150px;
}
.w450 {
	width: 450px;
}
.w340 {
	width: 300px;
}
.floatL {
	float: left;
}
.floatR {
	float: right;
}
/*font*/
.fwb {
	font-weight: bold;
}
.fcBlue {
	color: #3773bb;
}
.fcRed {
	color: #ff0000;
}
.fcOrange {
	color: #ff6666;
}
.fc_deepR{
	color: #A80714;
}
.fcgreen_b{
	color: #74AD18;
	letter-spacing: 0.1em;
	font-weight: 600;
}
.orenge{
	font-weight: 700;
display: inline-block;
padding: 10px 0;
color: #F7921E;
}

.txtu {
	text-decoration: underline;
}
.caution {
	color: #ff0000;
	font-size: 12px;
}
.photoR {
	float: right;
	margin: 0 0 20px 20px;
}
.photoL {
	float: left;
	margin: 0 20px 20px 0;
}
.topLine {
	border-top: 1px dotted #333;
}
.strong {
	font-weight: bold;
}
.tx_S {
	font-size: 80%;
	font-weight:100;
}
.tx_L {
	font-size: 130%;
}
.y_waku{
	border: #FFD501 2px solid;
	border-radius: 20px;
	font-weight: 800;
	padding: 8px 15px;
	display: inline-block;
	width: auto !important;
}
.bg_Blue{
	background:#DBF8FF;
	padding:16px 30px;
}
.ph_frame{
	padding:2px;
	border:1px solid #ccc;
	
}
.red_line{
border-bottom:2px solid red; 
font-weight:bold;	
}
.btn {
	text-align: center;
}
.btn a{
	background: #FF668B;
	border-radius: 10px;
	display: inline-block;
text-align: center;
	color: #fff;
	padding: 15px 0; 
	position: relative;
	padding-left: 40px;
	padding-right: 20px;
	letter-spacing: 0.1em;
	font-size: 1.7rem;
	margin-top: 15px;
}

.btn a::before{
	content: "＞";
	position: absolute;
	left: 24px;
}
.under_main .inner .box ul.num{
	list-style:none;
	margin:15px 0;
}
.under_main .inner .box ul.num li {
	position: relative;
	padding: 0 0 .5em 50px;
	counter-increment: titleNum;
	margin-bottom:10px;
	font-weight:600;
}
.under_main .inner .box ul.num li::before {
	position: absolute;
	top: -4px;
	left: 10px;
	content: counter(titleNum);
	width: 28px;
	height: 28px;
	line-height: 28px;
	background-color: #60B8FF;
	border-radius: 100%;
	color: #fff;
	font-size: .9em;
	text-align: center;
}
.under_main .inner .box ul.num p{
	margin-left:49px;
	margin-bottom:25px;
	font-weight: normal;
	}

.under_main .inner ul.normal{
	margin-left: 30px;
		margin-top:15px;
	margin-bottom:15px;

	
}
.under_main .inner ul.normal li{
	padding-left:10px !important;
	font-weight: normal;
		counter-increment: none !important;
		margin-bottom:0 !important;
		font-weight: normal !important;
		
}
.under_main .inner ul.normal li:before{
	content:"○" !important;
	font-weight:900 !important;
	color:#FFD600 !important;
		background-color:rgba( 255,255,255 , 10 ) !important;
		border-radius:0 !important;
		position:relative;
		left:-5px !important;
		

}
.under_main .inner ul.normal_num{
	margin-left:110px;
	margin-top:15px;
	margin-bottom:15px;
}
.under_main .inner ul.normal_num li{
	list-style:decimal;
	counter-increment: none !important;
	list-style: decimal;
counter-increment: none !important;
padding-left: 0px !important;
font-weight: 100 !important;
padding-bottom: 10px !important;
margin-bottom: 0 !important;
}
ul.normal_num li::before{
	display:none;
	
}
.under_main .inner .box ul.num li p{
	margin-left:10px;
	
}
.under_main .inner .box ul.num li ul li{
padding-left: 0px !important;
}
.under_main .inner ul.num li ul.normal li:before{
		left:-30px !important;
}
.under_main .inner ul.num li ul.normal_num{
	margin-left:10px !important;
	}

.link_btn{
	padding:10px 20px;
	border:#FFCC01 3px solid;
	border-radius:10px;
	background:#fff;
	/* box-shadow */
box-shadow:0px 4px 6px 0px #f1f2f5;
-moz-box-shadow:0px 4px 6px 0px #f1f2f5;
-webkit-box-shadow:0px 4px 6px 0px #f1f2f5;
display: inline-block;
margin-left: 30px;
margin-top: 5px;
font-weight:normal;
	
}
.pc_br:before {
	content: "\A" ;
	white-space: pre ;
}

/* header
------------------------------------------------------------------*/
header {
	width:100%;
	margin:0px auto 5px;
	z-index:1000;
	background: #fff;
	padding: 0;
}
header .header_line{
	background: #FF668B;
	padding: 8px 0;
	width: 100%;
	color: #fff;
	margin-bottom: 10px;
	
}

header .header_line .inner{
	width: 1200px;
	margin: 0 auto;
}
header>.inner {
	width: 960px;
	margin: 0 auto;
	position: relative;
height: 106px;	
	
	
}

header>.inner .header_tel{
	overflow: hidden;
	position: absolute;
	right: 0;
	top: -2px;
}
header>.inner .header_tel img{
	float: left;
	width: 280px;


}

header>.inner .header_tel p{
float: right;
width: 210px;
font-weight: 800;
font-size: 1.6rem;
line-height: 60px;
margin-left: 0px;
margin-left: 10px;
}
header>.inner .header_btn{
	width: 540px;
	position: absolute;
	top: 10px;
	right: 0;
	z-index: 1000;
	top: 56px;
}
header>.inner .header_btn ul{
	width: 100%;
	overflow:hidden;
	margin-bottom:15px;
	
	 padding-left:0;
	 display: flex;
}
header>.inner .header_btn .menu{
	justify-content: flex-end;
}
header > .inner .header_btn ul.under {
    width: 600px;
}
header>.inner .header_btn ul li{
	float:left;
	margin-right: 5px;
	border-radius: 10px;
	padding: 10px 25px;
	background: #73AD17;
	color: #fff;
	font-size: 1.5rem;
	letter-spacing: 0.1em;
}

header>.inner .header_btn ul li.access{
	background: url(../img/icon_header_access.png) no-repeat 15px 50% #73AD17;
	padding-left: 40px;
}
header>.inner .header_btn ul li.mail{
	background: url(../img/icon_header_mail.png) no-repeat 15px 50% #73AD17;
	padding-left: 43px;
}
header>.inner .header_btn ul li.recruit{
	background: url(../img/icon_header_recruit.png) no-repeat 15px 50% #73AD17;
	padding-left: 43px;
}
header>.inner .header_btn ul li.shiryou{
	background: url(../img/icon_header_shiryou.png) no-repeat 15px 50% #56A9FC;
	padding-left: 43px;
}
header>.inner .header_btn ul li a{
	color: #fff;
}

header>.inner .header_btn ul li img{
	-webkit-transition: all 0.4s ease-out;
-moz-transition: all 0.4s ease-out;
-o-transition: all 0.4s ease-out;
transition: all 0.4s ease-out;
}
header>.inner .header_btn ul li img:hover{
	opacity:0.7;
}
header>.inner .header_btn .shiryou_btn {
    width: 150px;
	position: absolute;
top: -10px;
right: 16px;
}
header>.inner .header_btn .shiryou_btn img{
	width: 100%;
}

.width_header_btn{
    width:600px!important;
}

.width_header_btn >.shiryou{
    width: 186px;
}
header>.inner h1{
	background: no-repeat url("../img/logo.png");
	background-size: contain;
	width:295px;
	height:85px;
	font-size:0;
	margin-top: 14px;
}
header>.inner_B {
	width: 960px;
	margin: 0 auto;
	position: relative;
}
header h1 {
	
	position: absolute;
	top: 0px;
}
header a.sp_tel{
	display:none;
	
}
header h1 a {
	display: block;
	height: 100%;
	font-size: 0;
}

#contents {
	width: 100%;
	margin:0 auto 0;
	font-size:1.5rem;
}
#contents .inner {
	width: 960px;
	margin: 0 auto;
}
/* footer
------------------------------------------------------------------*/
#footer {
	padding-top:10px;
	}
	#footer>.inner{
		width:960px;
		margin:0 auto;
		overflow:hidden;
		padding: 20px 0;
		
	}
#footer .inner .floatL{
	width: 310px;
}
#footer .inner .floatR{
	width: 600px;
}
#footer .inner .floatR img.logo{
	width: 300px;
}
#footer .inner .floatR p{
	line-height: 1.4;
	font-size: 1.5rem;
	margin: 10px 0;
}
#footer .inner .floatR p.dotted{
	border-bottom:2px dotted #333;
	padding-bottom: 5px;
}

#footer p.copy{
	width:100%;
	text-align:center;
	margin:10px auto 0;
	font-size:1.3rem;
	padding:3px 0;
}
#footer .inner img.page_top {
	position: absolute;
	right:0px;
	top:-39px;
}

#footer .inner img.contact {
	float:right;
	margin:10px 30px 0 0;
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#footer .inner img.contact:hover {
	opacity:0.6;
}
	

#footer .inner .footer_bnr{
	width: 750px;
	margin: 0 auto;
	padding: 10px;
	background: #E2E2E2;
}
#footer .footer_bottom,
#footer .footer_bottom div{
	display: flex;
}
#footer .footer_bottom{
	justify-content: space-between;
	margin-top: 30px;
}
#footer .footer_bottom div p{
	padding: 10px;
}
#footer .inner .footer_bnr img{
	width: 180px;
	margin-right: 10px;
}
#footer .inner .footer_bnr img:last-child{
	margin-right: 0px;
}

input[type="checkbox"].on-off{
    display: none;
}


/*------田代記述スタート-------------*/


#contents>.contact_box{
	width: 100%;
	margin: 0px auto 30px;
}


#contents>.contact_box .inner{
	width: 1200px;
	margin: 0px auto;
	border:2px solid #73AD17;
	text-align: center;
	background: url(../img/bg_contact_box.png) no-repeat 50% 100% #fff;
	min-height: 380px;
	padding: 0;
}
#contents>.tel_maill .inner{
	border: none;
	background: none;
	margin: 40px auto;
}
#contents>.contact_box .inner h2{
	background:#73AD17;
	padding: 5px 0;
	color: #fff;
	font-weight: 100;
	letter-spacing: 0.3rem;
	font-size: 2.8rem;	
}

#contents>.tel_maill .inner h2{
	background: none;
	color: #000;
}
#contents>.tel_maill .inner .contact_list{
	display: flex;
	justify-content: center;
}
#contents>.tel_maill .inner .contact_list > div{
	width: 46%;
	margin: 30px;
}
#contents>.tel_maill .inner .contact_list > div img{
	width: 80%;
}
#contents>.contact_box .inner h3{
	font-size: 2.0rem;
	font-weight: 800;
	letter-spacing: 0.1em;
	display: inline-block;
	margin-top: 15px;
	margin-bottom: 5px;
}
#contents>.contact_box .inner h3.tel{
	background: url(../img/icon_contact_tel.png) no-repeat 0 50%;
	padding-left: 50px;
		line-height: 63px;

}
#contents>.contact_box .inner h3.mail{
	background: url(../img/icon_contact_mail.png) no-repeat 0 50%;
	padding-left: 60px;
		line-height: 34px;

}
#contents>.contact_box .inner p{
	font-size: 2.6rem;
	font-weight: 800;
	letter-spacing: 0.2em;
}

#contents>.contact_box .inner img{
	margin-bottom: 15px;
	margin-top: 15px;
}
#contents>.contact_box .inner a{
-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
}
#contents>.contact_box .inner a:hover{
	opacity: 0.7;
}
.tel_maill .contact_list > div{
	background-color: #fff;
	padding: 24px;
}
.tel_maill .contact_list > div .tel,
.tel_maill .contact_list > div .mail{
	background-color: #c2555e;
	display: inline-block;
	margin: 20px auto 0;
	padding: 5px 20px;
	border-radius: 20px;
}
.tel_maill .contact_list > div .mail{
	background-color: #5daed3;
}
.tel_maill .contact_list > div .tel a,
.tel_maill .contact_list > div .mail a{
	color: #fff;
}

.tel_maill .contact_list > div .tel::before{
	content: '';
	background-image: url(../img/tel.png);
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: sub;
	margin-right: 10px;
}
.tel_maill .contact_list > div .mail::before{
	content: '';
	background-image: url(../img/mail.png);
	width: 30px;
	height: 30px;
	display: inline-block;
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: sub;
	margin-right: 10px;
}

#contents>.bnr_area{
	width: 100%;
	margin: 0 auto;
	padding: 30px 0;
	background: #73AD17;	
}
#contents>.bnr_area .inner{
	width: 1200px;
	margin: 0 auto;
   padding: 0;
   border: none;
   background: no-repeat;
   overflow: auto;
}
#contents>.bnr_area .inner ul{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#contents>.bnr_area .inner ul li{
	width: 310px;
	float: left;
	margin-right: 15px;
}
#contents>.bnr_area .inner ul li:last-child{
	margin-right: 0;
}
#contents>.bnr_area .inner ul li a:hover{
	-webkit-transition: all 0.4s ease-out;
	-moz-transition: all 0.4s ease-out;
	-o-transition: all 0.4s ease-out;
	transition: all 0.4s ease-out;
	opacity: 0.7;
}

#contents>.interview_link a{
	display: block;
	margin-bottom: 10px;
	
	
}
/*------下層ページ-------------*/
/* under_mv
------------------------------------------------------------------*/

.under_mv {
	background:#ebf7fe;
	
}

.under_mv .inner{
	height:245px;
	width:1280px !important;
	position: relative;
}
.under_mv h2{	
}

/* under_main
------------------------------------------------------------------*/
.under_main{
	font-size:1.8rem;
	line-height:1.2;
	letter-spacing:0.1em;
	/*background:url("../img/under_main_bg.png");*/
	
	
}
.under_main .inner{
	width:960px;
	margin:10px auto;
	border:1px solid #fff;
	padding:30px 10px;
	overflow:hidden;
	background:#fff;

}

.under_main .inner p{
	width: 94%;
margin: 8px auto;
line-height: 1.4;
}
.under_mv h2{
	width:100%;
	max-width: 1280px;
	margin: 0 auto ;
	height: 230px;
	font-size: 0;
	
}

.under_main .inner h2.blue{
	padding:5px 0;
	font-size:2.4rem;
	text-align: center;
	line-height: 14px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.under_main .inner h2.blue span{
	display: inline-block;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	position: relative;
	
}
.under_main .inner h2.blue span:before{
	content:url(../img/bg_h3_before_blue.png);
	position: absolute;
	left: -100px;
	top: -19px;
}
.under_main .inner h2.blue span:after{
	content:url(../img/bg_h3_after_blue.png);
	position: absolute;
	right: -100px;
	top: -19px;
}

.tel_maill .contact_list > div{
	background-color: #f7f7f7;
}


.under_main .inner h3{
	padding:5px 0;
	font-size:2.4rem;
	text-align: center;
	line-height: 14px;
	margin-top: 15px;
	margin-bottom: 20px;
}
.under_main .inner h3 span{
	display: inline-block;
	font-family: 'メイリオ', Meiryo,'ＭＳ ゴシック';
	/*font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";*/
	position: relative;
	
}


.under_main .inner h3.blue span:before{
	content:url(../img/bg_h3_before_blue.png);
	position: absolute;
	left: -100px;
	top: -19px;
	}
.under_main .inner h3.blue span:after{
	content:url(../img/bg_h3_after_blue.png);
	position: absolute;
	right: -100px;
	top: -19px;
}
.under_main .inner h3.green span:before{
	content:url(../img/bg_h3_before_green.png);
	position: absolute;
	left: -100px;
	top: -19px;
	}
.under_main .inner h3.green span:after{
	content:url(../img/bg_h3_after_green.png);
	position: absolute;
	right: -100px;
	top: -19px;
}


.under_main .inner h4{
	padding:5px 0;
	font-size:2.1rem;
	text-align: center;
	line-height: 49px;
	margin-top: 15px;
}
.under_main .inner h4 span{
	display: inline-block;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","ＭＳ Ｐ明朝", "MS PMincho", "serif";
	position: relative;
	
}
.under_main .inner h5 {
}
.under_main .inner h5 span {
}

.under_main .inner h6{
	font-weight:800;
	margin-bottom:10px;
		margin-top:20px;
	border-bottom: 3px dotted #D2A143;
	width: 100%;
	text-align: center;
	padding-bottom: 5px;
	color: #FF668B;
	letter-spacing: 0.2em;
	font-size: 1.8rem;

	
}

.under_main .interview_link{
	width: 100%;
	margin: 20px auto;
}
.under_main .inner table.type1{
	width:98%;
	margin:20px auto;
	border:1px solid #666;
}
.under_main .inner table.type1 tr,
.under_main .inner table.type1 tr th,
.under_main .inner table.type1 tr td{
		border:1px solid #666;
	
}
.under_main .inner table.type1 tr th,
.under_main .inner table.type1 tr td{
	padding:15px 10px;	
}
.under_main .inner table.type1 tr th{
	background:#FFEBF3;
	font-weight:700;
	text-align: center;
	vertical-align: top;
	
}
.under_main .inner table.type1 tr td{
	font-weight:normal;

}

.under_main .inner table.type2{
	width:98%;
	margin:20px auto;
	border:1px solid #666;
}
.under_main .inner table.type2 tr,
.under_main .inner table.type2 tr th,
.under_main .inner table.type2 tr td{
		border:1px solid #666;
	
}
.under_main .inner table.type2 tr th,
.under_main .inner table.type2 tr td{
	padding:15px 10px;	
	width: 50%;
}
.under_main .inner table.type2 tr th{
	background:#FEFBEA;
	font-weight:700;
	text-align: center;
vertical-align: middle;
	
}
.under_main .inner table.type2 tr td{
	font-weight:normal;

}

.under_main .inner table.type3{
	width:98%;
	margin:20px auto;
	border:1px solid #666;
}
.under_main .inner table.type3 tr,
.under_main .inner table.type3 tr th,
.under_main .inner table.type3 tr td{
		border:1px solid #666;
}
.under_main .inner table.type3 tr th,
.under_main .inner table.type3 tr td{
	padding:25px 20px;
}
.under_main .inner table.type3 tr th{
	background:#FFEBF3;
	font-weight:700;
	text-align: left;
	vertical-align: top;
}
.under_main .inner table.type3 tr td{
	font-weight:normal;
}



.under_main .inner table.schedule{
	width:98%;
	margin:20px auto;
	border:1px solid #666;
	font-size: 1.5rem;
}
.under_main .inner table.schedule tr,
.under_main .inner table.schedule tr th,
.under_main .inner table.schedule tr td{
		border:1px solid #666;
	
}
.under_main .inner table.schedule tr th,
.under_main .inner table.schedule tr td{
	padding:15px 10px;
	text-align:center;
	vertical-align:middle;
}
.under_main .inner table.schedule tr th{
	font-weight:700;
	background: #FEF0AB;
}
.under_main .inner table.schedule tr th.day{
	background:#B3E7FF;
}
.under_main .inner table.schedule tr th{
	font-weight:700;
}
.under_main .inner table.schedule tr.am th,
.under_main .inner table.schedule tr.am td{
	background:#FEFAEA;
}
.under_main .inner table.schedule tr.pm th,
.under_main .inner table.schedule tr.pm td{
	background:#EDF2F5;
}
.under_main .inner table.schedule tr.am th,
.under_main .inner table.schedule tr.pm th{
	width:16%;
	
}
.under_main .inner table.schedule tr.am td,
.under_main .inner table.schedule tr.pm td{
	width:14%;
	
}
.under_main .inner .box .img_box,
#tabs .img_box {
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
	display: flex;
  justify-content: center;
  text-align:center;
  overflow: hidden;
  
}
.under_main .inner .box .img_box div,
#tabs .img_box div{
	width:50%;
	float:left;
	margin-bottom:20px;
}
.under_main .inner .box .img_box img,
#tabs .img_box img{
	margin:10px 15px;
	border:1px solid #ccc;
	padding:2px;
	/* box-shadow */
box-shadow:0px 6px 6px 0px #dcdedd;
-moz-box-shadow:0px 6px 6px 0px #dcdedd;
-webkit-box-shadow:0px 6px 6px 0px #dcdedd;
	
 }
.under_main .inner .box {
	 display:block;
	 /*text-align:center;*/
	 margin-top:10px;
	 /*padding: 0 3%;*/
	 
 }
 .under_main .inner .img_box p.cap {
display: inline-block;
}
.under_main .inner .box  .text_img_box{
	overflow:hidden;
	width:96%;
	margin:10px auto;
	
}
.under_main .inner .box  .text_img_box img{
	float:left;
	border:1px solid #ccc;
	padding:2px;
	/* box-shadow */
box-shadow:0px 6px 6px 0px #dcdedd;
-moz-box-shadow:0px 6px 6px 0px #dcdedd;
-webkit-box-shadow:0px 6px 6px 0px #dcdedd;
margin-right:30px;
margin-top:20px;
margin-bottom:15px;

}
.under_main .inner .box  .text_img_box p{
	
}

.under_main .inner .box  .waku{
	background:#FDF9DA;
	border:#C4E3FC 2px solid;
	/* box-shadow */
box-shadow:0px 6px 6px 0px #dcdedd;
-moz-box-shadow:0px 6px 6px 0px #dcdedd;
-webkit-box-shadow:0px 6px 6px 0px #dcdedd;
padding:10px 3%;
border-radius:10px;

margin:15px auto;
	width: 94%;
}
.under_main .inner .box  .waku p{
	/*margin-left:0 !important;*/
	
}
.under_main .inner table.scroll{
	width:98%;
	margin:20px auto;
	border:1px solid #666;
}
.under_main .inner table.scroll tr,
.under_main .inner table.scroll tr th,
.under_main .inner table.scroll tr td{
		border:1px solid #666;
	
}
.under_main .inner table.scroll tr th,
.under_main .inner table.scroll tr td{
	padding:15px 10px;	
}
.under_main .inner table.scroll tr th{
	background:#FEFBEA;
	font-weight:700;
	text-align: center;
vertical-align: middle;
	
}
.under_main .inner table.scroll tr td{
	font-weight:normal;

}

.sp_only{
	display:none;
	
}

.target{
	margin:0;
	padding-top:50%;
	border:1px solid #ddd;
	overflow:hidden;
	height:0;
	position:relative;
	display:block;
}
.target::before{
	content:"\9577\62BC\3067\64CD\4F5C\304C\3067\304D\307E\3059";
	/*「長押しすると地図が操作できます」と生成*/
	display:block;
	z-index:100;
	color:#000;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	margin:-0.5em 0 0 0;
	line-height:1;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px 0 #fff;
}
.target::after{
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,0.5);
}
.target.release::before,
.target.release::after{
	display:none !important;
}
.target > iframe,
.target > div{
	/* レスポンシブデザイン想定 */
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

button[type="submit"],
input[type="submit"],
input[type="button"],
input[type="reset"]{
	display: block;
width: 230px;
height: 70px;
text-align: center;
text-decoration: none;
line-height: 70px;
outline: none;
background-color: #ff668b;
color: #fff;
cursor: pointer;
margin: 0 auto;
font-size: 1.8rem;
border-radius: 10px;
}
button[type="submit"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
	background-color: #fff;
color: #000;
	
}
button[type="submit"]::before,
input[type="submit"]::before,
input[type="button"]::before,
input[type="reset"]::before,
button[type="submit"]::after,
input[type="submit"]::after,
input[type="button"]::after,
input[type="reset"]::after
{
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
button[type="submit"],
input[type="submit"],
input[type="button"] ,
button[type="submit"]::before,
input[type="submit"]::before,
input[type="button"]::before,
input[type="reset"]::before,
button[type="submit"]::after,
input[type="submit"]::after,
input[type="button"]::after,
input[type="reset"]::after
 {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.label-danger{
	font-size:80%;
	padding:2px 5px;
	background:#F93;
	color:#fff;
	border-radius:10px;
	margin-left:20px;
	
}

input[type="text"]{
	border-radius: 3px;
	height: 35px;
	font-size: 15px;
}
textarea{
	border-radius: 3px;
	font-size: 15px;
	line-height: 18px;
}

.bus_hyou {
	text-align: center;
}

.bus_hyou a:hover img {
	cursor:pointer;
    filter: alpha(opacity=60);        
    -ms-filter: "alpha(opacity=60)";  
    -moz-opacity:0.6;                 
    -khtml-opacity: 0.6;             
    opacity:0.6;
    zoom:1;
}

.background {
  background: 
    url("../../parts/img/bg_main_box.png")
    repeat 50% 50%;
  position: fixed;
  width: 100%;
  height: 300%;
  top: 0;
  left: 0;
  z-index: -1
}

.top_test .background {
	background: 
	  url("../../parts/img/bg_main_box_02.png")
	  repeat 80% 80%;
	position: fixed;
	width: 100%;
	height: 300%;
	top: 0;
	left: 0;
	z-index: -1
  }
  .top_test header>.inner {
	  width:1200px;
  }

/*プライバシー　フッター*/
.privacy_foot{
    display: block;
    margin-top: 10px;
    text-align: right;
}
	
.privacy_foot::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f054";
    margin-right: 5px;
}

/*スマホ
ーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width:767px) { 
	header{
	width:100%;
	}
header>.inner {
	width:100%;
			background: repeat-x url("../img/header_top_border.png");

}
header>.inner .header_btn,
header>.inner .header_btn ul{
	display:none;
}
	
#mv{
	margin-top:60px;
	
}
#contents {
	width: 100%;
}
#contents>.inner {
	width: 100%;
}

.bus_hyou img{
	width: 100%;
}

#footer>.inner {
	width: 100%;
	
}
#footer>.inner p{
	width: 90%;
	text-align:center;
	margin:10px auto;
		float:none;

	
}
#footer>.inner ul {
	display:none;
}

#footer .footer_bottom, #footer .footer_bottom div{
	flex-direction: column;
}
	
#contents>.bnr_area .inner ul {
	justify-content: space-between;
}

}



/*TOKYO働きやすい福祉の職場宣言事務所
ーーーーーーーーーーーーーーーーーーーーー*/
.logo_hataraki{
    width: 115px;
    height: auto;
	position: absolute;
	top: 0px;
	left: 297px;
}
.logo_hataraki img{
    width: 100%;
}


.corona_btn{
	border-radius: 30px;
	border: 5px solid rgb(232, 116, 116);
	background-color: #fff;
	text-align: center;
	padding: 30px;
	font-size: 24px;
}
.corona_btn a{
	display: inline-block;
	width: 100%;
	height: 100%;
}
.top_test{
	font-family: YuMincho, 'Yu Mincho', serif
}
/*250324 70周年ロゴ*/
.foot_seventy {
    width: 100%;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 30px;
    text-align: center;
}
.foot_seventy a img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 120px;
}
footer .footer_cont .inner{
    padding: 30px 0;
}
@media screen and (max-width:767px){
    .foot_seventy a img {
    height: 100px;
    }
}