@charset "utf-8"


/* iOS */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
  background-color: transparent;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* PC */
body {
	max-width:1900px;
}

p {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h1 {
	font-size: 1em;
	padding-top: 1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header {
	padding-top: 10px;
	
}

header p {
	float:left;
}

* { 
    margin: 0px; 
    padding: 0px; 
}


/* ハンバーガーメニュー */
#ham-menu {
    background-color: #fff; /*メニュー背景色*/
    box-sizing: border-box;
    height: 100%;
    padding: 10px 40px; /*メニュー内部上下左右余白*/
    position: fixed;
    right: -500px; /*メニュー横幅①と合わせる*/
    top: 0;
    transition: transform 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 500px; /*メニュー横幅①*/
    z-index: 1000;
}

/*メニューアイコン部分は疑似要素で*/
#ham-menu::before {
    background-color: #fff; /*ボタン部分背景色*/
    border-radius: 0 0 0 10px; /*左下角丸*/
    color: #333; /*アイコン（フォント）色*/
    content: "≡"; /*メニューアイコン*/
    display: block;
    font-size: 50px; /*アイコン（フォント）サイズ*/
    height: 50px;
    line-height: 50px; /*縦位置中央化*/
    position: absolute;
    right: 100%;
    text-align: center;
    top: 0;
    width: 50px;
}

/*透過背景部分*/
#menu-background {
    background-color: #333; /*黒背景部分背景色*/
    display: block;
    height: 100%;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s; /*0.3s は変化するのにかかる時間*/
    width: 100%;
    z-index: -1;
}

/*hover 時の処理*/
#ham-menu:hover {
    transform: translate(-300px); /*メニュー横幅①と合わせる*/
}

#ham-menu:hover + #menu-background {
    opacity: 0.5; /*黒背景部分透過度*/
    z-index: 999;
}

.list_test-wrap {
    list-style:  none;  /* デフォルトのアイコンを消す */
    margin:  0;         /* デフォルト指定上書き */
    padding: 0;         /* デフォルト指定上書き */
}
 
.list_test:before {
    content:  "";                 /* 空の要素作成 */
    width: 30px;                            /* 幅指定 */
    height: 30px;                           /* 高さ指定 */
    display:  inline-block;                 /* インラインブロックにする */
    position:  relative;                    /* アイコンの位置を調整 */
    top: -5px;                      /* アイコンの位置を調整 */
    margin-right: 5px;                      /* 余白指定 */
    background-image:url(../images/top_logo.png);  /* アイコン指定 */
    background-size:  contain;              /* アイコンの大きさ指定 */
    background-repeat:  no-repeat;          /* アイコンをリピートしないようにする */
    vertical-align: top;                    /* アイコンの位置を調整 */
}
 
.list_test {
    padding:5px;                         /* 余白指定 */
    margin-bottom: 25px;                     /* 要素と要素の間指定 */
    font-size:  16px;                       /* 文字サイズ指定 */
	font-weight:bold;
}

.list_test-wrap a:link { color:#000; text-decoration:none }
.list_test-wrap a:visited { color:#000; text-decoration:none }
.list_test-wrap a:hover { color:#000; text-decoration:none }
.list_test-wrap a:active { color:#000; text-decoration:none }

li {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	

/* ハンバーガーメニューここまで */
.wrapper {
    background: linear-gradient(90deg, rgb(250, 223, 129), rgb(248, 197, 22));
	
}

.pc { display: block !important; }
.sp { display: none !important; }

.top_text {
	width: 100%;
	height: 0;
	min-width: 360px;
    background-image: url(../images/photho_3.png);
	background-repeat: no-repeat;
	background-size:cover;
	padding-top: 20%;
	padding-bottom: 30%;
	text-align: center;
}

.top_text p {
	font-size: 2.3em;
	margin: auto;
	color:#fff;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-shadow: 1px 2px 3px #808080;
}


.big_logo {
	text-align: center;
}

.big_logo img {
	max-width: 40vw;
	padding-top: 10vh;
	padding-bottom: 20vh;
}

.search {
	width: 1200px;
	height: 460px;
	padding-top: 240px;
	margin: auto;
}

.search img {
	float: left;
	margin-right: 46px;
}



.search p {
	font-size: 1.8em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7em;
padding-bottom: 80px;
}

.search_right {
	padding-top: 70px;
}

.button {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #e20001;
  border: 2px solid #e20001;
  color: #fff;
  line-height: 50px;
  margin-right: 20px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover {
  background-color: #f8c516;
  border-color: #e20001;
  color: #e20001;
}

/* 2列のボタン */
.button2 {
  display: inline-block;
  width: 320px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #e20001;
  border: 2px solid #e20001;
  color: #fff;
  line-height: 50px;
  margin-right: 20px;
}
.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button2:hover {
  background-color: #f8c516;
  border-color: #e20001;
  color: #e20001;
}




footer {
	text-align: center;
	font-size: 14px;
	color: #474747;
	margin-top: 220px;
	padding-bottom: 20px;
}

/* アルバイトˆ */

.baito_top img {
	width: 100%;
}

.message_title {
	font-size: 1.8em;
	font-weight: bold;
	text-align:center;
	padding-top: 150px;
	padding-bottom: 80px;
}

.interview {
	width: 1100px;
	text-align: center;
	margin:auto;
	background-color:#fff;
	padding-top: 80px;
	padding-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
}

.interview_left {
	width: 656px;
}

.interview_right {
	width: 500px;
	float: right;
}


.interview img {
    margin-right: 40px;
    }

.voice_title {
	font-size: 1.8em;
	line-height:1.5em;
	text-align:left;
}

.voice_text{
	font-size: 1em;
	line-height: 1.9em;
	text-align:left;
}

hr {
  border-top: 3px dashed #000;
  margin-top: 15px;
  margin-bottom: 10px;
}

.profile {
	margin-bottom: 15px;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
}

.space {
	height: 80px;
}

.btn_2 {
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.btn_3 {
	text-align: center;
	width:900px;
	margin:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.btn_3_2 {
	text-align: center;
	width:900px;
	margin:auto;
	padding-top: 30px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* アルバイト */

.baito_top img {
	width: 100%;
}

.message_title2 {
	font-size: 1.8em;
	font-weight: bold;
	text-align:center;
	padding-top: 150px;
	padding-bottom: 80px;
}

.interview2 {
	width: 1100px;
	text-align: center;
	margin:auto;
	padding-top: 60px;
	padding-bottom: 80px;
	padding-left: 60px;
	padding-right: 60px;
}

.interview_left2 {
	width: 656px;
}

.interview_right2 {
	width: 500px;
	float: right;
	line-height: 3em;
	text-align:left;
	padding-top:80px;
	
}

.profile2 {
	margin-bottom: 50px;
	font-size: 1.2em;
	font-weight: bold;
	text-align:left;
}
.interview2 img {
    margin-right: 40px;
    }

.voice_title2 {
	font-size: 1.8em;
	line-height:1.5em;
	text-align:left;
}

.voice_text2 p {
	font-size: 1em;
	line-height: 1.9em;
	text-align:left;
	
}

.voice_title3 {
	font-size: 1.2em;
	line-height:1.5em;
	text-align:left;
	font-weight:bold;
}

.voice_text3{
	font-size: 1em;
	line-height: 1.5em;
	text-align:left;
}

.voice_title5 {
	font-size: 1.2em;
	line-height:1.5em;
	text-align:left;
	font-weight:bold;
	margin-top: 30px;
}

.voice_text5{
	font-size: 1em;
	line-height: 1.5em;
	text-align:left;
}


hr {
  border-top: 3px dashed #000;
  margin-top: 15px;
  margin-bottom: 10px;
}
/* スマホ */

@media (max-width: 766px) {
	
h1 {
	font-size: 0.2em;
	padding-top: 2.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

header {
	padding-top: 10px;
	padding-left: 10px;
	height: 80px;

}

header p {
	float:left;

}



.search {
	width: 100%;
	padding-top: 20px;
	margin: auto;
	text-align:center;
}

.search img {
	float: none;
	width:80%;
	text-align:center;
	margin:auto;
	margin-top:50px;
}



.search p {
	font-size: 1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height: 1.7em;
padding-top:0px;
text-align:center;
margin-top:0px;
width:90%;
	text-align:center;
	margin:auto;
}

.search_right {
	text-align:center;
	margin:auto;
	padding-top: 0px;
	margin-top: 0px;
	float:none;
}


.sp_p {
	margin-top: 80px;
}

.sp_p2 {
	margin-top: 10px;
}




.top_text {
	width: 100%;
	height: 0;
    background-image: url(../images/sp_photo_1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	padding-top: 20%;
	padding-bottom: 50%;
	text-align: center;
}

.top_text p {
	font-size: 1.8em;
	margin: auto;
	color:#fff;
	font-weight: bold;
	letter-spacing: 0.2em;
	text-shadow: 1px 2px 3px #808080;
	text-align:center;
}

.pc { display: none !important; }
.sp { display: block !important; }



.big_logo {
	text-align:center;
	
}

.big_logo img {
	max-width: 80%;
	padding-top: 5vh;
	padding-bottom: 10vh;
}

.message_title {
	font-size: 1.5em;
	font-weight: bold;
	text-align:center;
	padding-top: 80px;
	padding-bottom: 20px;
}

.interview {
	width: 95%;
	text-align: center;
	margin:auto;
	background-color:#fff;
	padding-top: 40px;
	padding-bottom: 40px;
	padding-left: 0;
	padding-right: 0;
}
.interview_left {
	width: 100%;
	text-align:center;
	margin:auto;
}

.interview_right {
	width: 90%;
	text-align:center;
	margin:auto;
	float:none;
}




.interview img {
	text-align:center;
	margin:auto;
	width: 90%;
	margin-top:20px;
    }

.voice_title {
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	line-height:1.5em;
	text-align:left;
}

.voice_text{
	width: 100%;
	font-size: 0.9em;
	line-height: 1.9em;
	text-align:left;
}

hr {
  width: 100%;
  border-top: 3px dashed #000;
  margin-top: 15px;
  margin-bottom: 10px;
}

.profile {
	margin-bottom: 15px;
	font-size: 1em;
	font-weight: bold;
	text-align:left;
	margin-left: 10px;
}

.space {
	height: 80px;
}

.btn_2 {
	text-align: center;
	width:70%;
	margin: auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

.btn_3 {
	text-align: center;
	width:70%;
	margin:auto;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	
}

.btn_3_2 {
	text-align: center;
	width:70%;
	margin:auto;
	padding-top: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



/* アルバイトページのボタン */

.button {
  display: block;
  width: 70vw;
  margin:auto;
  height: 54px;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #e20001;
  border: 2px solid #e20001;
  color: #fff;
  margin-top: 30px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button:hover {
  background-color: #f8c516;
  border-color: #e20001;
  color: #e20001;
}

/* 2列のボタン */
.button2 {
  display: block;
  width: 100%;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
  background-color: #e20001;
  border: 2px solid #e20001;
  color: #fff;
  line-height: 50px;
  margin-top: 30px;
  margin-right: 0px;
  margin-left: 0px;
}

.button2::before,
.button2::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button2,
.button2::before,
.button2::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

.button2:hover {
  background-color: #f8c516;
  border-color: #e20001;
  color: #e20001;
}

footer {
	text-align: center;
	font-size: 12px;
	color: #474747;
}

.profile2 {
	margin-bottom: 15px;
	font-size: 1em;
	font-weight: bold;
	text-align:center;
}

.voice_text2 {
	width: 100%;
	font-size: 0.9em;
	line-height: 1.9em;
	text-align:left;
}


.interview_left2 {
	width: 100%;
	text-align:center;
	margin:auto;
}

.interview2 {
	width: 90%;
	text-align: center;
	margin:auto;
	padding-top: 50px;
	padding-bottom: 80px;
	padding-left: 0px;
	padding-right:0px;
}

.interview_right2 {
	width: 90%;
	text-align:center;
	margin:auto;
	float:none;
}




.interview2 img {
	text-align:center;
	margin:auto;
	width: 90%;
	margin-top:20px;
    }
	
.top_footer {
	margin-top: 350px;
}

}