@charset "utf-8";
/* CSS Document */
main{
	padding-top: 60px;
}
/*.page_title_box{
	background-image: url(../img/pagi_title1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:0 -350px;
}*/
/*.pc_nav.is-fixed {
	background-color: rgba(255,255,255,0.70);
}*/
#header{
	background-color: rgba(255,255,255,1);
}
#header.is-fixed {
	background-color: rgba(255,255,255,0.75);
}
/*------------------------------------------------------
				ページタイトル
-------------------------------------------------------*/
.page_title_box{
	background-image: url(../img/page_title2.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
}
.page_title_box .dec{
	background-image: url(../img/dec1.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
.page_title_box .page_title{
	padding-top: 100px;
	padding-bottom: 100px;
		position: relative;
}
.page_title_box .page_title::before {
    position: absolute;
    height: 100%;
    width: 100%;
    content: "";
    display: block;
	top:0;
/*    background-image: url(../img/dotte.png);*/
    z-index: 9;
	background-image: url(../img/dec1.png), url(../img/dotte.png);
	background-repeat: repeat-x, repeat;
	background-position: bottom, bottom;
	background-color: rgba(255,156,182,0.15)
}
.page_title_box .page_title span{	
	display: inline-block;
	position: relative;
	z-index: 10;
}
.page_title_box .page_title .circle1{	
	width: 60px;
	position: absolute;
	z-index: -1;
	left:-20px;
	top:-15px;
}
.page_title_box .page_title .circle2{	
	width: 40px;
	position: absolute;
	z-index: -1;
	right:-15px;
	bottom:-10px;
}
/*-------------------------------------------------------
					共通部分
-------------------------------------------------------*/
.cate_link{
	margin-top: 70px;
}
/* タブ切り替え */

/* タブ切り替え  リスト */
#cate_list li{
	vertical-align: top;
}
#cate_list li a{
	background-color: transparent;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}

/* タブ切り替え  リスト */
.effect {
  position: relative;
}
.effect.effect-1 {
  transition: 0.2s linear 0s;
}
.effect.effect-1:before {
    content: "\0232a";
    font-family: "FontAwesome";
    font-size: 12px;
    position: absolute;
    left: -13px;
    top: 0;
    opacity: 0;
    transition: all 0.2s linear 0s;
  }
.effect.effect-1:hover:before {
      opacity: 1;
   }
#cate_list li.active .effect.effect-1:before{
	content: "\0232a";
    font-family: "FontAwesome";
    font-size: 12px;
    position: absolute;
    left: -13px;
    top: 0;
	opacity: 1!important;
    transition: all 0.2s linear 0s;
}
/*-------------------------------------------------------
					1日の流れ
-------------------------------------------------------*/
.flow .box_item .box_img1 , .flow .box_item .box_img2{
	width: 49%;
}
.flow .box_item .box_img1{
	margin-right: 1%;
}
.flow .box_item .box_img2{
	margin-left: 1%;
}
/*-------------------------------------------------------
					社員インタビュー
-------------------------------------------------------*/
.video_box{
	overflow: hidden;
}
.video_wrap {
    height: 50vh;
	position: relative;
}
.video_wrap .video {
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);

}
.interview .cate_title2 span{
	border-radius: 50px;
}

.interview .cate_box .box_txt1{
	line-height: 1.7;
}
.interview .cate_box .box_item1{
	margin-right: -30px;
    z-index: 9;
}
.interview2 .box_wrap .cate_box{
    width: 96%!important;
	    margin-left: 4%;
}
.interview2 .box_wrap .cate_box:first-of-type {
    border-top: 1px solid #ff9cb6;
}
.interview2 .cate_box .box_txt1{
	font-size: 15px;
}
.interview2 .cate_box .box_txt2{
	font-size: 14px;
}
/*-------------------------------------------------------
					募集要項
-------------------------------------------------------*/
.recruit .cate_box:first-of-type {
    border-top: 1px solid #ff9cb6;
}
.recruit .cate_box:last-of-type .box_txt1 {
    border-bottom: 1px solid #ff9cb6!important;
}
.recruit .cate_box .box_txt2{
	font-size:15px;
}
/*-------------------------------------------------------
					ブログ
-------------------------------------------------------*/
.blog .cate_box .date{
	padding: 4px 15px;
	border-radius: 50px;
}
.blog .box_img1,.blog .box_img2{
width: 49%;
justify-content: space-between;
}
.blog .box_img1{
margin-right:2%;
}
.peger li{
	margin-right: 40px;
}
.peger li:last-child{
	margin-right: 0px;
}
.peger li a{
	color: #333333;
}
.peger li a:hover{
	opacity: 0.6;
	transition: all 0.5s;	
}
.peger li:last-child a,.peger li:first-child a{
	padding-bottom: 2px;
}
.peger li:last-child a,.peger li:first-child a{
	padding-bottom: 2px;
}
/*-------------------------------------------------------
				現在の空き状況	
-------------------------------------------------------*/
.availability .cate_box:last-child th,.availability .cate_box:last-child td{
	border-bottom: none;
}
.availability .cate_box td:last-child{
	border-right: none;
}
.availability table {
    border-collapse: collapse;
}
/*-------------------------------------------------------
					プライバシーポリシー
-------------------------------------------------------*/
.privacy p a{
	padding: 5px ;
}
/*-------------------------------------------------------
					サイトマップ
-------------------------------------------------------*/
.sitemap ul li:hover{
	letter-spacing: 3px;
}
@media all and (-ms-high-contrast: none){
.recruit .box_txt1 {
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.00deg)!important;
}
main{
	display: block;
}
.availability th,.availability td{
	padding-top: 13px;
	}
}
@supports (-ms-ime-align:auto) {
.recruit .box_txt1{
font-family: 'M PLUS Rounded 1c', sans-serif;
transform: rotate(0.00deg)!important;
}
}
/*ここからタブレット用（768px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
main {
    padding-top: 50px;
}
/*-------------------------------------------------------
					社員インタビュー
-------------------------------------------------------*/
.video_wrap {
    height: 35vh;
}
/*------------------------------------------------------
				お問い合わせ
-------------------------------------------------------*/
	form{
}
* {
   -webkit-appearance: none!important;
}
.contact input{
	border-radius: 0px;
}
.contact textarea{
	border-radius: 0px;
}
.contact input[type="file"] {
   -webkit-appearance: none;
   border-radius: 0;
}
/*------------------------------------------------------
				会社概要
-------------------------------------------------------*/
iframe{
	width: 70%!important;
    height: 300px!important;	
}
}
/*ここからスマホ用（667px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 667px){
/*------------------------------------------------------
				ページタイトル
-------------------------------------------------------*/
.page_title_box .page_title{
	padding-top: 70px;
	padding-bottom: 70px;
}
.main_content{
		margin-top: 50px!important;
}
.page_title_box .page_title .circle1{	
	width: 45px;
	left: -20px;
    top: -10px;

}
.page_title_box .page_title .circle2{	
	width: 30px;
	right: -15px;
    bottom: -8px;
}
/*-------------------------------------------------------
					1日の流れ
-------------------------------------------------------*/
.flow .box_item .box_img1{
	margin-right: 0%;
	
}
.flow .box_item .box_img2{
	margin-left: 0%;
}
/*-------------------------------------------------------
					社員インタビュー
-------------------------------------------------------*/
.video_wrap {
    height: 25vh;
}
.interview .cate_box{
	flex-direction: column-reverse;
}
	.interview .cate_box .box_item1{
		margin: auto;
		margin-top: 15px;
	}
.interview2 .cate_box .box_txt1{
	border-right: 1px solid #ff9cb6;
}
.interview2 .box_wrap .cate_box{
	width: 100%!important;
	margin-left: 0%;
}
/*-------------------------------------------------------
					募集要項
-------------------------------------------------------*/
.recruit .cate_box .box_txt1{
    border-right: 1px solid #ff9cb6;
}
/*-------------------------------------------------------
					ブログ
-------------------------------------------------------*/
.blog .box_item{
flex-direction: column;
}
.blog .box_img1,.blog .box_img2{
width: 100%;
}
.blog .box_img1{
margin-right:0%;
}
.blog .box_img2{
margin-top:10px;
}
/*-------------------------------------------------------
				現在の空き状況	
-------------------------------------------------------*/
.availability .cate_box .box_title1{
	padding-right: 7px!important;
	padding-left: 7px!important;
	letter-spacing: 1.5px;
}
/*------------------------------------------------------
				会社概要
-------------------------------------------------------*/
iframe {
    width: 90%!important;
    height: 200px!important;
}
/*-------------------------------------------------------
					プライバシーポリシー
-------------------------------------------------------*/
.privacy p a{
	padding: 3px  5px;
}
}