@charset "utf-8";
/* Reset */
body{-webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; -moz-text-size-adjust:100%;}
html{overflow-y:scroll;overflow-x: hidden; font-size:16px; color:#333333; line-height:1.7; word-spacing:0; font-family: 'Noto Sans JP', sans-serif;}
*{margin:0; padding:0; box-sizing:border-box; border:0;}
h1, h2, h3, h4, h5, h6{font-size:100%; font-weight:normal;}
ol, ul{list-style:none;}
table{border-collapse:collapse; border-spacing:0;}
caption, th{text-align:left; font-weight:normal;}
a{color:inherit; text-decoration:none;}
img{vertical-align:bottom; max-width:100%;}

.clearFix:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
.sp{display:none;}
.caption{font-size:10px; line-height:1.2;}
.content{max-width:1006px; margin:0 auto; width:100%;}


/* wrapper */
#wrapper {margin-top:94px;}
.section1{background:url(../img/mv.jpg) no-repeat top; background-color:#000; padding-bottom:20px;}
#mv h1{font-size:90px; line-height:1; color:#fff; text-align:center; font-weight:700; letter-spacing:0.05em; padding:20px 0;}
#mv h1 span:nth-of-type(1){font-size:60px; display:inline-block; vertical-align:top; border-left:0.08em solid #fff; border-right:0.08em solid #fff; padding:0.3em 0.5em; margin:0 0.5em 0 0;}
#mv .inner{max-width:1230px; width:96%; margin:0 auto 8vw;}
#mv .img-point{float:left; width:22.9%;}
#mv .img-logo{float:right; width:21.39%;}
#mv .splatter_zone {max-width:1230px; margin:0 auto 20px;width:96%;position:relative;}
#mv .splatter_zone .splatter_text {position:absolute; top:4px;left:18px;color:#FFF;font-weight:300;font-size:24px;}
#mv .splatter_zone .splatter_text span {font-size:50px;font-weight:900;}

.img-point{ position:relative; color:#fff; text-align:center;}
.img-point p, #mv .img-logo p{ position:absolute; left:0; right:0; margin:auto; font-weight:bold;text-align:center;}
.img-point .mv_txt1{ top:17px; font-size:36px; line-height:1.3;text-align:center;}
.img-point .mv_txt2{ top:113px; font-size:25px; line-height:1;text-align:center;}
.img-point .mv_txt3{ top:142px; color:#e72d26; font-size:100px; line-height:0.6;text-align:center;}
.img-point .mv_txt3 span{ display:inline-block; color:#000; font-size:40px; line-height:1.2;text-align:center;}
.img-point .mv_txt4{ top:250px; font-size:22px; line-height:1; color:#000; margin-left:-0.5em;text-align:center;}
.img-point .mv_txt4 span{ color:#e72d26; font-size:55px; }
.img-point .mv_txt4:last-of-type{ top:auto; bottom:20px;}
.img-point .add{ bottom:75px; font-size:22px; color:#000; line-height:1;text-align:center;}

.ejoica {right:20px;bottom:-160px;position:absolute;}

#mv .img-logo{ position:relative; color:#fff; text-align:center;margin-top:-120px;}
#mv .logo_txt{top:77px; font-size:20px; line-height:1.3;}
#mv  .no{ bottom:47px; font-size:45px; color:#e72d26;}

#point{ background:#000; color:#fff; line-height:1.3; font-weight:bold; padding:25px 10px;}
#point ul{ text-align:center;}
#point li{ float:left; width:33.333%; font-size:30px;  padding:2% 3%; position:relative; border:1px solid #e72d26; text-align:center;}
#point div {border:1px solid #e72d26;text-align:center;padding:2% 3%;}
#point li p{ display:inline-block;}
/*#point li:before{position:absolute; top:0; left:0; background:url(../img/point_label.png) no-repeat; background-size:100% 100%; width:29px; height:29px; content:'';}*/
#point li:nth-of-type(1), #point li:nth-of-type(2){ width:50%;}
#point li:nth-of-type(1) .txt1, #point li:nth-of-type(2) .txt1{position:absolute; top:-1.2em; left:0;}
#point li:nth-of-type(1) .txt2{ padding-left:0}
#point li:nth-of-type(2){padding:2% 0 2% 3%;}
#point li:nth-of-type(1), #point li:nth-of-type(2){ padding-top:3.5%;}
#point p{position:relative;}
#point .txt1{font-size:25px; text-align:center; display:inline-block;}
#point .txt2{font-size:76px; font-family: 'Francois One', sans-serif; color:#e72d26; line-height:0.9;}
#point .txt3{ font-size:22px; text-align:left;}
#point .txt3:nth-of-type(1){ display:block; padding-bottom:5px;}
#point .txt4{font-size:58px; font-family: 'Francois One', sans-serif; color:#e72d26; line-height:0.9;}
#point .txt5{font-size:46px; font-family: 'Francois One', sans-serif; color:#e72d26; line-height:0.9;}

#wrapper h2{background:url(../img/bg_h2.png) no-repeat center center; font-size:32px; line-height:1; color:#fff; height:116px; text-align:center; font-weight:bold; padding:25px 0 0 0; margin:0 0 30px;}
h3{font-size:37px; line-height:1; font-weight:bold; position:relative; padding:20px 10px; margin:0 0 80px; background:#e72d26; color:#fff; text-align:center; position:relative;}
h3:after{width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent; border-top:20px solid #e72d26; position:absolute; bottom:-19px; left:50%; content:''; transform:translateX(-50%); -webkit-transform:translateX(-50%);}

.pankuzu{
	margin:0 auto 0;color:#fff;background:#000;font-size:14px;width:100%;padding-left:30px;padding-top:3px 0;
	}

.main-tit{font-size:30px; line-height:1.5; color:#231815; font-weight:bold; text-align:center;}
.main-txt{font-size:20px; text-align:center; color:#000;}
.btn-contact{margin:20px auto 50px; max-width:1006px; width:80%; text-align:center; color:#fff; font-size:40px; background:url(../img/bg_btn.gif) repeat-x; line-height:124px; display:block; font-weight:bold;}
.btn-contact:hover{background:#cc1801;}


.section{padding:0 15px 90px;}
.group1{background:#000;}
.group2{background:#ebedde;}

#service .main-tit.big{margin:0 0 15px;}
#service .main-tit.big span{ display:inline-block;}
#service .main-txt{margin:0 0 40px;}
#service .box-map{margin:0 0 50px;}
#service .box-map2{margin:0 0 45px;}
#service .box-map2 li{width:33.333%; float:left; padding:15px 10px; text-align:center; border-left:1px solid #323333; margin-bottom:20px;}
#service .box-map2 li:nth-of-type(3n){border-right:1px solid #323333;}
#service .box-map2 .num{margin:0 auto 5px; width:50px; height:50px; background:#e72d26; color:#e72d26; padding:9px 0;}
#service .box-map2 .num span{width:32px; height:32px; margin:0 auto; text-align:center; line-height:30px; font-weight:bold; background:#fff; border-radius:100%; font-size:20px; display:block;}

#service .box-map2 li:nth-of-type(4) .num, #service .box-map2 li:nth-of-type(5) .num, #service .box-map2 li:nth-of-type(6) .num{ color:#fff; background:#fff;}
#service .box-map2 li:nth-of-type(4) .num span, #service .box-map2 li:nth-of-type(5) .num span, #service .box-map2 li:nth-of-type(6) .num span{ background:#000;}

#service .box-map2 .txt span{ display:block;}
#service .box-map2 .txt span:nth-of-type(1){ padding-top:15px;}
#service .box-map2 .txt, #service .box2 .txt{line-height:1.5; display:table; width:100%; margin:0 0 15px;}
#service .box-map2 .txt p, #service .box2 .txt p{display:table-cell; vertical-align:middle; width:100%;}
#service .box-map2 a, #service .box2 a{background:url(../img/btn_google.png) no-repeat right bottom; width:116px; margin:0 auto; padding:0 0 13px; line-height:1; display:block;}
#service .box-map2 a:hover, #service .box2 a:hover{color:#fed400;}
#service .dormitory .tit{margin:0 0 40px; position:relative; font-size:32px; font-weight:bold; text-align:center; color:#000;}
#service .dormitory .tit:before{position:absolute; top:10px; left:0; right:0; bottom:10px; background:#fff; content:''; z-index:-1;}
#service .dormitory .tit p{display:inline-block;}
#service .dormitory .tit span{background:url(../img/service_label.png) no-repeat; width:196px; height:90px; color:#fff; display:inline-block; line-height:90px; text-align:center; margin:0 0.4em;}
#service .dormitory .box1{margin:0 0 30px;}
#service .dormitory .box1-left{float:left; width:51.5%; color:#2e2421;}
#service .dormitory .box1-left .caption{font-weight:normal; padding:10px 0 0 0;}
#service .dormitory .box1-right{float:right; width:46.919%;}
#service .dormitory .box2{ margin-bottom:20px;}
#service .dormitory .box2 .item{width:46.919%; margin:0 6.162% 0 0; float:left; text-align:center; border-bottom:1px #000 solid;}
#service .dormitory .box2 .item:nth-of-type(2){margin:0;}
#service .dormitory .box2 .item p{ font-size:25px; padding:3px 0 5px;}
#service .dormitory .box2 .item p span{ font-size:16px;}
#service .dormitory .box2 .img{margin:0 0 15px;}
#service .dormitory .box2 .inner{padding:5px;}
#service .dormitory .box2 .inner .num{margin:0 auto 10px; width:32px; height:32px; text-align:center; border-radius:100%; background:#e72d26; color:#fff; font-size:20px; font-weight:bold; line-height:30px;}
#service .dormitory .box2 .item:nth-of-type(1) .inner{border-left:1px solid #323333;}
#service .dormitory .box2 .item:nth-of-type(2) .inner{position:relative;}
#service .dormitory .box2 .item:nth-of-type(2) .inner:before,
#service .dormitory .box2 .item:nth-of-type(2) .inner:after{content:''; height:100%; width:1px; background:#323333; position:absolute; top:0;}
#service .dormitory .box2 .item:nth-of-type(2) .inner:before{left:-2.5%;}
#service .dormitory .box2 .item:nth-of-type(2) .inner:after{right:-2.5%;}
#service .dormitory .box2 .item:nth-of-type(3) .inner{border-right:1px solid #323333;}

#city_ota{ background:#000; z-index:10; padding:0 15px;}
#city_ota .ota_inner{ background:#fff; padding:5% 5.5% 3%; position:relative;}
#city_ota .ota_inner .box3_tit{ font-size:26px; font-weight:bold; text-align:center; line-height:1.4; border-bottom:1px #E72D26 solid; padding-bottom:25px; margin-bottom:25px;}
#city_ota .ota_inner .box3_tit span{ display:inline-block;}
#city_ota .ota_inner .txt{ margin-bottom:25px;}
#city_ota .ota_inner .img li{ float:left; width:48%; margin:0 4% 0 0;}
#city_ota .ota_inner .img li:nth-of-type(2n){ margin:0;}

.welfare_img{ margin-top:-3%;}

#job{padding-bottom:35.6%; background-image:url(../img/hours_img8.jpg), url(../img/job_img8.jpg); background-position:top left, bottom left; background-size:100% auto, 100% auto; background-repeat:no-repeat, no-repeat; background-color:#000; position:relative;}
#job h2{margin:0 0 20vw;}
#job .box-img{}

#job .box-cont{background-color:rgba(255,255,255,.85); padding:3.1% 3.1% 15px; margin-bottom:20px;}
#job .box-cont .item{width:48.2%; float:left; margin:0 3.6% 3.6% 0; font-size:13px;}
#job .box-cont .item:nth-of-type(2n){margin:0 0 3.6%;}
#job .box-cont .item:nth-of-type(2n+1){clear:both;}
#job .box-cont .item:nth-last-of-type(1),
#job .box-cont .item:nth-last-of-type(2){margin-bottom:0;}
#job .box-cont .main-tit{padding:10px 0; line-height:1.2;}

#job .job_bnr{ position:absolute; bottom:9%; left:5.5%; width:41.461%;}

#hours {
    background: #000;
}
#hours h2{margin:0 0 45px;}
#hours .group1{padding:0 15px 50px; background:#000;}
#hours .group1 .box-cont{margin:0 auto 30px; max-width:920px;}
#hours .group1 .item{width:30%; float:left; margin:0 4% 0 0;}
#hours .group1 .item:nth-of-type(3){margin:0;}
#hours .group1 .item p{ margin:0 auto; font-size:24px; line-height:1; text-align:center;}
#hours .group1 .item p:nth-of-type(1){padding:11px 0; color:#fff;}
#hours .group1 .item p:nth-of-type(2){background:#fff; padding:21px 0;}
#hours .group1 .item p{background:#e72d26;}
#hours .group1 .item figure{margin:30px 0 0 0;}
#hours .group1 .txt{text-align:center; color:#fff; font-size:14px; line-height:1.5;}
#hours .group1 .txt span{ display:inline-block;}
#hours .group1 .time{ text-align:center; color:#fff;}
#hours .group1 .time .time_txt1, #hours .group1 .time .time_txt3{ font-size:30px; font-weight:bold;}
#hours .group1 .time .time_txt2{ padding:5px 0;}
#hours .group1 .time .time_txt3{ padding-bottom:40px; letter-spacing:0.15em;}

#hours .group2{padding:55px 0 0; background:#e72d26;}
#hours h3, #hours .group2 .tit{font-size:37px; text-align:center; color:#fff; border-bottom:1px solid #fff; max-width:1000px; margin:0 auto 25px; padding:0 15px 25px; font-weight:bold; line-height:1.4;}
#hours h3{ background:none;}
#hours h3:after{ display:none;}
#hours .group2 h3 span{ display:inline-block; color:#fff;}
#hours .group2 .txt span{ display:block; color:#fff;}
#hours .group2 .tit{ border:none; padding:10px 15px; margin:0 auto 25px; display:table; position:relative;}
#hours .group2 .tit span:nth-of-type(1){ padding-right:10px;}
#hours .group2 .tit span:nth-of-type(2){ padding-left:10px;}

#hours .group2 .point_02{ max-width:1254px; margin:0 auto 25px; padding:0 15px;}
#hours .group2 .point_02 li{ background:#fff; margin:0 0 15px; position:relative;}
#hours .group2 .point_02 li:last-of-type{ margin:0;}
#hours .group2 .point_02 p{ padding:20px 10px 20px 280px; font-weight:bold; line-height:1.2; font-size:35px;}
#hours .group2 .point_02 span{ width:250px; height:100%; top:0; font-size:34px; color:#fff; background:#000; display:inline-block; text-align:center; padding:0 10px; position:absolute; left:0; display: flex; justify-content: center; flex-direction: column;}

#hours .group2 .txt{font-size:22px; text-align:center; color:#231815; padding:0 15px; margin:0 0 25px; line-height:2;}
#hours .group2 .box-cont{max-width:1254px; padding:0 15px; margin:0 auto 70px;}
#hours .group2 .item{width:48.4%; float:left; background:#fff;}
#hours .group2 .item:nth-of-type(2){float:right;}
#hours .group2 .item .tit2{font-size:24px; line-height:1.3; font-weight:bold; text-align:center; color:#072b67; padding:20px 0; border-bottom:10px solid #66ccff; position:relative;}
#hours .group2 .item .tit2:before,
#hours .group2 .item .tit2:after{content:''; height:10px; position:absolute; bottom:-10px;}
#hours .group2 .item .tit2 span{font-size:36px; display:block;}
#hours .group2 .item .note{padding:7% 7% 20px; position:relative; color:#e72d26;}
#hours .group2 .item .note p{position:absolute; top:54%; transform:translateY(-50%); -webkit-transform:translateY(-50%); font-size:19px; line-height:1.35; font-weight:bold;}
#hours .group2 .item .note span{font-size:15px; font-weight:normal; display:block; margin:0.2em 0 0 -0.5em; color:#000;}
#hours .group2 .item .txt2{padding:0 7% 7%; font-size:15px;}

#hours .group2 .item:nth-of-type(1) .tit2:before{width:50%; right:0; background:#2eb6aa;}
#hours .group2 .item:nth-of-type(2) .tit2:before{width:33.33%; right:33.33%; background:#2eb6aa;}
#hours .group2 .item:nth-of-type(2) .tit2:after{width:33.33%; right:0; background:#006bbe;}

#hours .group2 .item:nth-of-type(1) .note p{left:42%;}
#hours .group2 .item:nth-of-type(2) .note p{left:43%;}

#salary .main-tit{color:#fff; padding:0 15px 20px;}
#salary .main-tit span{ display:inline-block;}
#salary .box-cont{padding:25px 0; background:#fff;}
#salary .box-cont ul{margin:0 0 20px;}
#salary .box-cont li{width:50%; float:left; text-align:center; font-size:29px; font-weight:bold;}
#salary .box-cont li:nth-of-type(1){border-right:1px solid #072b67;}
#salary .box-cont li span{font-size:48px; line-height:1; font-family: 'Francois One', sans-serif; display:inline-block; position:relative; color:#e72d26;}
#salary .box-cont .txt{text-align:center; line-height:1.5;}
#salary .box-cont .goukei {text-align:center;font-size:29px;font-weight:bold;}
#salary .box-cont .goukei2{text-align:center;font-size:16px;font-weight:bold;}
#salary .box-cont .goukei span {font-size:48px; line-height:1; font-family: 'Francois One', sans-serif; display:inline-block; position:relative; color:#e72d26}
#salary .box-cont .goukei2 span {font-size:28px; line-height:1; font-family: 'Francois One', sans-serif; display:inline-block; position:relative; color:#e72d26}

#allowance{ background:#e72d26; position:relative;}
#allowance h2{margin:0 0 40px; background:url(../img/bg_h2_02.png) no-repeat center center;}
#allowance .item:nth-of-type(1){width:49%; float:left; margin:0 0 2%;}
#allowance .item:nth-of-type(2){width:49%; float:right; margin:0 0 2%;}
#allowance .item:nth-of-type(3){clear:both;}
#allowance table{width:100%; font-size:20px; line-height:1.5;}
#allowance table th{width:148px; vertical-align:middle; border-right:5px solid #ebedde; background:#000; color:#fff; text-align:center;}
#allowance table.tbl1 td{border-right:5px solid #ebedde;}
#allowance table.tbl1 td:last-of-type{border-right:none;}
#allowance table.tbl1 td p{border-bottom:2px solid #8395b3; background:#fff; padding:8px 0;}
#allowance table.tbl1 td p:last-of-type{ border:none;}
#allowance table td span:nth-of-type(1){display:inline-block; width:140px; text-align:right; color:#e72d26; font-size:26px;}
#allowance table td span:nth-of-type(1) small{ color:#000; font-size:20px;}
#allowance table td span:nth-of-type(2){display:inline-block; font-size:13px; padding:0 0 0 15px;}
#allowance table p:last-of-type{border-bottom:none;}

#allowance table tr{}

#allowance table.tbl2 th{border-bottom:2px solid #fff;}
#allowance table.tbl2 td{border-bottom:2px solid #8395b3; background:#fff; padding:8px 0; text-align:center;}
#allowance table.tbl2 td p{display:inline-block; text-align:left; width:140px;}
#allowance table.tbl2 tr:last-of-type th,
#allowance table.tbl2 tr:last-of-type td{border-bottom:none;}
#allowance table.tbl2 td span:nth-of-type(1){ text-align:left;}
#allowance table.tbl2 td span:nth-of-type(1){ width:190px;}
#allowance .caption{ text-align:left; padding-top:5px; color:#fff;}
#allowance .sub{ display:inline-block; font-size:10px !important; vertical-align:top; color:#e72d26;}

#welfare.section{ padding:0 15px 30px;}
#welfare .list li{font-size:14px; line-height:1.5; color:#fff; width:33.33%; border-right:1px solid #e72d26; text-align:center; padding:10px 0; margin:0 0 5%; float:left;}
#welfare .list li:nth-of-type(3n+1){border-left:1px solid #e72d26; clear:both;}
#welfare .list li p:nth-of-type(1){font-size:22px; font-weight:bold; margin:0 0 10px; color:#e72d26;}
#welfare .list li p:nth-of-type(1) span{font-size:12px;}
#welfare .list2 li{width:49%; float:left; background:#fff; padding:13px 0; text-align:center;}
#welfare .list2 li:nth-of-type(2){float:right;}
#welfare .list2 li p{line-height:1.3; display:inline-block; color:#072b67;}
#welfare .list2 li .txt1{font-size:21px;}
#welfare .list2 li .txt2{font-size:32px; font-weight:bold; color:#e72d26;}

#holiday{position:relative; background:#e72d26;}
#holiday h2{ background: url(../img/bg_h2_02.png) no-repeat center center;} 

#holiday .box-cont{padding:25px 0; background:#fff;}
#holiday .box-cont ul{margin:0 0 20px;}
#holiday .box-cont li{width:50%; float:left; text-align:center; font-size:32px; line-height:1.4; font-weight:bold;}
#holiday .box-cont li:nth-of-type(1){border-right:1px solid #000;}
#holiday .box-cont li span{ display:block; color:#e72d26;}
#holiday .box-cont .txt{ text-align:center;}

#flow{padding:0 15px; text-align:center; background:#fff;}
#flow .item{ border-bottom:2px #e72d26 solid; position:relative; margin-bottom:25px;}
#flow .item:after{ position:absolute; content:''; left:0; right:0; bottom:-25px; margin:auto; width:85px; height:23px; background:url(../img/next_row.png) no-repeat center;}
#flow .item:last-of-type{ margin:0; border:none;}
#flow .item:last-of-type:after{ display:none;}
#flow .tit{ font-size:37px; font-weight:bold; color:#e72d26; line-height:1; padding:15px 0;}
#flow .txt{ font-size:20px; padding-bottom:30px;}
#flow .txt span{ display:inline-block;}
#flow .flow_btn li{ float:left; width:49%; margin:0 2% 0 0;}
#flow .flow_btn li:nth-of-type(2){ margin:0;}
#flow ul {zoom:0.8;}

#faq{ background:#000;}
#faq h2{ line-height:1.2; font-size:27px; padding:10px 0 0;}
#faq ul{background:#fff; padding:2.1%;}
#faq li{border-bottom:1px dotted #dfdfdf; padding:0 0 20px 0; margin:0 0 20px;}
#faq li:last-of-type{border-bottom:none; padding:0; margin:0;}
#faq li p{position:relative; padding:0 0 0 50px;}
#faq li p:before{width:34px; height:34px; position:absolute; top:0; left:0; font-size:24px; line-height:34px; text-align:center;}
#faq li p:nth-of-type(1){font-size:20px; color:#e72d26; font-weight:bold; margin:0 0 15px;}
#faq li p:nth-of-type(1):before{content:'Q'; color:#fff; background:#e72d26;}
#faq li p:nth-of-type(2):before{content:'A'; color:#fff; background:#333;}


#benefits{ background:#000;}
#benefits .box-cont{max-width:1036px; margin:0 auto; padding:0 15px 60px; font-size:20px;}
#benefits .box{margin:0 0 35px;}
#benefits .boxL{width:69.9%; float:left; color:#fff;}
#benefits .boxR{width:27.8%; float:right;}
#benefits .box .note{text-align:right;}
#benefits .list li{width:48.7%; margin:0 2.6% 2.6% 0; background:#fff; float:left; border:1px solid #072b67; position:relative; color:#000; padding:40px 2.5% 15px; word-break:break-all;}
#benefits .list li:nth-of-type(2n){margin:0 0 2.6%;}
#benefits .list li:after{width:0; height:0; border-left:40px solid transparent; border-right:40px solid transparent; border-top:20px solid #e72d26; position:absolute; top:0; left:50%; content:''; transform:translateX(-50%); -webkit-transform:translateX(-50%);}
#benefits .list .num, #benefits .list .tit{text-align:center; margin:0 0 10px; font-weight:bold;}
#benefits .list .num{font-size:28px; line-height:1; color:#e72d26;}
#benefits .list .tit{font-size:28px; line-height:1.4; color:#000;}
#benefits .list .tit span{display:inline-block;}
#benefits .list a{background-image: linear-gradient(#df6f61, #cc1801, #df6f61); font-size:25px; line-height:1; padding:13px 0; text-align:center; color:#fff; display:block; font-weight:bold; margin:14px 0 0 0; position:relative;}
#benefits .list a:before, #benefits .list a:after{position:absolute; top:0; content:''; width:12px; height:100%; background:#cc1801;}
#benefits .list a:before{left:0;}
#benefits .list a:after{right:0;}
#benefits .list a:hover{background:#cc1801;}
#benefits .txt{font-size:24px; text-align:center; padding:5px 0; font-weight:bold; border:1px solid #072b67; color:#fff; background:#fff; color:#072B67;}

#contact .box-cont{max-width:1036px; margin:0 auto; padding:0 15px 60px;}
#contact table{width:100%; margin:0 0 60px;}
#contact tr{vertical-align:middle;}
#contact th, #contact td{padding:0 0 30px; line-height:1;}
#contact th{width:305px; font-size:28px;}
#contact th p{position:relative;}
#contact th p:after{position:absolute; top:50%; right:15px; content:'必須'; font-size:17px; line-height:1.2; color:#fff; background:#d7000f; width:65px; text-align:center; padding:2px 0 4px; border-radius:5px; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:block;}
#contact tr:nth-of-type(2) th,
#contact tr:nth-of-type(3) th,
#contact tr:nth-of-type(8) th{padding-top:30px;}
#contact tr:nth-of-type(4), #contact tr:nth-of-type(10){vertical-align:top;}
#contact tr:nth-of-type(4) th{padding-top:40px;}
#contact tr:nth-of-type(4) td ul{margin-bottom:20px;}
#contact tr:nth-of-type(10) th{padding-top:15px;}

#contact input[type=text], 
#contact select,
#contact textarea,#contact input[type="tel"]{width:100%; border:none; border-bottom:1px solid #7f7977; background:#f7f7f7; line-height:1; font-size:15px; height:52px; line-height:52px;
font-family: 'Noto Sans JP', sans-serif;}
#contact input[type=text],#contact input[type="tel"]{padding:0 10px;}
#contact select{text-align:center; padding:0 0 0 10px;}
#contact tr:first-of-type select{text-align-last:center; padding: 0;}
#contact select option{width:100%;}
#contact label{font-size:17px; line-height:1.8;}
#contact input[type=radio],#contact input[type="checkbox"]{width:28px; height:28px; vertical-align:bottom;}
#contact textarea{height:300px; line-height:1.6; padding:10px;}
#contact .submit{width:49%; max-width:490px; height:141px; background:url(../img/bg_btn2.gif) repeat-x; background-size:auto 100%; font-size:46px; font-weight:bold; text-align:center; color:#fff; margin:0 auto; display:block; cursor:pointer;}
#contact .submit:hover{background:#cc1801;}

#contact .list:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
#contact .list li{width:48%; margin:0 4% 0 0; float:left;}
#contact .list li:last-of-type{margin:0;}
#contact .list2{border-bottom:1px solid #7f7977; font-size:28px; padding:15px 0;}
#contact .list2 li{width:150px; display:inline-block;}
#contact .list3:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
#contact .list3 li{max-width:170px; width:31%; margin:0 3.5% 0 0; float:left;}
#contact .list3 li:last-of-type{margin:0;}

#contact input::placeholder {color:#aaaaaa;}

#contact .rows{margin:10px 0 0 0;}
#contact .zip{position:relative;}
#contact .zip:before{content:''; position:absolute; top:50%; left:43%; right:53%; height:1px; background:#4c4341;}
#contact .zip:after{display:block; clear:both; height:0; visibility:hidden; content:"."; zoom:1;}
#contact #zip{width:40%; float:left;}
#contact #zip1{width:50%; float:right;}

.point_sp{ display:none !important;}

.kibou {font-size:28px;}

.page {
    padding: 0 20px;
    max-width:1200px;
    margin:0 auto;
}

ul.pageSetUL {
    display: flex;
    width: 100%;
    margin-top: 10px;
    justify-content: space-between;
    margin-bottom:30px;
}

.page > ul.pageSetUL li:nth-child(odd) {
    margin-left: 20px;
}

.page > ul.pageSetUL li {
    width: initial;
    min-height: 1rem;
}

.page > ul.pageSetUL li:nth-child(1) a:before {
    position: relative;
    top: 5px;
    left: -3px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: " ";
    transform: rotate( -90deg );
    background-color: #000;
    background: url(/contents/pc/images/pagetop.png) no-repeat 0 0;
}

.page > ul.pageSetUL li:nth-child(2) a:after {
    position: relative;
    top: 5px;
    left: 0px;
    display: inline-block;
    width: 20px;
    height: 20px;
    content: " ";
    background: url(/contents/pc/images/pagetop.png) no-repeat 0 0;
}

.maker_intro_title {
	font-weight:bold;
	border-bottom:1px solid #CCC;
	font-size:1.3em;
	margin:10px auto 10px;
	width:1000px;
	}

.title_first {
	margin-top:80px;
	}
	
.maker_intro_text {
	margin:20px auto 20px;
	width:1000px;
	font-size:1.2em;
	}
	
.maker_intro_text a,.maker_intro_text a:-webkit-any-link {
	text-decoration:underline;
	color:#1e90ff;
	}

/*===============================
             MEDIA
================================*/
@media screen and (min-width:0\0) and (min-width:1000px){ 

}

@media only screen and (min-width:1920px){
.section1{ background-size:auto;}
#job .job_bnr{ width:790px;}
}

@media only screen and (max-width:1500px){
.section1{ background-size:100%;}
#mv{ padding-bottom:6vw;}
#mv .inner{ margin: auto;}
}

@media only screen and (max-width:1360px){
#mv h1{font-size:8.5vw;}
#mv h1 span:nth-of-type(1){font-size:5.3vw;}
}

@media only screen and (max-width:1280px){
#mv .mv_txt1{ top:7.5%; font-size:3vw;}
#mv .mv_txt2{ top:36.5%; font-size:2vw;}
#mv .mv_txt3{ top:56%; font-size:7vw;}
#mv .mv_txt3 span{ font-size:2.6vw;}
#mv .mv_txt4{ top:61%; font-size:1.7vw;}
#mv .mv_txt4 span{ color:#e72d26; font-size:4.3vw; }
#mv .img-point .mv_txt4:last-of-type{ top:auto; bottom:20px;}
#mv .add{ bottom:19%; font-size:1.7vw;}

#mv .logo_txt{top:29%; font-size:1.9vw;}
#mv  .no{ bottom:16%; font-size:3.5vw; }
}

@media only screen and (max-width:1036px){
.main-tit{ font-size:3vw;}

#point{font-size:3.4vw;}
#point li:before{width:0.8em; height:0.8em;}
#point .txt1{font-size:2.5vw;}
#point .txt2{font-size:7vw;}
#point .txt3{ font-size:2.2vw;}
#point .txt4{ font-size:5vw;}
#point .txt5{ font-size:4.3vw;}
h3{ font-size:3.8vw;}

#job h2{ margin:0 0 13vw;}
#job .job_bnr{ bottom:5%;}

#salary .box-cont li{ font-size:3vw;}
#salary .box-cont li span{ font-size:7vw;}

#welfare .list2 li .txt1{ font-size:3vw;}
#welfare .list2 li .txt2{ font-size:4.2vw;}

#hours .group2 .item .tit2 span{ font-size:3.6vw;}
#hours .group2 .item .note{ padding:20px 5px;}
#hours .group2 .item:nth-of-type(1) .note p{ left:40%;}
#hours .group2 .item:nth-of-type(2) .note p{ left:41%;}
#hours .group2 .item .note span{ font-size:1.5vw;}
#hours .group2 .item .note p{ font-size:1.9vw; top:50%;}

#hours .group2 .point_02 li{ margin:0 0 2%;}
#hours .group2 .point_02 p{ font-size:3.7vw; padding:3% 10px 3% 25%;}
#hours .group2 .point_02 span{ width:23%; font-size:3.6vw;}

#benefits .list li{ padding:40px 5px 15px;}
#benefits .list .tit{ font-size:26px;}

#contact th, #contact .list2{ font-size:20px;}
#contact label{ font-size:14px;}
#contact select{ font-size:2.1vw;}
#contact input[type="radio"]{ vertical-align:bottom; }
}

@media only screen and (max-width:640px){	
html{ font-size:14px;}
.sp{display:block;}	
.pc{display:none !important;}

#wrapper {margin-top:65px;}

.section1{ background:#000;}
#mv{position:relative; padding:0;}
#mv h1{position:absolute; top:4vw; left:0; width:100%; line-height:0.9; font-size:15vw;}
#mv h1 span:nth-of-type(1){font-size:8vw; padding:0.3em 0.6em; margin:0;}
#mv h1 span:nth-of-type(2){display:block; padding:0 1.2em; text-align:left;}
#mv .inner{margin:0;}
#mv .mt40{margin-top:40px;}
#mv .splatter_zone {
    max-width: 62%;
    margin: 0 auto 20px;
    width: 96%;
    position: absolute;
    top:35vw;
    right:0;
}
#mv .splatter_zone .splatter_text {font-size:2.3vw;top:4px;left:3vw;}
#mv .splatter_zone .splatter_text span {font-size:7.5vw;}
#mv .img-logo{position:absolute; float:none; width:37%; z-index:1; left:2.5%; top:60%;}
.ejoica {width:75%;top:38vw;}
.img-point{width:82%; margin:-9.4% auto 26%; position:relative; z-index:0;}

.img-point .mv_txt1{ top:6.5%; font-size:6vw;}
.img-point .mv_txt2{ top:47.5%; font-size:4vw; text-align:center;}
.img-point .mv_txt3{ top: 50%; font-size: 14vw; text-align:center;}
.img-point .mv_txt3 span{ font-size:5vw;}
.img-point .mv_txt4{ top:44%; font-size:3.5vw; text-align:right; right:4%;}
.img-point .mv_txt4:last-of-type{ bottom:10%;}
.img-point .mv_txt4 span{  font-size:8vw; }
.img-point .img-point .mv_txt4:last-of-type{ top:auto; bottom:20px;}
.img-point .add{ bottom: 27%; font-size: 3.8vw; text-align: right; right: 30%;}

#job .job_bnr{ position:relative; left:auto; bottom:auto; width:100%;}

#mv .logo_txt{top:29%; font-size:2.7vw;}
#mv  .no{ top:55%; font-size:6.5vw; }

#point{background:#000; padding:0; margin:0 4%;}
#point li{ text-align:center; padding:0 0 3%; width:100% !important; font-size:6.5vw; border-top:0;}
#point li:nth-of-type(1){ display:table; margin:auto; border-top:1px solid #e72d26;}
#point li:nth-of-type(1), #point li:nth-of-type(2){ padding:4% 10px 0;}
#point li:nth-of-type(1) .txt1, #point li:nth-of-type(2) .txt1{ position:relative;}
#point li:nth-of-type(3), #point li:nth-of-type(4){ border-right:none;}
#point li.height2{ width:33.333% !important; padding-top:10px;}

#point p{display:inline-block; width:100%;}

#point .txt1{ font-size:3.5vw; display:inline-flex;}
#point .txt2{ font-size:12vw;}
#point .txt3{ font-size:3.3vw; display:inline-block; text-align:center;}
#point .txt3 .sp{ margin-top:-1em;}
#point .txt3:nth-of-type(1){ display:inline-block !important;}
#point li:nth-of-type(3) .txt3:nth-of-type(1){ padding-bottom:9%;}
#point li:nth-of-type(5) .txt3:nth-of-type(1){ padding-bottom: 16%; padding-top: 8%; line-height: 1.7;}
#point .txt3 small.sp{ display:inline-block; margin:0; font-size:3.3vw;}
#point .txt4{ font-size:7vw; display:block;}
#point .txt5{ font-size:4.4vw; display:block;}

h2, #service .dormitory .tit{ font-size:5vw;}

.main-tit, #salary .box-cont li{ font-size:4.1vw;}
.main-txt, #faq li p:nth-of-type(1), #benefits .list li{ font-size:3.1vw;}

.section{ padding:0 15px 8%;}

#service h2{ padding:4% 10px 9%;}
#service.section{ padding:0 0 8%;}
#service .main-tit.big{ margin:0 0 10px; padding:0 10px; line-height:1.3;}
#service .main-txt{ padding:0 10px;}
#service .box-map{ margin:0 0 20px; padding:0 15px;}
#service .box-map2{ margin:0 0 30px; padding:0 15px;}
#service .box-map2 li{ width:100%; margin:0 0 3% 0; border-bottom:1px solid #323333; border-left:none !important; border-right:none !important;}
#service .box-map2 li:last-of-type{ border:none !important; margin:0;}

#service .dormitory .tit span{ background-size:100%;}
#service .dormitory .tit{ margin:0 0 20px;}

#service .dormitory .box1-left{ width:100%; text-align:center; margin:0 0 20px; padding:0 15px;}
#service .dormitory .box1-right{ width:100%; max-width:502px; float:none; margin:auto; padding:0 15px;}
#service .dormitory .box2 .item{ max-width:472px; width:100%; float:none; margin:0 auto 5% !important;}
#service .dormitory .box2 .item p{ font-size:20px;}
#service .dormitory .box2 .item p span{ font-size:14px;}
#service .dormitory .box2 .inner, #welfare .list li:last-of-type{ position:relative; border:none !important;}
#service .dormitory .box2 .inner:before, #service .dormitory .box2 .inner:after{content: ''; height: 100%; width: 1px; background: #323333; position: absolute; top: 0;}
#service .dormitory .box2 .inner:before{ left:-2.5%;}
#service .dormitory .box2 .inner:after{ right:-2.5%;}
#service .dormitory .box2{ padding:0 10px;}

#city_ota{ padding:30px 10px;}
#city_ota .ota_inner .box3_tit{ font-size:4.7vw; padding-bottom:15px;}
.welfare_img{ margin-top:-8%;}

#wrapper h2{ background-size:100% 100% !important;  top:0; height:auto; padding:4% 0 9%; margin:0 0 20px;}
h3{ padding:2% 0; line-height:1.4; margin:0 0 7%;}
h3 span{ display:inline-block;}
h3:after{ bottom:-15px; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid ##e72d26;}

#job{ background-image: url(../img/hours_img8_sp.jpg), url(../img/job_img8.jpg); padding-bottom:37vw !important;}
#job h2{ margin:0 0 34%;}
#job .box-cont{ max-width:428px; margin:auto; padding:0; background:none;}
#job .box-cont .item, #hours .group1 .item, #hours .group2 .item{ width:100%; margin:0 0 6% 0 !important;}
#job .box-cont .main-tit{ padding:6px 0 3px; color:#fff;}
#job .box-cont .item{ color:#fff;}

.btn-contact{ margin:6% auto 15%; font-size:5.5vw; line-height:17vw; background-size:100% 100%;}

#hours h2{ margin:0 0 8%;}
#hours .group1{ padding:0 15px 7%;}
#hours .group1 .box-cont{ max-width:322px; margin:auto;}
#hours .group1 .txt span{ display:block;}
#hours .group1 .item p{ font-size:3.4vw; padding:3% 0;}
#hours .group1 .item p:nth-of-type(2){ padding:6% 0;}

#hours .group1 .time .time_txt1, #hours .group1 .time .time_txt3{ font-size:5.4vw;}
#hours h3, #hours .group2 .tit{ font-size:5.7vw;}
#hours .group2 .tit, #hours .group2 .tit span{ padding:0 !important;}

#hours .group2{ padding:5% 0 0;}
#wrapper h3{ font-size:4.9vw !important; letter-spacing:0.05em;}
#hours .group2 .txt{ font-size:3.3vw; margin:0 0 10%;}
#hours .group2 .txt br{ display:none;}
#hours .group2 .txt span{ display:block;}
#hours .group2 .item .tit2{ font-size:3.4vw; padding:5% 0;}
#hours .group2 .item:nth-of-type(1) .note p{ left:210px;}
#hours .group2 .item:nth-of-type(2) .note p{ left:220px;}
#hours .group2 .item .note p{ font-size:3.3vw;}
#hours .group2 .item .note span{ font-size:2vw;}
#hours .group2 .item .txt2{ height:auto !important; margin:0 0 5%; font-size:14px; padding:0 15px;}
#hours .group2 .box-cont{ margin:0;}
#hours .group2 .txt span br{ display:none;}

#salary.group, #allowance.group{ padding:0 15px 20px;}
#salary .main-tit{ padding:0 0 20px;}
#salary .box-cont ul{ padding:0 15px;}
#salary .box-cont li{ width:100%;}
#salary .box-cont li:nth-of-type(1){ border-bottom:1px solid #072b67; border-right:none; margin-bottom:4%; padding-bottom:6%;}

#salary .box-cont li span,#salary .box-cont .goukei span{ font-size:5.9vw;}
#salary .box-cont .goukei2 span{ font-size:4.4vw;}
#salary .box-cont .txt span{ display:block;}

#allowance table, #welfare .list li p:nth-of-type(1){ font-size:3.5vw;}
#allowance .item{ width:100% !important; margin:0 0 5px !important;}
#allowance table th{ width:28%;}
#allowance table.tbl1 td p{ text-align:center;}
#allowance table.tbl1 td span:nth-of-type(1){ width:auto;}
#allowance table.tbl1 td{ display:block; border-right:none;}

#welfare .list, #welfare .list2{ max-width:450px; margin:auto;}
#welfare .list li{ width:100%; border-bottom:1px solid #fff; border-left:none !important; border-right:none !important; padding-bottom:15px; margin:0 0 15px;}
#welfare .list li p:nth-of-type(1){ margin:0 0 15px; line-height:1; font-size:22px;}
#welfare .list li p:nth-of-type(1) span{ font-size:14px; vertical-align:top; line-height:1.7;}
#welfare .list2 li{ width:100%; float:none !important; margin:auto; padding:15px 15%;}
#welfare .list2 li:nth-of-type(1){ margin-bottom:15px;}

#holiday .box-cont ul{ padding:0 15px;}
#holiday .box-cont li{ width:100%; margin:0 0 4%; padding:0 0 6%; font-size:5vw;}
#holiday .box-cont li:nth-of-type(1){ border-bottom:1px solid #000; border-right:none;}
#holiday .box-cont li:last-of-type{ margin:0; padding:0;}
#holiday .box-cont .txt{ font-size:0;}
#holiday .box-cont .txt span{ display:block; font-size:14px; line-height:1.5;}

#benefits .boxL{ width:100%; margin:0 0 3%;}
#benefits .boxR{ max-width:278px; float:none; width:100%; margin:auto;}
#benefits .list li{ width:100%;}
#benefits .list li:nth-of-type(1){ margin:0 0 3%;}
#benefits .list .tit{ font-size:4vw;}
#benefits .txt{ font-size:3.4vw;}

#faq h2 {font-size: 4.5vw !important; padding: 2% 0 8%;}

#contact th, #contact td{ padding-bottom:15px; display:block;}
#contact th{ width:100%;}
#contact select{ font-size:14px;}
#contact input::placeholder {color:#aaaaaa;font-size:12px;}
#contact input::-webkit-input-placeholder {line-height: 32px;}
#benefits .box-cont{ font-size:18px;}
#contact th p::after{ font-size:14px; right:0;}
#contact input[type="radio"],#contact input[type="checkbox"]{ width:20px; height:20px;}
#contact .submit{ font-size:5.7vw; height:100px; width:80%;}
#contact input[type=text],#contact input[type="tel"],#contact select {height:34px;}

#flow .tit{ font-size:6vw;}
#flow .txt{ font-size:16px;}

.kibou {font-size:18px;}
}

.page {
	padding:0;
	}
	
.page > ul.pageSetUL li:nth-child(odd) {
    margin-left: 0;
	}
ul.pageSetUL {
    padding:10px 2% 0;
	}
	
.maker_intro_title {
	width:90%;
	}
	
.maker_intro_text {
	width:90%;
	}

@media only screen and (max-width:480px){
html{ font-size:14px;}
#mv h1{ font-size:11vw;}
#wrapper h2{ font-size:5.7vw;}
.main-tit, #salary .box-cont li,#salary .box-cont .goukei{ font-size:5.5vw;}
#salary .box-cont .goukei2{ font-size:4.4vw;}
.section{ padding:0 10px 5% !important;}

#service.section{ padding:0 0 5% !important;}
#service .dormitory .tit{ font-size:6vw;}
#service .dormitory .tit span{ width:130px; height:60px; line-height:60px;}
#service .dormitory .box1-left{ text-align:left; padding:0 10px;}
#service .dormitory .box1-left br{ display:none;}
#service .dormitory .box2 .inner::before{ left:0 !important;}
#service .dormitory .box2 .inner::after{ right:0 !important;}

#service .box-map, #service .box-map2, #service .dormitory .box1-right{ padding:0 10px;}

.welfare_img{ margin-top:-50px;}

#hours .group1 .item p{ padding:5% 0; width:100%;}
#hours .group1 .item p, .main-txt, #faq li p:nth-of-type(1), #benefits .list li{ font-size:4.7vw;}
#wrapper h3{ font-size:6vw;}
#hours .group2 .txt{ font-size:14px; padding:0 10px;}
#hours .group2 .item .tit2, #welfare .list2 li .txt2{ font-size:4.9vw;}
#hours .group2 .item .tit2 span, #benefits .list .tit{ font-size:5.3vw;}
#hours .group2 .item:nth-of-type(1) .note p{ left:42%;}
#hours .group2 .item:nth-of-type(2) .note p{ left:43%;}
#hours .group2 .item .note p{ font-size:3.7vw;}
#hours .group2 .item .note span{ font-size:12px;}
#hours .group2 .box-cont, #hours .group2 .point_02{ padding:0 10px;}
#hours .group1 .item figure { text-align:center;}
#hours .group1 .item figure img{ width:80%; margin:auto;}
#hours .group2 .item .note span{ font-size:10px;}

#welfare .list li p:nth-of-type(1), #service .dormitory .box2 .item p{ font-size:18px;}
#welfare .list2 li .txt1, #benefits .txt{ font-size:4vw;}
#allowance table td span:nth-of-type(2){ display:block;}

#salary .box-cont .txt{ font-size:3.3vw;}

#faq li p::before{ font-size:20px;}
#flow .txt, #benefits .box-cont{ font-size:14px;}
#flow .item::after{ width:60px; bottom:-18px; height:16px; background-size:100% 100%;}

#contact th, #contact .list2{ font-size:18px;}
#contact select{ font-size:12px;}
#contact td{ padding-bottom:20px;}
#contact .submit{ font-size:8vw; height:70px;}

.btn-contact{ width:calc( 100% - 20px); margin:0px auto 20px;}
.section1 .btn-contact {margin-top:20px;}

#contact textarea{ height:150px;}

.point_sp{ display:block !important;}
.point_pc{ display:none !important;}
}