/*----------------------------------------------------
** WEB COMBO / exsample.css *ページに合わせてファイル名を変更する
** Ver.1.0.0
** copyright 2020 GRANTEST Inc.
**----------------------------------------------------
** Common settings
**----------------------------------------------------*/
div.pictarea_wrap figure{
	display: block;
}
div.pictarea_wrap img{
	width: 500px;
}
/*共通のスタイルをここに記載*/
/*スライダー記述*/
div.combosliderwrap,
div.slider,
div.cs_item,
.comboslider-fade .comboslider .cs_item img.cscontents{
	width:100%;
	height: calc((var(--fixdvh) * 100) - 37px) !important;
}
div.combosliderwrap{
	position:relative;
	z-index:1;
}
.slider .cs_item img.cscontents{
	object-fit:cover;
}
div.combosliderwrap h3{
	color:#fff;
	text-align:center;
	width:100%;
	z-index:5;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (-webkit-min-device-pixel-ratio:2), (min-resolution: 2dppx){
	
	/*レティーナディスプレイ用のスタイルをここに記載*/
	
}
@media screen and (max-width:767px){
	/*スライダー*/
	div.slider{
		margin-top:-50px !important;
	}
	div.combosliderwrap h3{
		font-size:18px;
    margin-bottom: 2rem;
	}
	/*スマートフォン用のスタイルをここに記載*/
	/*共通*/
	div.topinner{
		width:100%;
		padding:0 1em;
		box-sizing:border-box;
	}
	section.contents_box{
		padding-bottom:50px;
	}
	/*改行*/
	br.sp{
		display:block;
  }
	br.pc{
		display:none;
	}
  /*sspバナー*/
  div.ssp_banner{
    width: calc(100% - 2em);
    margin: 0 auto;
    margin-top: 30px;
  }
  div.ssp_banner a{
    display: block;
  }
  div.ssp_banner a{
    width: 100%;
  }
  div.ssp_banner a picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  div.ssp_banner a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
	/*ボタン*/
	div.btnarea a{
		display:table;
		margin:0 auto;
		background-color:#e8599a;
		color:#fff;
		height:50px;
		line-height:50px;
		text-align:center;
		position:relative;
		z-index:1;
		border-radius:10px;
		padding:0 3em 0 1em;
		font-size:18px;
		font-weight:400;
	}
  div.btnarea.yellow a{
    background-color:#ffd943; 
  }
	div.btnarea a::after{
		content:"";
		background-image:url(	'data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M15.979%200c-8.565%200-15.541%206.741-15.957%2015.2h23.083l-7.68-7.691c-0.309-0.309-0.309-0.821%200-1.131s0.821-0.309%201.131%200l9.611%209.621-9.611%209.621c-0.16%200.16-0.363%200.235-0.565%200.235s-0.405-0.075-0.565-0.235c-0.309-0.309-0.309-0.821%200-1.131l7.68-7.691h-23.083c0.416%208.459%207.392%2015.2%2015.957%2015.2%208.832%200%2016-7.168%2016-16s-7.168-16-16-16z%22%20%2F%3E%3C%2Fsvg%3E'); 
		background-repeat:no-repeat;
		background-size:30px;
		background-position:center;
		position:absolute;
		right:10px;
		top:50%;
		transform:translateY(-50%);
		width:30px;
		height:30px;
	}
	div.btnarea02 a{
		display:table;
		margin:0 auto;
		background-color:#fff;
		color:#000;
		height:50px;
		line-height:50px;
		text-align:center;
		position:relative;
		z-index:1;
		border-radius:10px;
		padding:0 3em 0 1em;
		font-size:18px;
		font-weight:400;
		position:relative;
		z-index:1;
	}
	div.btnarea02 a::after{
		content:"";
		background-image:url(	'data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M15.979%200c-8.565%200-15.541%206.741-15.957%2015.2h23.083l-7.68-7.691c-0.309-0.309-0.309-0.821%200-1.131s0.821-0.309%201.131%200l9.611%209.621-9.611%209.621c-0.16%200.16-0.363%200.235-0.565%200.235s-0.405-0.075-0.565-0.235c-0.309-0.309-0.309-0.821%200-1.131l7.68-7.691h-23.083c0.416%208.459%207.392%2015.2%2015.957%2015.2%208.832%200%2016-7.168%2016-16s-7.168-16-16-16z%22%20%2F%3E%3C%2Fsvg%3E'); 
		background-repeat:no-repeat;
		background-size:30px;
		background-position:center;
		position:absolute;
		right:10px;
		top:50%;
		transform:translateY(-50%);
		width:30px;
		height:30px;
	}
	/*タイトル*/
	div.title_area{
		width:100%;
		position:relative;
	}
	div.title_area figure img{
		width:100%;
		object-fit:cover;
		height:80vw;
	}
	div.title_area h2{
		font-size:18px;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		color:#fff;
		width:100%;
		text-align:center;
		z-index:5;
	}
	/*トップページ*/
	section.companyprofile{
		padding-bottom:50px;
		padding-top:100px;
	}
	section.companyprofile div.logo{
		width:150px;
		margin:0 auto 50px auto;
	}
	section.companyprofile div.logo svg{
		fill:#e8599a;
	}
	section.companyprofile div.text{
		font-size:14px;
		line-height:2em;
		color:#444;
		margin-bottom:30px;
	}
	section.companyprofile div.text h2{
		font-size:18px;
		text-align:center;
		margin-bottom:30px;
		line-height:2em;
		color:#444;
	}
	section.companyprofile div.text p{
		padding:0 calc(10% - 1em);
	}
	div.sharearea div{
		background-color:#fff;
		border-radius:20px;
		padding:150px 9% 50px 9%;
		box-sizing:border-box;
		margin-bottom:1em;
		position:relative;
		z-index:1;
	}
	div.sharearea div svg{
		position:absolute;
		top:50px;
		left:50%;
		transform:translateX(-50%);
		fill:#e8599a;
		height:100px;
	}
	div.sharearea div:nth-child(1){
		position:relative;
		z-index:1;
		margin-top:-16vw;
	}
	div.sharearea div:last-child{
		margin-bottom:40px;
	}
	div.sharearea div dl{
		padding-top:20px;
	}
	div.sharearea div dl dt{
		font-size:18px;
		color:#444;
		margin-bottom:20px;
		text-align:center;
		font-weight:700;
	}
  div.sharearea div dl dt span{
    font-size: 1rem;
    display: block;
  }
  div.sharearea div:last-child dl dt{
    margin-bottom: calc(30px - 1rem);
  }
	div.sharearea div dl dd{
		font-size:14px;
		line-height:2em;
		color:#444;
	}
	div.facility{
		padding:50px 0 0 0;
	}
	div.facility div.facilitytext h3{
		text-align:center;
		color:#444;
		line-height:2em;
		font-size:18px;
		margin-bottom:20px;
	}
	div.facilitytext{
		padding-top:8%;
	}
	div.facility div.facilitytext p{
		font-size:14px;
		line-height:2em;
		color:#444;
		padding:0 10% 30px 10%;
		box-sizing:border-box;
	}
	div.pictarea_wrap{
	}
	div.pictarea_wrap > div{
		width: 100vw;
		overflow-x:auto;
		scrollbar-width:none;
		padding:0 1em;
		box-sizing:border-box;
	}
	div.pictarea_wrap div.pict_area01 {
		margin-bottom:50px;
	}
	div.pictarea_wrap > div::-webkit-scrollbar{
		display: none;
	}
	div.introduction div.text02{
		font-size:14px;
		color:#444;
		line-height:2em;
		padding:20px calc(10% - 1em);
		box-sizing:border-box;
	}
	div.introduction_box{
		position:relative;
		z-index:1;
		background-color:#fff;
		border-radius:20px;
		padding:175px 20px 20px 20px;
		box-sizing:border-box;
		margin-bottom:1em;
	}
	div.introduction_box:last-child{
		margin:0;
	}
	div.introduction_box figure{
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:175px;
	}
	div.introduction_box figure img{
		object-fit:cover;
		border-radius:20px 20px 0 0;
		width:100%;
		height:175px;
	}
	div.introduction_box h3{
		font-size:18px;
		text-align:center;
		color:#e8599a;
		padding:30px 0;
	}
	div.introduction_box div.introduction_text p{
		font-size:14px;
		color:#444;
		line-height:2em;
		padding-bottom:30px;
	}
	/*お知らせ*/
	div.news > h2{
		text-align:center;
		font-size:18px;
		margin-bottom:15px;
		color:#444;
	}
	div.news div.news_wrap{
		margin-bottom:30px;
	}
	div.news div.news_wrap article{
		position:relative;
		z-index:1;
		padding:10px 0 10px 0;
		border-bottom:solid 1px #dbdbdb;
	}
	div.news div.news_wrap article a{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		z-index:5;
	}
	div.news div.news_wrap article a h2{
		padding-left:60px;
		padding-top:40px;
		padding-right:0;
		box-sizing:border-box;
		color:#000;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
	}
	div.news div.news_wrap article figure{
		width:50px;
		height:50px;
	}
	div.news div.news_wrap article figure img{
		width:100%;
		height:50px;
		object-fit:cover;
	}
	div.news div.news_wrap article div{
		position:absolute;
		left:60px;
		top:10px;
		display:flex;
		width:calc(100% - 60px);
		box-sizing:border-box;
	}
	div.news div.news_wrap article div time{
		width:50%;
		font-size:12px;
	}
	div.news div.news_wrap article div p{
		text-align:right;
		width:50%;
		font-size:12px;
	}
	section.recruit{
		position:relative;
		z-index:1;
	}
	section.recruit.contents_box{
		padding-bottom:0;
	}
	section.recruit::after{
		content:"";
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		background-color:rgba(232,89,152,0.5);
		z-index:2;
	}
	section.recruit h2{
		font-size:18px;
		color:#fff;
		position:absolute;
		top:35%;
		width:100%;
		text-align:center;
		transform:translateY(-50%);
		z-index:3;
	}
	section.recruit picture img{
		width:100%;
		height:320px;
		object-fit:cover;
	}
	section.recruit div.btnarea02{
		position:absolute;
		top:50%;
		z-index:3;
		width:100%;
		left:50%;
		transform:translateX(-50%);
	}
	section.recruit div.btnarea02 a{
		font-size:18px;
	}
	section.contat_wrap{
		padding-top:50px;
    padding-bottom: 0;
	}
	section.contat_wrap h2{
		margin-bottom:25px;
		text-align:center;
	}
	div.contact_01{
		display:table;
		margin:0 auto;
	}
	div.contact_01 a{
		display:table;
		font-size:30px;
		color:#444;
		padding:0 0 0 40px;
		margin-bottom:15px;
		position:relative;
		z-index:1;
    font-family: 'Oswald';
	}
	div.contact_01 a:nth-of-type(1)::after{
		content:"";
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
		width:40px;
		height:40px;
		background-repeat:no-repeat;
		background-size:40px 40px;
		background-position:center;
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M24.397%2023.631c0.386-0.425%200.353-1.289-0.333-1.615-0.941-0.451-1.851-0.949-2.735-1.492-0.317-0.196-0.769-0.208-1.082-0.039-0.514%200.281-1.038%200.546-1.569%200.795-0.343%200.16-0.698%200.145-1.003-0.028-1.442-0.821-2.764-1.833-3.931-2.998-1.168-1.167-2.176-2.487-2.997-3.932-0.174-0.303-0.189-0.659-0.028-1.002%200.247-0.531%200.513-1.054%200.794-1.569%200.169-0.313%200.156-0.764-0.039-1.084-0.542-0.88-1.041-1.792-1.491-2.733-0.327-0.683-1.189-0.718-1.615-0.332-0.722%200.656-1.361%201.404-1.892%202.224%200.554%204.067%202.445%207.715%205.214%2010.484%202.768%202.768%206.416%204.658%2010.482%205.216%200.823-0.534%201.569-1.174%202.225-1.895z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.contact_01 a:nth-of-type(2)::after{
		content:"";
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
		width:40px;
		height:40px;
		background-repeat:no-repeat;
		background-size:40px 40px;
		background-position:center;
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M6.841%2010.691v10.613l5.968-5.305-5.968-5.309zM16.11%2017.137l8.151-7.244h-16.485l8.224%207.28c0.045%200%200.085-0.013%200.11-0.036zM16.905%2018.032c-0.245%200.218-0.566%200.336-0.906%200.336-0.337%200-0.659-0.118-0.905-0.336l-1.385-1.231-5.97%205.308h16.521l-5.97-5.308-1.386%201.231zM19.191%2016l5.968%205.306v-10.613l-5.968%205.308z%22%20%2F%3E%3C%2Fsvg%3E');
	}
	div.contact_02{
	}
	div.contact_02 div.btnarea:nth-child(1){
		margin-bottom:15px;
	}
}
@media screen and (max-width:320px){
	
	/*小さいサイズのスマートフォン用のスタイルをここに記載*/
	
}
@media screen and (min-width:768px) and (max-width:1099px){
	/*スライダー*/
	div.slider{
		margin-top:-70px !important;
	}
	div.combosliderwrap h3{
		font-size: 30px;
    margin-bottom: 2rem;
    top: 50%;
    transform: translateY(-50%);
	}
	/*共通*/
	div.topinner{
		width:100%;
		padding:0 6vw;
		box-sizing:border-box;
	}
	/*ボタン*/
	div.btnarea a{
		display:table;
		margin:0 auto;
		background-color:#e8599a;
		color:#fff;
		height:60px;
		line-height:60px;
		text-align:center;
		position:relative;
		z-index:1;
		border-radius:10px;
		padding:0 3em 0 1em;
		font-size:24px;
		font-weight:400;
	}
  div.btnarea.yellow a{
    background-color:#ffd943; 
  }
	div.btnarea a::after{
		content:"";
		position:absolute;
		right:15px;
		top:50%;
		transform:translateY(-50%);
		width:30px;
		height:30px;
		background-size:30px;
		background-position:center;
		background-repeat:no-repeat;
		background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M15.979%200c-8.565%200-15.541%206.741-15.957%2015.2h23.083l-7.68-7.691c-0.309-0.309-0.309-0.821%200-1.131s0.821-0.309%201.131%200l9.611%209.621-9.611%209.621c-0.16%200.16-0.363%200.235-0.565%200.235s-0.405-0.075-0.565-0.235c-0.309-0.309-0.309-0.821%200-1.131l7.68-7.691h-23.083c0.416%208.459%207.392%2015.2%2015.957%2015.2%208.832%200%2016-7.168%2016-16s-7.168-16-16-16z%22%20%2F%3E%3C%2Fsvg%3E') 
	}
	div.btnarea02 a{
		display:table;
		margin:0 auto;
		background-color:#fff;
		color:#000;
		height:60px;
		line-height:60px;
		text-align:center;
		position:relative;
		z-index:1;
		border-radius:10px;
		padding:0 3em 0 1em;
		font-size:24px;
		font-weight:400;
	}
	div.btnarea02 a::after{
		content:"";
		position:absolute;
		right:15px;
		top:50%;
		transform:translateY(-50%);
		width:30px;
		height:30px;
		background-size:30px;
		background-position:center;
		background-repeat:no-repeat;
		background-image:url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M15.979%200c-8.565%200-15.541%206.741-15.957%2015.2h23.083l-7.68-7.691c-0.309-0.309-0.309-0.821%200-1.131s0.821-0.309%201.131%200l9.611%209.621-9.611%209.621c-0.16%200.16-0.363%200.235-0.565%200.235s-0.405-0.075-0.565-0.235c-0.309-0.309-0.309-0.821%200-1.131l7.68-7.691h-23.083c0.416%208.459%207.392%2015.2%2015.957%2015.2%208.832%200%2016-7.168%2016-16s-7.168-16-16-16z%22%20%2F%3E%3C%2Fsvg%3E') 
	}
	/*改行*/
	br.sp{
		display:none;
	}
  br.pc{
		display:none;
	}
	br.tb{
		display:block;
	}
  /*sspバナー*/
  div.ssp_banner{
    width: 390px;
    margin: 0 auto;
    margin-top: 50px;
  }
  div.ssp_banner a{
    display: block;
  }
  div.ssp_banner a{
    width: 100%;
  }
  div.ssp_banner a picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  div.ssp_banner a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
	/*タイトル*/
	div.title_area{
		width:100%;
		position:relative;
		height:300px;
	}
	div.title_area figure img{
		width:100%;
		object-fit:cover;
		height:300px;
	}
	div.title_area h2{
		font-size:24px;
		position:absolute;
		top:50%;
		transform:translateY(-50%);
		color:#fff;
		width:100%;
		text-align:center;
	}
	/*トップページ*/
	section.contents_box{
		padding-bottom:70px;
	}
	section.companyprofile{
		padding-bottom:70px;
		padding-top:70px;
	}
	section.companyprofile div.logo{
		width:280px;
		margin:0 auto;
	}
	section.companyprofile div.logo svg{
		fill:#e8599a;
	}
	section.companyprofile div.text{
	}
	section.companyprofile div.text h2{
		font-size:24px;
		text-align:center;
		color:#444;
		margin:50px 0;
	}
	section.companyprofile div.text p{
		font-size:16px;
		line-height:2em;
		color:#444;
		margin-bottom:50px;
	}
	div.sharearea{
		display:flex;
		position:relative;
		top:-40px;
	}
	div.sharearea.topinner{
		padding:0 20px !important;
		box-sizing:border-box;
	}
	div.sharearea div{
		width:calc((100% / 3) - 20px);
		margin:0 10px;
		background-color:#fff;
		border-radius:20px;
		padding:140px 20px 20px 20px;
		position:relative;
		z-index:1;
	}
	div.sharearea div svg{
		position:absolute;
		top:60px;
		left:50%;
		transform:translateX(-50%);
		fill:#e8599a;
	}
	div.sharearea div dl{
		padding-top:60px;
	}
	div.sharearea div dl dt{
		font-size:24px;
		color:#444;
		text-align:center;
		margin-bottom:20px;
	}
   div.sharearea div dl dt span{
    font-size: 0.8rem;
    display: block;
  }
  div.sharearea div:last-child dl dt{
    margin-bottom: calc(30px - 1rem);
  }
	div.sharearea div dl dd{
		font-size:16px;
		color:#444;
		line-height:2em;
	}
	div.sharearea div.btnarea{
		margin-top:20px;
	}
	div.facility div.facilitytext{
		padding:70px 6vw 50px 6vw;
		width:100%;
		box-sizing:border-box;
	}
	div.facility div.facilitytext h3{
		font-size:24px;
		text-align:center;
		margin-bottom:40px;
		color:#444;
	}
	div.facility div.facilitytext p{
		font-size:16px;
		line-height:2em;
		color:#444;
	}
	div.facility div.pictarea_wrap{
		width:100%;
		padding:0 135px;
		box-sizing:border-box;
	}
	div.facility div.pictarea_wrap div.pict_area01{
		width:100%;
		margin-bottom:70px;
	}
	div.facility div.pictarea_wrap div.pict_area01 figure img{
		object-fit:cover;
		width:100%;
	}
	div.facility div.pictarea_wrap div.pict_area02{
		width:100%;
	}
	div.facility div.pictarea_wrap div.pict_area02 figure img{
		width:100%;
		object-fit:cover;
	}
	div.introduction div.text02{
		font-size:16px;
		color:#444;
		line-height:2em;
		padding:70px 0 50px 0;
	}
	div.introduction_box{
		overflow:hidden;
		margin-bottom:50px;
	}
	div.introduction_box:last-child{
		margin-bottom:0;
	}
	div.introduction_box h3{
		float:left;
		font-size:24px;
		color:#e8599a;
		margin-bottom:15px;
		width:100%;
	}
	div.introduction_box figure{
		width:250px;
		float:left;
	}
	div.introduction_box figure img{
		width:100%;
		object-fit:cover;
		height:250px;
	}
	div.introduction_box div.introduction_text{
		float:right;
		width:calc(100% - 250px);
		padding-left:50px;
		box-sizing:border-box;
		line-height:2em;
		color:#444;
		height:250px;
		position:relative;
		z-index:1;
	}
	div.introduction_box div.introduction_text div.btnarea{
		position:absolute;
		bottom:0;
		right:0;
	}
	div.introduction_box div.introduction_text div.btnarea a{
		margin:0 0 0 auto;
	}
	div.news{
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	div.news > h2{
		text-align:center;
		color:#444;
		font-size:24px;
		margin-bottom:30px;
	}
	div.news_wrap{
		display:flex;
		flex-wrap:wrap;
		width:100%;
	}
	div.news_wrap article{
		width:calc((100% / 3) - 30px);
		margin:0 15px 30px 15px;
		position:relative;
		z-index:1;
		padding-bottom:30px;
		background-color:#fff;
	}
	div.news_wrap article figure{
		padding:calc(56.25% + 36px) 0.5em 0 0.5em;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	div.news_wrap article figure img{
		width:100%;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		height:100%;
	}
	div.news_wrap article a{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		display:block;
		z-index:5;
	}
	div.news_wrap article a > h2{
		line-height:30px;
		position:absolute;
		bottom:0;
		padding:0 0.5em;
		box-sizing:border-box;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		color:#000;
		width:100%;
	}
	div.news_wrap article div{
		display:flex;
		padding:0 0.5em;
		box-sizing:border-box;
		line-height:20px;
	}
	div.news_wrap article div time{
		width:50%;
		font-size:12px;
	}
	div.news_wrap article div p{
		width:50%;
		text-align:right;
		font-size:12px;
	}
	section.recruit.contents_box{
		position:relative;
		z-index:1;
		padding-bottom:0;
	}
	section.recruit::after{
		content:"";
		background-color:rgba(232,89,152,0.5);
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
	}
	section.recruit h2{
		font-size:24px;
		color:#fff;
		position:absolute;
		top:35%;
		width:100%;
		text-align:center;
		transform:translateY(-50%);
		z-index:2;
	}
	section.recruit picture img{
		width:100%;
		height:255px;
		object-fit:cover;
	}
	section.recruit div.btnarea02{
		position:absolute;
		top:50%;
		left:50%;
		transform:translateX(-50%);
		z-index:2;
	}
	section.contat_wrap{
		padding-top:70px;
		padding-bottom:0;
	}
	section.contat_wrap h2{
		color:#444;
		text-align:center;
	}
	section.contat_wrap div.contact_01{
		display:table;
		margin:50px auto 0 auto;
	}
	section.contat_wrap div.contact_01 a{
		padding-left:50px;
		color:#444;
		font-size:36px;
		font-family: 'Oswald';
		position:relative;
		z-index:1;
    pointer-events: none;
  }
	section.contat_wrap div.contact_01 a:nth-child(1){
		margin-right:10px;
	}
	section.contat_wrap div.contact_01 a:nth-child(2){
		margin-left:10px;
	}
	section.contat_wrap div.contact_01 a:nth-child(1)::after{
		content:"";
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M24.397%2023.631c0.386-0.425%200.353-1.289-0.333-1.615-0.941-0.451-1.851-0.949-2.735-1.492-0.317-0.196-0.769-0.208-1.082-0.039-0.514%200.281-1.038%200.546-1.569%200.795-0.343%200.16-0.698%200.145-1.003-0.028-1.442-0.821-2.764-1.833-3.931-2.998-1.168-1.167-2.176-2.487-2.997-3.932-0.174-0.303-0.189-0.659-0.028-1.002%200.247-0.531%200.513-1.054%200.794-1.569%200.169-0.313%200.156-0.764-0.039-1.084-0.542-0.88-1.041-1.792-1.491-2.733-0.327-0.683-1.189-0.718-1.615-0.332-0.722%200.656-1.361%201.404-1.892%202.224%200.554%204.067%202.445%207.715%205.214%2010.484%202.768%202.768%206.416%204.658%2010.482%205.216%200.823-0.534%201.569-1.174%202.225-1.895z%22%20%2F%3E%3C%2Fsvg%3E');
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
		width:30px;
		height:30px;
		background-size:45px;
		background-position:center;
		background-repeat:no-repeat;
	}
	section.contat_wrap div.contact_01 a:nth-child(2)::after{
		content:"";
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M6.841%2010.691v10.613l5.968-5.305-5.968-5.309zM16.11%2017.137l8.151-7.244h-16.485l8.224%207.28c0.045%200%200.085-0.013%200.11-0.036zM16.905%2018.032c-0.245%200.218-0.566%200.336-0.906%200.336-0.337%200-0.659-0.118-0.905-0.336l-1.385-1.231-5.97%205.308h16.521l-5.97-5.308-1.386%201.231zM19.191%2016l5.968%205.306v-10.613l-5.968%205.308z%22%20%2F%3E%3C%2Fsvg%3E');
		position:absolute;
		left:0;
		top:55%;
		transform:translateY(-50%);
		width:30px;
		height:30px;
		background-size:45px;
		background-position:center;
		background-repeat:no-repeat;
	}
	section.contat_wrap div.contact_02{
		display:table;
		margin:50px auto 0 auto;
	}
	section.contat_wrap div.contact_02 div.btnarea{
		float:left;
	}
	section.contat_wrap div.contact_02 div.btnarea:nth-child(1){
		margin-right:10px;
	}
	section.contat_wrap div.contact_02 div.btnarea:nth-child(2){
		margin-left:10px;
	}
	
}
@media (orientation: landscape) and (max-width:568px){
	
	/*小さいサイズのスマートフォン用横向きのスタイルをここに記載*/
	
}
@media (orientation: landscape) and (min-width:569px) and (max-width:724px){
	
	/*大きいサイズのスマートフォン用横向きのスタイルをここに記載*/
	
}
@media (orientation: landscape) and (min-width:725px) and (max-width:1099px){
	
	/*タブレット用横向きのスタイルをここに記載*/
  div.combosliderwrap h3{
    margin-bottom: 2rem;
    top: 50%;
    transform: translateY(-50%);
  }
	
}
@media screen and (min-width:1100px){
	/*スライダー*/
	div.slider{
		margin-top:-100px !important;
	}
	div.combosliderwrap h3{
		font-size:30px;
    margin-bottom: 3rem;
    top: 50%;
    transform: translateY(-50%);
	}
	/*PC用のスタイルをここに記載*/
	div.slider_wrap{
		position:relative;
		z-index:1;
	}
	div.slider_wrap figure{
	}
	div.slider_wrap figure img{
		width:100%;
		object-fit:cover;
	}
	/*共通*/
	div.topinner{
		width:1100px;
		margin:0 auto;
	}
	/*改行*/
	br.sp{
		display:none;
	}
	br.pc{
		display:block;
	}
  div.btnarea.yellow a{
    background-color: #ffd943;
  }
  /*sspバナー*/
  div.ssp_banner{
    width: 390px;
    margin: 0 auto;
    margin-top: 50px;
  }
  div.ssp_banner a{
    display: block;
  }
  div.ssp_banner a{
    width: 100%;
  }
  div.ssp_banner a picture{
    width: 100%;
    height: 100%;
    display: block;
  }
  div.ssp_banner a img{
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
	/*トップページコンテンツ*/
	section.companyprofile{
		overflow:hidden;
		padding-bottom:100px;
		padding-top:100px;
	}
	section.companyprofile div.topinner{
	}
	section.companyprofile div.topinner > div{
		width:50%;
	}
	section.companyprofile div.topinner div.logo{
		float:left;
		padding:0 100px 100px 100px;
		box-sizing:border-box;
	}
	section.companyprofile div.topinner div.logo svg{
		fill:#e8599a;
	}
	section.companyprofile div.topinner div.text{
		float:right;
		color:#444;
	}
	section.companyprofile div.topinner div.text h2{
		text-align:center;
		font-size:24px;
		margin-bottom:20px;
	}
	section.companyprofile div.topinner div.text p{
		line-height:2em;
		font-size:16px;
	}
	section.companyprofile div.topinner div.btnarea{
		float:left;
	}
	section.contents_box{
		padding-bottom:100px;
	}
	div.title_area{
		height:400px;
		position:relative;
		z-index:1;
	}
	div.title_area figure img{
		width:100%;
		object-fit:cover;
		height:400px;
	}
	div.title_area h2{
		font-size:24px;
		color:#fff;
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
	}
	div.sharearea{
		position:relative;
		z-index:1;
		display:flex;
		top:-60px;
	}
	div.sharearea div{
		width:calc((100% / 3) - 30px);
		margin:0 15px;
		padding:170px 30px 50px 30px;
		border-radius:20px;
		background-color:#fff;
		position:relative;
		z-index:1;
	}
	div.sharearea div svg{
		height:110px;
		position:absolute;
		top:80px;
		left:50%;
		transform:translateX(-50%);
		fill:#e8599a;
	}
	div.sharearea div dl{
		color:#444;
		width:100%;
		padding:70px 0 0 0;
		box-sizing:border-box;
	}
	div.sharearea div dl dt{
		text-align:center;
		font-size:24px;
		margin-bottom:30px;
	}
  div.sharearea div dl dt span{
    font-size: 0.8rem;
    display: block;
  }
  div.sharearea div:last-child dl dt{
    margin-bottom: calc(30px - 1rem);
  }
	div.sharearea div dl dd{
		font-size:16px;
		line-height:2em;
	}
	div.facility{
		overflow:hidden;
		padding-top:100px;
		width:1100px;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	div.facility > div{
		width:50%;
	}
	div.facility div.facilitytext{
		float:right;
		color:#444;
	}
	div.facility div.facilitytext:nth-child(1){
		margin-bottom:50px;
	}
	div.facility div.facilitytext h3{
		text-align:center;
		font-size:24px;
		margin-bottom:30px;
	}
	div.facility div.facilitytext p{
		font-size:16px;
		line-height:2em;
	}
	div.facility div.pictarea_wrap{
		float:left;
		padding-right:50px;
		box-sizing:border-box;
	}
	div.facility div.pict_area01{
	}
	div.facility div.pict_area01 figure img{
		height:500px;
		width:100%;
		object-fit:cover;
	}
	div.facility div.pict_area02 figure{
	}
	div.facility div.pict_area02 figure img{
		width:100%;
		object-fit:cover;
		height:250px;
	}
	div.facility div.btnarea{
		float:right;
		margin-top:230px;
		position:absolute;
		bottom:0;
		right:0;
	}
	div.introduction{
		padding-top:100px;
	}
	div.introduction div.text02{
		text-align:center;
		line-height:2em;
		color:#444;
		margin-bottom:100px;
	}
	div.introduction div.introduction_box{
		overflow:hidden;
		margin-bottom:50px;
	}
	div.introduction div.introduction_box:last-child{
		margin-bottom:0;
	}
	div.introduction div.introduction_box h3{
		width:calc(100% - 300px);
		float:right;
		padding-left:50px;
		padding-bottom:30px;
		box-sizing:border-box;
		font-size:24px;
		color:#e8599a;
	}
	div.introduction div.introduction_box figure{
		float:left;
		width:300px;
	}
	div.introduction div.introduction_box figure img{
		width:100%;
		object-fit:cover;
		height:300px;
	}
	div.introduction div.introduction_box div.introduction_text{
		float:right;
		width:calc(100% - 300px);
		padding-left:50px;
		box-sizing:border-box;
	}
	div.introduction div.introduction_box div.introduction_text div.btnarea{
		margin-top:124px;
	}
	div.introduction div.introduction_box div.introduction_text div.btnarea a{
		margin:0 0 0 auto;
	}
	div.news{
		overflow:hidden;
		position:relative;
		z-index:1;
		width:1130px;
	}
	div.news h2,
	div.news div.btnarea{
		width:350px;
	}
	div.news > h2{
		float:left;
		text-align:center;
		color:#444;
		font-size:24px;
	}
	div.news_wrap{
		float:right;
		display:flex;
		flex-wrap:wrap;
		width:780px;
	}
	div.news_wrap article{
		width:calc((100% / 3) - 30px);
		margin:0 15px 30px 15px;
		position:relative;
		z-index:1;
		padding-bottom:30px;
		background-color:#fff;
	}
	div.news_wrap article:nth-child(n+4){
		margin-bottom:0;
	}
	div.news_wrap article figure{
		padding:calc(56.25% + 36px) 0.5em 0 0.5em;
		overflow:hidden;
		position:relative;
		z-index:1;
	}
	div.news_wrap article figure img{
		width:100%;
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		height:100%;
	}
	div.news_wrap article a{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		display:block;
		z-index:5;
	}
	div.news_wrap article a > h2{
		line-height:30px;
		position:absolute;
		bottom:0;
		padding:0 0.5em;
		box-sizing:border-box;
		overflow:hidden;
		white-space:nowrap;
		text-overflow:ellipsis;
		color:#000;
    max-width: 100%;
	}
	div.news_wrap article div{
		display:flex;
		padding:0 0.5em;
		box-sizing:border-box;
		line-height:20px;
	}
	div.news_wrap article div time{
		width:50%;
		font-size:12px;
	}
	div.news_wrap article div p{
		width:50%;
		text-align:right;
		font-size:12px;
	}
	div.news div.btnarea{
		position:absolute;
		bottom:0;
		left:0;
	}
	section.recruit.contents_box{
		position:relative;
		z-index:1;
		padding-bottom:0;
	}
	section.recruit::after{
		content:"";
		background-color:rgba(232,89,152,0.5);
		top:0;
		left:0;
		right:0;
		bottom:0;
		position:absolute;
	}
	section.recruit h2{
		font-size:24px;
		color:#fff;
		position:absolute;
		top:35%;
		left:50%;
		transform:translate(-50%,-50%);
		z-index:2;
	}
	section.recruit picture img{
		width:100%;
		height:400px;
		object-fit:cover;
	}
	section.recruit div.btnarea02{
		position:absolute;
		top:50%;
		left:50%;
		transform:translateX(-50%);
		z-index:2;
	}
	section.contat_wrap{
		padding-top:100px;
		padding-bottom:0;
	}
	section.contat_wrap h2{
		color:#444;
		text-align:center;
	}
	section.contat_wrap div.contact_01{
		display:table;
		margin:50px auto 0 auto;
	}
	section.contat_wrap div.contact_01 a{
		padding-left:50px;
		color:#444;
		font-size:36px;
		font-family: 'Oswald';
		position:relative;
		z-index:1;
    pointer-events: none;
	}
	section.contat_wrap div.contact_01 a:nth-of-type(1){
		margin-right:10px;
	}
	section.contat_wrap div.contact_01 a:nth-of-type(1)::after{
		content:"";
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M24.397%2023.631c0.386-0.425%200.353-1.289-0.333-1.615-0.941-0.451-1.851-0.949-2.735-1.492-0.317-0.196-0.769-0.208-1.082-0.039-0.514%200.281-1.038%200.546-1.569%200.795-0.343%200.16-0.698%200.145-1.003-0.028-1.442-0.821-2.764-1.833-3.931-2.998-1.168-1.167-2.176-2.487-2.997-3.932-0.174-0.303-0.189-0.659-0.028-1.002%200.247-0.531%200.513-1.054%200.794-1.569%200.169-0.313%200.156-0.764-0.039-1.084-0.542-0.88-1.041-1.792-1.491-2.733-0.327-0.683-1.189-0.718-1.615-0.332-0.722%200.656-1.361%201.404-1.892%202.224%200.554%204.067%202.445%207.715%205.214%2010.484%202.768%202.768%206.416%204.658%2010.482%205.216%200.823-0.534%201.569-1.174%202.225-1.895z%22%20%2F%3E%3C%2Fsvg%3E');
		height:50px;
		width:50px;
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
		background-size:50px 55px;
		background-repeat:no-repeat;
	}
	section.contat_wrap div.contact_01 a:nth-of-type(2){
		margin-left:10px;
	}
	section.contat_wrap div.contact_01 a:nth-of-type(2)::after{
		content:"";
		background-image: url('data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20fill%3D%22%23e8599a%22%20d%3D%22M6.841%2010.691v10.613l5.968-5.305-5.968-5.309zM16.11%2017.137l8.151-7.244h-16.485l8.224%207.28c0.045%200%200.085-0.013%200.11-0.036zM16.905%2018.032c-0.245%200.218-0.566%200.336-0.906%200.336-0.337%200-0.659-0.118-0.905-0.336l-1.385-1.231-5.97%205.308h16.521l-5.97-5.308-1.386%201.231zM19.191%2016l5.968%205.306v-10.613l-5.968%205.308z%22%20%2F%3E%3C%2Fsvg%3E');
		width:50px;
		height:50px;
		position:absolute;
		left:0;
		top:50%;
		transform:translateY(-50%);
		background-size:50px 55px;
		background-repeat:no-repeat;
	}
	section.contat_wrap div.contact_02{
		display:table;
		margin:50px auto 0 auto;
	}
	section.contat_wrap div.contact_02 div.btnarea{
		float:left;
	}
	section.contat_wrap div.contact_02 div.btnarea:nth-child(1){
		margin-right:10px;
	}
	section.contat_wrap div.contact_02 div.btnarea:nth-child(2){
		margin-left:10px;
	}
}