@charset "utf-8";
/* 下層ページのデザイン設定 */

/* 基本レイアウト */
#main .mainhead{max-width: 1000px;margin: 0 auto;padding: 0 0.4em;}
#main .contents{padding: 1.1em 0;}
#main .contents:last-child{padding-bottom: 3em;}

/* ---------------------------------------------
	共通下層ヘッダー
--------------------------------------------- */
/* 下層ヘッダー基本 */
#main .mainhead_wrap{background: #f2f2f2;}
#main .mainhead{background: url(../img/hd_about.jpg) no-repeat right center / auto 100%;height: 150px;display: flex;align-items: center;}
#main .mainhead h2{
    font-size: 2.875em;color: #20540d;font-weight: normal;font-family: 'メイリオ', serif;font-weight: normal;
    text-shadow:
    #f2f2f2 2px 0px 2px, #f2f2f2 -2px 0px 2px,#f2f2f2 0px -2px 2px,#f2f2f2 -2px 0px 2px,#f2f2f2 2px 2px 2px,#f2f2f2 -2px 2px 2px,#f2f2f2 2px -2px 2px,#f2f2f2 -2px -2px 2px,#f2f2f2 1px 2px 2px,#f2f2f2 -1px 2px 2px,#f2f2f2 1px -2px 2px,#f2f2f2 -1px -2px 2px,#f2f2f2 2px 1px 2px,#f2f2f2 -2px 1px 2px,#f2f2f2 2px -1px 2px,#f2f2f2 -2px -1px 2px,#f2f2f2 1px 1px 2px,#f2f2f2 -1px 1px 2px,#f2f2f2 1px -1px 2px,#f2f2f2 -1px -1px 2px;}
@media (max-width:800px){
    #main .mainhead h2{font-size: 1.7em;}
    #main .mainhead{height: 80px;background-position: right -50px center;}
}

/* 下層ヘッダー差分 */
#main.about .mainhead{background-image: url(../img/hd_about.jpg);}
#main.access .mainhead{background-image: url(../img/hd_access.jpg);}
#main.recruit .mainhead{background-image: url(../img/hd_recruit.jpg);}
#main.facilities .mainhead{background-image: url(../img/hd_facilities.jpg);}
#main.contact .mainhead{background-image: url(../img/hd_contact.jpg);}
#main.service1 .mainhead{background-image: url(../img/hd_service1.jpg);}
#main.service2 .mainhead{background-image: url(../img/hd_service2.jpg);}
#main.service3 .mainhead{background-image: url(../img/hd_service3.jpg);}
#main.service4 .mainhead{background-image: url(../img/hd_service4.jpg);}

/* ---------------------------------------------
	ご案内
--------------------------------------------- */
/*** コンテンツ1 ***/
.about#main .contents.about_txt1{padding-bottom: 2em;}
.about#main .contents.cart_txt1{padding-bottom: 1em;}
.about .a_data h4{
    font-family: 'メイリオ', serif;font-weight: normal;font-size: 1.3em;color: #20540d;margin-bottom: 0.5em;
    text-shadow:
    #fff 2px 0px 2px, #fff -2px 0px 2px,#fff 0px -2px 2px,#fff -2px 0px 2px,#fff 2px 2px 2px,#fff -2px 2px 2px,#fff 2px -2px 2px,
    #fff -2px -2px 2px,#fff 1px 2px 2px,#fff -1px 2px 2px,#fff 1px -2px 2px,#fff -1px -2px 2px,#fff 2px 1px 2px,#fff -2px 1px 2px,
    #fff 2px -1px 2px,#fff -2px -1px 2px,#fff 1px 1px 2px,#fff -1px 1px 2px,#fff 1px -1px 2px,#fff -1px -1px 2px;}
.about .a_data li{color: #426d2c;font-weight: bold;background: #e8edb7;padding: 0.5em 0.8em 0.4em;margin-top: 0.5em;}

@media (min-width:801px){
    .about .a_datawrap_food{background: url(../food/image/about_txt1_2.png) no-repeat left center;padding-top: 100px;}
    .about .a_datawrap_mechanic{background: url(../mechanic/image/about_txt2_1_2.png) no-repeat left center;padding-top: 100px;}
    .about .a_data{width: calc(100% - 490px);margin: 0 0 0 auto;}

    /*.about .a_datawrap{background: url(../image/about_txt1_1.png) no-repeat left center / contain;}*/
    .about .a_data_cart{width: calc(100% - 500px);margin: 0 0 0 auto;}
}

@media (max-width:800px){

.about#main .contents.about_txt1{padding-bottom: 0em;}

.about .a_data h4{
    font-family: 'メイリオ', serif;font-weight: normal;font-size: 1.6em;color: #20540d;margin-top: 1.0em;
    text-shadow:
    #fff 2px 0px 2px, #fff -2px 0px 2px,#fff 0px -2px 2px,#fff -2px 0px 2px,#fff 2px 2px 2px,#fff -2px 2px 2px,#fff 2px -2px 2px,
    #fff -2px -2px 2px,#fff 1px 2px 2px,#fff -1px 2px 2px,#fff 1px -2px 2px,#fff -1px -2px 2px,#fff 2px 1px 2px,#fff -2px 1px 2px,
    #fff 2px -1px 2px,#fff -2px -1px 2px,#fff 1px 1px 2px,#fff -1px 1px 2px,#fff 1px -1px 2px,#fff -1px -1px 2px;}

}

/*** コンテンツ2 ***/
.about#main .contents.about_txt2{background: url(../img/top_back.jpg) no-repeat center / cover;}
@media (min-width:801px){
    .about .at_box{position: relative;margin-bottom: 1.5em;}
    .about .at_box dl{width: calc(100% - 250px);min-height: 220px;box-sizing: border-box;padding-right: 60px;}
    .about .at_box .at_imgwrap{position: absolute;top: -28px;right: 0;}
}
@media (max-width:800px){
    .about .at_box{margin-bottom: 1em;}
    .about .at_box .at_imgwrap{display: none;}
}

/*** 理念 ***/
.about .philosophy_box{text-align: center;padding: 2.5em 0;margin-bottom: 3em;background: url(../img/about_philosophy1.jpg) no-repeat center right / cover;}
.about .policy_list{max-width: 920px;margin: 1.5em auto 0;}
.about .policy_list dl{margin-bottom: 1em;}
@media (min-width:801px){
    .about .policy_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .about .policy_list dl{flex-basis: calc(32% - 2em - 0.8em);min-height: 7em;}
}

/*** ごあいさつ ***/
.about#main .contents.greeting{background: #e6e6e6;padding-top: 1.5em;padding-bottom: 3em;}
.about .greeting p.name{margin-top: 1em;color: #426d2c;}
@media (min-width:801px){
    .about .greeting .imgwrap{margin-top: 2em;}
    .about .greeting p.name{font-size: 0.875em;}
}

/*** ご利用にあたって ***/
.about#main .contents.how_to{overflow: hidden;}/* box6のはみ出し防止 */
.about .how_flex dl{margin-bottom: 1em;}
@media (min-width:801px){
    .about .how_flex{display: flex;justify-content: space-between;}
    .about .how_flex dl{flex-basis: calc(50% - 2em - 0.8em);}
}
@media (max-width:800px){
    .about .how_flex{margin-bottom: 2em;}
}


/* ---------------------------------------------
	施設情報
--------------------------------------------- */
.access .fimage{display: inline-block;max-width: 432px;}
.access .fimage dd{display: flex;justify-content: space-between;margin-top: 0.8em;}
.access .fimage dd>span{flex-basis: calc(25% - 0.2em);}
.access .thumb_img{cursor: pointer;}


/* ---------------------------------------------
	関連施設
--------------------------------------------- */
.facilities table th{width: 34%;}
.facilities .medical table th{background: #d5e7ef;}

@media (min-width:801px){
    .facilities .contents.group{background-image: url(../img/back1_left.png),url(../img/back1_right.png);background-repeat: no-repeat;background-position: bottom left -50px,top 4em right -20px;}
}
@media (max-width:800px){
    .facilities table th{width: 100%;}
}


/* ---------------------------------------------
	サイトマップ
--------------------------------------------- */
.sitemap .sitemap_list a{color: #426d2c;display: inline-block;position: relative;padding-left: 12px;}
.sitemap .sitemap_list a::before{
    content: '';width: 0;height: 0;position: absolute;top: 0.75em;left: 0;margin-top: -0.5em;
    border-style: solid;border-width: 6px 0 6px 8px;border-color: transparent transparent transparent #426d2c;}

.sitemap .sitemap_list dt{font-weight: bold;color: #426d2c;display: inline-block;border-bottom: 2px solid #acd2a0;margin-bottom: 0.5em;}
.sitemap .sitemap_list dd{padding-left: 1em;}

@media (min-width:801px){
    .sitemap .sitemap_list{display: flex;justify-content: space-between;}
    .sitemap .sitemap_list>*{flex-basis: 50%;flex-shrink: 0;}
}
@media (max-width:800px){
    .sitemap .sitemap_list>dl{margin-top: 1em;}
}


/* ---------------------------------------------
	採用情報
--------------------------------------------- */
/*** コンテンツ1 ***/
.recruit#main .contents.recruit_txt1{padding-bottom: 5em;}

/*** ここがオススメ ***/
.recruit#main .contents.point{padding-top: 0;}
.recruit .point{
    background-color: #f9fdee;
    background-image:repeating-linear-gradient(-45deg,#f5f6d5, #f5f6d5 6px,transparent 0, transparent 12px);}
.recruit .point .point_heading{display: flex;transform: translateY(-2.5em);}
.recruit .point_list{transform: translateY(-1em);}
.recruit .point_list li{margin-bottom: 1em;background: #fff;padding: 1em 1.2em;border-radius: 10px;box-shadow: 2px 2px 3px rgba(0,0,0,0.2);}
@media (min-width:801px){
    .recruit .point .point_heading{justify-content: space-between;}
    .recruit .point_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .recruit .point_list li{flex-basis: calc(33% - 3em);}
}
@media (max-width:800px){
    .recruit .point .point_heading{justify-content: center;}
    .recruit .point .point_heading>p{display: none;}
}

/*** 先輩職員の1日 ***/
.recruit .skd_list li{display: flex;margin-bottom: 0.5em;}
.recruit .skd_list div{flex-shrink: 0;margin-right: 1em;color: #426d2c;font-weight: bold;background: #ecf8c7;border-radius: 10px;padding: 0.4em 1em 0.3em;}
.recruit .skd_list li:nth-child(even) div{background: #d6e2a3;}
.recruit .skd_list p{padding: 0.4em 0 0.3em;}

/*** 吹き出し ***/
.recruit .fukidashi{background: #ffeecc;padding: 1em 1.2em;border-radius: 15px;position: relative;}
.recruit .fukidashi::before{content: "";display: block;width: 20px;height: 20px;transform: rotate(45deg);background: #ffeecc;position: absolute;}


@media (min-width:801px){
    .recruit .fukidashi_wrap{padding-right: 10px;}
    .recruit .fukidashi_wrap .fukidashi::before{bottom: 30px;right: -10px;}
    /*逆側*/
    .recruit .fukidashi_wrap2{padding-left: 10px;}
    .recruit .fukidashi_wrap2 .fukidashi::before{bottom: 30px;left: -10px;}
}
@media (max-width:800px){
    .recruit .fukidashi_wrap{padding-bottom: 10px;}
    .recruit .fukidashi_wrap .fukidashi::before{bottom: -10px;right:50%;transform: translateX(50%) rotate(45deg);}
    /*逆側*/
    .recruit .fukidashi_wrap2{padding-bottom: 10px;}
    .recruit .fukidashi_wrap2 .fukidashi::before{bottom: -10px;right:50%;transform: translateX(50%) rotate(45deg);}
}

/*** ご応募案内ボックス ***/
.recruit .contact_box dt{background: #ffeecc;}
.recruit .contact_box dd .tel{color: #e0623b;}
.recruit .contact_box dd .button{background: #f7931e;}
.recruit .contact_box dd .button:hover{background: #d37118;}

/*** 募集詳細tab ***/
.recruit .tab{margin:1em 0 0.7em;}


.box5_image{

	width:220px;

}
@media (min-width:801px){

.cart_box{

margin-top:50px;

}
.left_image{
	width:450px;
}
}


.youtube {
    display: block;
    margin: 40px auto 5px auto;
    max-width: 100%;
}

.area_center{
    display: block;
    width:100%;
    text-align: center;
}

/*商品詳細ページ　画像エリア*/

.photo_box{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom:20px;
}

.photo_box .image_box{
	width: calc(50% - 1.7em);
	flex-shrink: 0;
	text-align: center;
	margin-top:20px;
}

.photo_box img{
	max-width: 90%;
}



@media (max-width:800px){

	.photo_box{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		flex-direction:column;
		margin-bottom:20px;
	}
	.photo_box .image_box{
	    width: 100%;
	    flex-shrink: 0;
	    text-align: center;
	}

	.photo_box img{
	    max-width: 90%;
	}

	/*動画エリア　videoタグ用*/
	#video {
	        top:0;
	        width: 100%;
	        height: 100%;
	        background: #000;/*背景を黒で表示*/

	}

}


@media (min-width:801px){
	/*動画エリア　videoタグ用*/
	#video {
	        top:0;
	        width: 60%;
	        height: 60%;
	        background: #000;/*背景を黒で表示*/
	        margin: 0 auto;
		display: block;
	}
}

.item_name_under{

font-size: 12px;
margin-top: 4px;
display: block;

}

#contents_center{
    margin: 0px auto 20px auto;
    width: 250px;
}

}