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

html{
	font-size: 10px;
}

body {
font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	margin: 0;
	padding: 0;
	color:#000;
	line-height: 2;
	font-size: 1.6rem;
}

@media screen and (min-width:1281px) {
	body{
		width:100%;
	}
}

@media screen and (max-width:1281px) and (min-width:769px) {
	body{
		width:1280px;
	}
}

img{
	width:100%;
	margin:auto;
}

header {
	width:100%;
	margin:auto;
}
p {
    margin-top: 0;
}
a {
	transition: 0.3s;
}
a:hover {
	transition: 0.3s;
}

.title-wrap {
	width:100%;
	max-width:1000px;
	margin:0 auto;
	padding: 20px 0 0px;
	background: #fff;
	display: block;
	height: 75px;
    position: relative;
}
.title-wrap .title-logo {
	float: left;
	margin: -2px 25px 0px 0px;
	max-width: 300px ;
}
.title-wrap .title-sub-text {
	float: left;
	font-size:1.4rem;
  margin-top: 14px;
}
.title-wrap .english-wrap {
	float: right;
}
.english-wrap a{
	display: inline-block;
	font-size: 1.3rem;
	text-decoration: none;
	padding: 6px 20px;
	border:solid 1px #2566B2;
	border-radius: 5px;
	color: #2566B2;
	background: #fff;
	margin-top: 7px;
	margin-right: 10px;
	box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
	transition: 0.3s;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.english-wrap a:hover{
	background: #2566B2;
	color: #fff;
	transition: 0.3s;
}
.english-wrap a:last-child{
	margin-right: 0px;
}
.title-wrap .burger-btn{
	display: none;
}
.header-nav {
	display: inline-block;
	width:100%;
	margin:0 auto;
	background: #EEEEEE;
}
.header-nav ul {
	width:100%;
	max-width:1000px;
	margin:10px auto;
	padding: 0;
  font-size:0;
  display: flex;
  flex-wrap: nowrap;
}
.header-nav ul li {
	list-style-type: none;
	border-right:solid 1px #D8D8D8;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	width: 14.28%;
  box-sizing: border-box;
  position: relative;
  display: flex;
}
.header-nav ul li:first-child {
	border-left:solid 1px #D8D8D8;
}
.header-nav ul li:last-child {
	border-left:solid 0px #D8D8D8;
	border-right:solid 1px #D8D8D8;
}
.header-nav ul li a {
	display: block;
	text-decoration: none;
	color: #000;
	font-size: 1.4rem;
	font-family: "YuMincho","Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","Yu Mincho", "MS PMincho", serif;
	font-weight: 600;
	line-height: 1.6;
	margin: 0px auto;
	padding: 10px 5px;
	transition: 0.3s;
}

.header-nav ul li > a {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header-nav ul li a:hover {
	text-decoration: none;
	color: #333;
	background: #ccc;
}



#main-visual {
  height: 100%; /* 高さを画面いっぱいに指定する。(vhが効かない場合の対策)*/
  height: auto; /* 高さを画面いっぱいに指定する。*/
  position: relative;  /* 横幅がウィンドウズサイズの縦幅よりもはみ出てしまう場合に、左にずらすために指定。 */
  width: 100%; /* 横幅もいっぱいに。*/
  overflow: hidden;
  margin:auto;
}

/* #main-visual::after {
  content: '';
  background:linear-gradient(180deg, rgb(113 94 0 / 50%), rgb(56 48 88 / 50%));
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}*/

#main-visual .main-pic {
    width: 100%;
    margin: 0 auto;
    display: flex;
}

#top #main-visual .main-text{
    position: absolute;
    top: 25%;
    left: 15%;
    background: rgb(255 255 255 / 75%);
    color: #000;
    padding: 30px 40px;
    width: 450px;
    font-size: 2.4rem;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
}

@media screen and (max-width: 1400px) {
	#top #main-visual .main-text{
    top: 50%;
		transform: translateY(-50%);
    font-size: 2rem;
	}
}

body.noscroll{
  overflow: hidden;
}
@media screen and (min-width:769px) {
.nav-wrapper{
  display: none;
  transform: translateX(100%);
  transition: .3s;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;/*キービジュアルと.btn_triggerとの重なりの前後関係を調整*/
  }
.nav-wrapper.slide-in{
  transform: translateX(0);
  transition: .3s;
}
}

@media screen and (max-width:768px) {
	.title-wrap{
		height: 59px;
		padding: 10px 0 0px;
	}
	.title-wrap .title-logo{
		margin: 3px 25px 0px 10px;
    	width: 200px;
	}
	.title-wrap .title-sub-text,.english-wrap,.header-nav {
		display: none;
	}
	/*ハンバーガーメニューSP*/
	.title-wrap .burger-btn{
	  display: block;
	  width: 60px;
      height: 40px;
	  position: relative;
	  z-index: 3;
	  border:none;
	  float: right;
	  margin-top: 3px;
	}
	.title-wrap .bar{
	  width: 25px;
      height: 3px;
	  display: block;
	  position: absolute;
	  left: 50%;
	  transform: translateX(-50%);
	  background-color: #4A4A4A;
	}
	.title-wrap .bar_top{
	  top: 10px;
	}
	.title-wrap .bar_mid{
	  top: 50%;
	  transform: translate(-50%,-50%);
	}
	.title-wrap .bar_bottom{
	  bottom: 10px;
	}
	.burger-btn.close .bar_top{
	  transform: translate(-50%,9px) rotate(45deg);
	  transition: transform .3s;
	}
	.burger-btn.close .bar_mid{
	  opacity: 0;
	  transition: opacity .3s;
	}
	.burger-btn.close .bar_bottom{
	transform: translate(-50%,-8px) rotate(-45deg);
	transition: transform .3s;
	}
	.nav-wrapper{
	  transform: translateX(100%);
  	  transition: .3s;
  	  width: 100vw;
  	  height: 100vh;
  	  position: fixed;
  	  top: 0;
  	  left: 0;
  	  z-index: 2;/*キービジュアルと.btn_triggerとの重なりの前後関係を調整*/
	}
	.nav-wrapper.slide-in{
	  transform: translateX(0);
	  transition: .3s;
	}
	.header-nav-sp{
	  width: auto;
	  height: 100vh;
	  background-color:rgb(255 255 255 / 90%);
	  z-index: 2;
	}
	.header-nav-sp .nav-list {
    display: block;
    /* position: absolute; */
    /* top: 50%; */
    /* left: 50%; */
    /* transform: translate(-50%,-50%); */
    text-align: center;
    margin: 0 auto !important;
    list-style: none;
    padding-left: 0;
    width: 90%;
    padding-top: 40px;
    height: 90%;
    /* top: 75px; */
    /* left: 0; */
    right: 0;
    overflow: auto;
	}
	.header-nav-sp .nav-item{
	  margin-right: 0;
	  margin-bottom: 25px;
	}
	.header-nav-sp .nav-item.global {
	    /* width: 90%; */
		margin-top: 40px;
	}
	.header-nav-sp .nav-item.global span{
	    font-size: 1.6rem;
    	color: #2566B2;
    	font-family: "YuMincho","Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","Yu Mincho", "MS PMincho", serif;
    	font-weight: 500;
    	display: block;
    	margin-bottom: 1em;
    	border-top: solid 1px;
    	border-bottom: solid 1px;
    	line-height: 1;
    	padding: 5px 0 10px;
	}
	.header-nav-sp .nav-item.global .global-list {
	    display: flex;
    justify-content: center;
	}
	.header-nav-sp .nav-item.global .global-list a {
	    font-size: 1.3rem;
    	text-decoration: none;
    	padding: 0px 10px;
    	border: solid 1px #2566B2;
    	border-radius: 5px;
    	color: #2566B2;
    	background: #fff;
    	margin-top: 0px;
    	margin-right: 10px;
    	box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
    	transition: 0.3s;
	}
	.header-nav-sp .nav-item.global .global-list a:last-child {
	    margin-right: 0px;
	}
	.header-nav-sp .nav-item.global .global-list a:hover {
	    background: #2566B2;
	    color: #fff;
	    transition: 0.3s;
	}
	.header-nav-sp .nav-item a{
	  text-decoration: none;
	  transition: 0.3s;
	  color:#2566b2;
	  font-size:16px;
	  font-family: "YuMincho","Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","Yu Mincho", "MS PMincho", serif;
	  font-weight: 500;
	}
	.header-nav-sp .nav-item a:hover{
	  transition: 0.3s;
	  color:#568bca;
	}
	/*ハンバーガーメニューSP end*/
	#main-visual video {
		width: auto;
    	height: auto;
    	z-index: -2;
    	margin-top: 0%;
    	margin-left: -70%;
	}

	#top #main-visual .main-text{
	    position: absolute;
    	bottom: 10%;
		top:auto;
    	left: 0;
    	right: 0;
    	background: rgb(255 255 255 / 75%);
    	color: #000;
    	padding: 20px 20px;
    	width: 80%;
    	margin: 0 auto;
    	font-size: 1.4rem;
			transform: translateY(0);
	}

	@media screen and (max-width:420px) {
		#main-visual video {
			width: auto;
    		height: 820px;
    		z-index: -2;
    		margin-top: 0%;
    		margin-left: -150%;
		}

	}

}

#main-visual h2.main-text-sub{
	position: absolute;
	font-size: 5rem;
	top:61%;
	left:0;
	right:0;
	margin:auto;
	text-align: center;
	color: #fff;
    font-weight: 900;
	z-index: 999;
	font-family: 'Shippori Mincho B1',"Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

/*=====================================
contents
=====================================*/
/*共通*/
.inner{
	width:auto;
	margin:0 auto;
	padding:0 20px;
}
.inner-sub{
    padding:0 15px;
}
.mincho {
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
	font-weight: normal;
}
.contents-title{
	font-size: 3.2rem;
	line-height: 1.6;
	margin: 0 0 50px;
	letter-spacing: 0.05em;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
}
.contents-title2{
	font-size: 3.6rem;
	line-height: 1.6;
	margin: 0 0 65px;
	text-align: center;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.contents-title2::after{
	content: "";
	margin:20px auto 0px;
	border-bottom:solid 5px #2566B2;
	max-width:200px;
	display: block;
}
.col2-wrap,.button-wrap{
	display: flex;
	/*margin: 100px auto; */
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
}
.col2-wrap .col2{
	width: 100%;
    max-width: 276px;
	margin-right:6.5%;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
}
.button-wrap .col2{
	width: 48%;
	margin-right:3%;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
}
.col2-wrap .col2:last-child,.button-wrap .col2:nth-child(2n) {
	margin-right:0%;
}
.col2-wrap .col2 .col2-pic{
	width:100%;
}
.col2-wrap .col2 a {
	text-decoration: none;
	color:#000;
	display: block;
}
.col2-wrap .col2 a:hover {
	opacity: 0.7;
}
.col2-wrap h3{
	text-align: center;
	margin-bottom: 2.5em;
}
.col2-wrap h3 img{
	width:253px;
}
.col2-wrap h3 img.w194{
	width:194px;
}
.button-wrap .col2 a{
	display: block;
	text-align: center;
	border: solid 2px #2566B2;
	padding: 25px 10px;
	box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
	margin-bottom: 35px;
	border-radius: 5px;
	color: #000;
	background: #fff;
	letter-spacing: 0.1em;
    font-size: 18px;
    font-weight: 500;
	text-decoration: none;
	position: relative;
}
.button-wrap .col2 a::after{
	content: url("../img/icon-right-arrow.svg");
	position: absolute;
	right:25px;
	top:32%;
	transition: 0.3s;
}
.button-wrap .col2 a:hover{
	color: #fff;
	background: #2566B2;
}
.button-wrap .col2 a:hover::after{
	content: url("../img/icon-right-arrow-w.svg");
	right: 20px;
	transition: 0.3s;
}
.contents-borderbox {
	border:solid 2px #CCCCCC;
	border-radius:5px;
	padding:40px 30px ;
	margin-bottom:40px;
}
.contents-borderbox section {
    display: block;
    max-width: 900px;
    margin: 0 auto 45px;
}
.contents-borderbox section:last-child {
    margin: 0 auto 0px;
}
.contents-borderbox h4 {
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
	border :solid 2px #F87F26;
	color: #F87F26;
	font-weight: bold;
	text-align: center;
	padding :13px;
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 1.5em;
	letter-spacing: 0.1em;
	border-radius:5px;
}
.contents-borderbox .lead {
	font-size: 22px ;
	margin-bottom: 1.5em;
	letter-spacing: 0.1em;
}
.pop-text {
	display: inline-block;
	font-size: 16px ;
	margin-bottom: 1em;
	background: #4A4A4A;
	color: #fff;
	padding: 15px 20px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.pop-text2 {
	display: inline-block;
	font-size: 18px ;
	margin-bottom: 1em;
	background: #4A4A4A;
	color: #fff;
	padding: 9px 25px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.contents-borderbox ul {
    padding-left: 25px;
}
.contents-borderbox .point-box {
	display: inline-block;
	background: #F7F7F7;
	padding: 30px;
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
.contents-borderbox .point-box p {
	font-size: 17px;
	margin:0;
}
.contents-borderbox .point-box ul{
	font-size: 16px;
}
a.mail-button{
	display: block;
	max-width: 800px;
    margin: auto;
    text-align: center;
    border: solid 2px #E2E2E2;
    padding: 25px 10px;
    box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
    margin-bottom: 60px;
    border-radius: 5px;
    color: #fff;
    background: #04A4C5;
    letter-spacing: 0.1em;
    font-size: 32px;
    font-weight: 500;
    text-decoration: none;
    position: relative;
	margin-top:2em;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
}
a.mail-button::before{
	content: url("../img/mail-icon.svg");
	padding-right: 25px;
    vertical-align: sub;
	transition: 0.3s;
}
a.mail-button::after{
	content: url("../img/icon-right-arrow-w.svg");
	position: absolute;
	right:25px;
	top:32%;
	transition: 0.3s;
}
a.mail-button:hover{
	color: #fff;
	background: #0080b1;
}
a.mail-button:hover::after {
    content: url(../img/icon-right-arrow-w.svg);
    right: 20px;
    transition: 0.3s;
}


/*#contents0*/
#contents0{
	padding: 65px 0 95px;
	background: #D3E0F0;
	text-align:center;
	z-index: 10;
}
.contents0-box {
    max-width: 1000px;
    display: block;
    margin: 0 auto;
    background: #4991E5;
    color: #fff;
    font-size: 18px;
    padding: 60px 40px;
    border-radius: 10px;
}
/*#contents1*/
#contents1{
	padding:100px 0;
	background: rgb(238 238 238 / 20%);
	background-position: center center;
	background-size: cover;
	z-index: 10;
}
/*#contents2*/
#contents2{
	padding:100px 0;
	background: #D3E0F0;
	background-position: center center;
	background-size: cover;
	z-index: 10;
}
#contents2 .contents-title2::after{
	content: "";
	display: none;
}

/*#contents3*/
#contents3{
	padding:100px 0;
	background: rgb(238 238 238 / 20%);
	background-position: center center;
	background-size: cover;
	z-index: 10;
}


@media screen and (min-width:1281px) {
	.inner{
		max-width: 1000px;
	}
}

@media screen and (max-width:1280px) and (min-width:769px) {
	#main-mv-u{
		max-width:1000px;
	}
	.inner{
		max-width:1000px;
	}
}

@media screen and (max-width:768px) {
	#contents0,#contents1 {
	    padding: 50px 0;
	}

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

	}

	.inner {
	    width: auto;
	}
	.inner-sub{
	    padding:0px;
	}
	.col2-wrap{
		display: block;
		margin: 0px auto 0px;
	}
	.col2-wrap .col2{
		width: auto;
    	margin: 0 auto 0%;
    	/* margin-right: 0%; */
		font-size: 16px;
		padding: 20px 20px 0px;
	}
	.col2-wrap .col2:last-child, .button-wrap .col2:nth-child(2n) {
	    margin-right: auto;
	}
	.col2-wrap h3 img {
		width:60%;
	}
    .col2-wrap h3 img.w194{
	    width:46%;
    }
	.button-wrap .col2 {
	    width: 100%;
	    margin-right: 0%;
	    font-size: 20px;
	}
	.button-wrap .col2 a{
    	padding: 20px 10px;
    	margin-bottom: 20px;
    	font-size: 15px;
	}
	.button-wrap .col3 {
	    width: 100% !important;
	    margin-right: 0% !important;
	    font-size: 20px !important;
	}
	.button-wrap .col3 a{
    	padding: 20px 10px !important;
    	margin-bottom: 20px !important;
    	font-size: 15px !important;
	}
	.contents-title{
		font-size: 2.2rem;
		margin: 0 0 25px;
	}
	.contents-title2{
		font-size: 2rem;
		margin: 0 0 35px;
	}
	.contents-borderbox {
	    border: solid 2px #CCCCCC;
	    border-radius: 5px;
	    padding: 20px 15px;
		margin-top:20px;
	    margin-bottom: 20px;
	}
	.contents-borderbox h4 {
		padding: 8px;
		font-size: 18px;
	}
	.contents-borderbox .lead {
		font-size: 16px ;
		margin-bottom: 1.5em;
		letter-spacing: 0.1em;
	}
	.pop-text {
	    display: inline-block;
	    font-size: 14px;
	    margin-bottom: 1em;
	    background: #4A4A4A;
	    color: #fff;
	    padding: 10px 15px;
	    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	}
	.contents-borderbox section {
	    margin: 0 auto 25px;
	}
	.contents-borderbox .point-box{
		padding: 15px;
	}
	.contents-borderbox .point-box p {
	    font-size: 15px;
	    margin: 0;
	}
	.contents-borderbox .point-box ul {
	    font-size: 14px;
	}
	a.mail-button {
	    display: block;
	    /* padding: 15px 5px 15px 15px; */
    padding: 15px 35px 15px 45px;
    margin-bottom: 30px;
    font-size: 1.4rem;
    margin-top: 1em;
    text-align: left;
	}
	a.mail-button::before {
	    content: url(../img/mail-icon-sp.svg);
	    padding-right: 5px;
    	position: absolute;
      left: 12px;
      width: 20px;
      top: 17px;
	}
	a.mail-button::after {
	    content: url(../img/icon-right-arrow-w-sp.svg) !important;
	    right: 15px;
    	top: calc( 50% - 8px );
    	width: 10px;
	}
	/*#contents0*/
	#contents0{
		padding: 35px 0 45px;
		background: #D3E0F0;
		text-align:center;
		z-index: 10;
	}
	.contents0-box {
	    max-width: 1000px;
	    display: block;
	    margin: 0 auto;
	    background: #4991E5;
	    color: #fff;
	    font-size: 14px;
	    padding: 40px 20px;
	    border-radius: 5px;
	}
	/*#contents1*/
	#contents1{
		padding:50px 0;
		background: rgb(238 238 238 / 20%);
		background-position: center center;
		background-size: cover;
		z-index: 10;
	}
	/*#contents2*/
	#contents2{
		padding:50px 0;
		background: #D3E0F0;
		background-position: center center;
		background-size: cover;
		z-index: 10;
	}
	#contents2 .contents-title2::after{
		content: "";
		display: none;
	}

	/*#contents3*/
	#contents3{
		padding:50px 0;
		background: rgb(238 238 238 / 20%);
		background-position: center center;
		background-size: cover;
		z-index: 10;
	}
}

/*=====================================
TOPページ #top
=====================================*/


/*=====================================
調理現場のご紹介 #cooking-site
=====================================*/
#cooking-site #main-visual h2 {
    font-size: 2.8rem;
		position: relative;
    padding: 10px 0 10px 25px;
    border-bottom: solid 1px #EEEEEE;
    border-top: solid 1px #EEEEEE;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
	font-weight: normal;
}
#cooking-site #main-visual h2::before {
		position: absolute;
		left:0;
    content: "";
    border-left: solid 5px #F87F26;
    height: 60px;
}
#cooking-site .main-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0;
}
#cooking-site .main-contents .main-pic {
    width:50%;
    display: block;
}
#cooking-site .main-contents .main-text {
    width:50%;
    background: #F87F26;
    position: relative;
    display: block;
}
#cooking-site .main-contents .main-text p {
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
    margin: 0 auto;
    font-size: 3.2rem;
    font-weight: bold;
    color:#fff;
    position: absolute;
    top: 30%;
    left: 6%;
}
#cooking-site #contents0 {
    padding: 80px 0 0px;
    background: #fff;
	font-size: 18px;
}
#cooking-site #contents1 {
    padding: 60px 0 0px;
    background: #fff;
	font-size: 16px;
}
#cooking-site #contents2 {
    padding: 50px 0 0px;
    background: #fff;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#cooking-site #contents3 {
    padding: 60px 0 0px;
    background: #fff;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#cooking-site h3 {
    font-size: 2.4rem;
    border: solid 2px #F87F26;
    border-radius: 5px;
    background: #F87F26;
    color:#fff;
    text-align: center;
    padding:15px 10px;
    margin: 0 auto 35px;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
}

#cooking-site .button-wrap .col2 a{
	display: block;
	text-align: center;
	border: solid 2px #F87F26;
	padding: 10px 10px;
	box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
	margin-bottom: 35px;
	border-radius: 5px;
	color: #F87F26;
	background: #fff;
	letter-spacing: 0.1em;
    font-size: 24px;
    font-weight: 600;
	text-decoration: none;
	position: relative;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
}
#cooking-site .button-wrap .col2 a::after{
	content: url("../img/icon-bottom-arrow.svg");
	position: absolute;
	right:25px;
	top: 17%;
	transition: 0.3s;
}
#cooking-site .button-wrap .col2 a:hover{
	background: #eee;
}
#cooking-site .button-wrap .col2 a:hover::after{
	top:21%;
	transition: 0.3s;
}
#cooking-site h5{
	font-size: 18px;
	color: #F87F26;
	margin-bottom: 0em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

@media screen and (max-width:768px) {
	#cooking-site #contents0 {
	    padding: 40px 0 0px;
		font-size: 16px;
	}
	#cooking-site #contents1 {
	    padding: 30px 0 0px;
	    font-size: 14px;
	}
	#cooking-site #contents2 {
	    padding: 25px 0 0px;
	    font-size: 16px;
	}
	#cooking-site #contents3 {
	    padding: 30px 0 0px;
	    font-size: 16px;
	}
	#cooking-site #main-visual h2 {
	    font-size: 2rem;
			padding-left: 15px;
	}
	#cooking-site #main-visual h2::before {
    height: 40px;
  }
	#cooking-site .main-contents .main-pic {
	    width: 100%;
	    display: block;
	}
	#cooking-site .main-contents .main-text {
	    width: 100%;
	    background: #F87F26;
	    position: relative;
	    display: block;
	}
	#cooking-site .main-contents .main-text p {
	    font-size: 1.8rem;
	    position: relative;
		top: 0%;
    	left: 0%;
	    padding: 20px;
	}
	#cooking-site h3 {
	    font-size: 1.8rem;
	    border: solid 2px #F87F26;
	    border-radius: 5px;
	    background: #F87F26;
	    color: #fff;
	    text-align: center;
	    padding: 10px 10px;
	    margin: 0 auto 20px;
	    font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
	}
	#cooking-site .button-wrap .col2 a {
	    display: block;
	    text-align: center;
	    border: solid 2px #F87F26;
	    padding: 10px 10px;
	    box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
	    margin-bottom: 10px;
	    border-radius: 5px;
	    color: #F87F26;
	    background: #fff;
	    letter-spacing: 0.1em;
	    font-size: 16px;
	    font-weight: 600;
	    text-decoration: none;
	    position: relative;
	}
	#cooking-site .button-wrap .col2 a::after {
	    content: url(../img/icon-bottom-arrow-sp.svg);
	    position: absolute;
	    right: 25px;
	    top: 26%;
	    transition: 0.3s;
		width: 17px;
	    /* width: 15px; */
	}
	#cooking-site h5{
		font-size: 16px;
	}
}

/*=====================================
介護現場のご紹介 #nursing-care-site
=====================================*/
#nursing-care-site #main-visual h2 {
	font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Shippori Mincho B1", "Times New Roman", "MS PMincho", serif;
    font-size: 2.8rem;
    position: relative;
		padding: 10px 0 10px 25px;
    border-bottom: solid 1px #EEEEEE;
    border-top: solid 1px #EEEEEE;
	font-weight: normal ;
}
#nursing-care-site #main-visual h2::before {
		position: absolute;
		left:0;
    content: "";
    border-left: solid 5px #E65374;
    height: 60px;
}
#nursing-care-site .main-contents {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 0;
}
#nursing-care-site .main-contents .main-pic {
    width:50%;
    display: block;
}
#nursing-care-site .main-contents .main-text {
    width:50%;
    background: #E65374;
    position: relative;
    display: block;
}
#nursing-care-site .main-contents .main-text p {
	font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", "Shippori Mincho B1", "Times New Roman", "MS PMincho", serif;
    margin: 0 auto;
    font-size: 3.2rem;
    font-weight: bold;
    color:#fff;
    position: absolute;
    top: 30%;
    left: 6%;
}
#nursing-care-site #contents0 {
    padding: 80px 0 0px;
    background: #fff;
	font-size: 18px;
}
#nursing-care-site #contents1 {
    padding: 60px 0 0px;
    background: #fff;
	font-size: 16px;
}
#nursing-care-site #contents2 {
    padding: 50px 0 0px;
    background: #fff;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#nursing-care-site #contents3 {
    padding: 60px 0 0px;
    background: #fff;
	font-size: 18px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}

#nursing-care-site h3 {
    font-size: 2.4rem;
    border: solid 2px #E65374;
    border-radius: 5px;
    background: #E65374;
    color:#fff;
    text-align: center;
    padding:15px 10px;
    margin: 0 auto 35px;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
}
#nursing-care-site .button-wrap .col3{
	width: 31.3%;
	margin-right:3%;
	text-align: center;
	font-weight: 500;
	font-size: 20px;
}
#nursing-care-site .button-wrap .col3:nth-child(3n) {
	margin-right:0%;
}
#nursing-care-site .button-wrap .col3 a{
	display: block;
	text-align: center;
	border: solid 2px #E65374;
	padding: 10px 25px 10px 0px;
	box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
	margin-bottom: 35px;
	border-radius: 5px;
	color: #E65374;
	background: #fff;
	letter-spacing: 0.1em;
    font-size: 20px;
    font-weight: 600;
	text-decoration: none;
	position: relative;
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
}
#nursing-care-site .button-wrap .col3 a::after{
	content: url("../img/icon-bottom-arrow-pink.svg");
	position: absolute;
	right:15px;
	top: 17%;
	transition: 0.3s;
	width: 28px;
}
#nursing-care-site .button-wrap .col3 a:hover{
	background: #eee;
}
#nursing-care-site .button-wrap .col3 a:hover::after{
	top:21%;
	transition: 0.3s;
}
#nursing-care-site h5{
	font-size: 18px;
	color: #E65374;
	margin-bottom: 0em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",'Noto Sans JP',"Yu Gothic Medium", "游ゴシック Medium","Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#nursing-care-site .contents-borderbox h4 {
	font-family: "YuMincho","Yu Mincho", "Hiragino Mincho ProN",'Shippori Mincho B1',"Times New Roman","MS PMincho", serif;
	border :solid 2px #E65374;
	color: #E65374;
	font-weight: bold;
	text-align: center;
	padding :13px;
	margin-top: 0;
	margin-bottom: 1.5em;
	letter-spacing: 0.1em;
	border-radius:5px;
}
@media screen and (max-width:768px) {
	#nursing-care-site #contents0 {
	    padding: 40px 0 0px;
		font-size: 16px;
	}
	#nursing-care-site #contents1 {
	    padding: 30px 0 0px;
	    font-size: 14px;
	}
	#nursing-care-site #contents2 {
	    padding: 25px 0 0px;
	    font-size: 16px;
	}
	#nursing-care-site #contents3 {
	    padding: 30px 0 0px;
	    font-size: 16px;
	}
	#nursing-care-site #main-visual h2 {
	    font-size: 2rem;
			padding-left: 15px;
	}
	#nursing-care-site #main-visual h2::before {
    height: 40px;
  }
	#nursing-care-site .main-contents .main-pic {
	    width: 100%;
	    display: block;
	}
	#nursing-care-site .main-contents .main-text {
	    width: 100%;
	    position: relative;
	    display: block;
	}
	#nursing-care-site .main-contents .main-text p {
	    font-size: 1.8rem;
	    position: relative;
		top: 0%;
    	left: 0%;
	    padding: 20px;
	}
	#nursing-care-site h3 {
	    font-size: 1.8rem;
	    padding: 10px 10px;
	    margin: 0 auto 20px;
	}
	#nursing-care-site .button-wrap .col3 a {
	    display: block;
	    text-align: center;
	    padding: 10px 10px;
	    box-shadow: 0px 3px 0px rgb(0 0 0 / 15%);
	    margin-bottom: 10px;
	    border-radius: 5px;
	    letter-spacing: 0.1em;
	    font-size: 16px;
	    font-weight: 600;
	    text-decoration: none;
	    position: relative;
	}
	#nursing-care-site .button-wrap .col3 a::after {
	    content: url(../img/icon-bottom-arrow-pink-sp.svg);
	    position: absolute;
	    right: 25px;
	    top: 26%;
	    transition: 0.3s;
		width: 17px;
	    /* width: 15px; */
	}
	#nursing-care-site h5{
		font-size: 16px;
	}
}


/*=====================================
footer
=====================================*/

footer{
	padding:75px 0 20px;
	text-align: center;
	background: #fff;
}
footer .inner{
	border-top:solid 1px #EEEEEE;
	max-width: 1000px;
	padding: 0px;
}
footer p{
	font-size: 1.2rem;
	color:#4A4A4A;
	margin: 30px auto 20px;
}
.footer-nav{
	text-align: left;
	font-size: 1.2rem;
	max-width: 1000px;
    width: 100%;
}
.footer-nav ul{
	list-style-type: none;
	padding: 0;
}
.footer-nav a{
	text-decoration: none;
	color: #2566B2;
	font-size: 1.2rem;
	transition: 0.3s;
}
.footer-nav a:hover{
	opacity: 0.7;
	transition: 0.3s;
}
.footer-logo-wrapper img {
    max-width: 88px;
}
@media screen and (max-width:768px) {
	footer{
		padding:75px 10px 20px;
	}
}


.career-layout {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}
.career-layout > div {
    border: 1px solid #2566b2;
    line-height: 1.5;
    text-align: center;
    padding: 6px 10px;
    width: 22.5%;
    margin-right: 3.3%;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
  position: relative;
}
.career-layout > div:last-child {
  margin-right: 0;
}
.career-layout> div:not(:last-child):after {
    position: absolute;
    bottom: calc( 50% - 10px );
    right: -20px;
    content: "";
    border-left: 12px solid #4a90e2;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    z-index: 1;
}
@media screen and (max-width:768px) {
  .career-layout {
      flex-wrap: wrap;
      margin-top: 10px;
      margin-bottom: 10px;
  }
  .career-layout > div {
      width: 100%;
      font-size: 1.4rem;
      margin-bottom: 22px;
      margin-right: 0;
  }
  .career-layout > div:last-child {
    margin-bottom: 0;
  }
  .career-layout> div:not(:last-child):after {
    right: auto;
    bottom: -23px;
    border-top: 12px solid #4a90e2;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
  }
}

/*=================================
　共通クラス
=================================*/
.bold {
    font-weight: bold;
}
.fs17 {
	font-size:1.7rem ;
}
.sp-only{
	display: none !important;
}

@media screen and (max-width:768px) {
	.pc-only{
		display: none !important;
	}
	.sp-only{
		display: block !important;
	}
	.sp-only-in{
		display: inline-block !important;
	}
}
.hp_div {
    display: inline-block;
    width: 165px;
    vertical-align: bottom;
}
p.hp_text {
    padding: 0;
    margin: 0;
    font-size: 10px;
    line-height: 1.6;
}