@charset "UTF-8";
main {width: 100%!important; max-width: 1920px; margin: 0 auto; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック","Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}

@media screen and (min-width: 768px),print {
main #form{width: 1200px; margin: 160px auto 100px;}

#main-bx {width: 100%; max-width: 1920px; margin: 165px auto 0; background: url(../images/entry/main-bg.png) no-repeat top center; padding: 120px 0; position: relative;;}
#main-bx .inner{width: 1200px; margin: 0 auto; position: relative;}
#main-bx .inner .in-inner{width: 650px; margin-right: auto; margin-left: 63px; color: #fff;}
#main-bx .inner .in-inner .ttl{position: absolute; left: 30px; top: -225px;}
#main-bx .inner .in-inner .txt1{font-size: 21px; font-weight: bold; letter-spacing: 1px; margin-bottom: 33px;}
#main-bx .inner .in-inner .txt2{font-size: 21px; font-weight: bold; letter-spacing: 1px; margin-bottom: 20px; line-height: 1.9;}
#main-bx .inner .in-inner .txt2 span{font-size: 28px; color: #000; font-weight: bold; letter-spacing: 3px; background: #fff; padding: 3px 10px;}

#con1 {width: 100%; margin: -263px auto 100px; background: url(../images/entry/con1-bg.png) repeat; padding: 120px 0 30px;;}
#con1 .inner{width: 1200px; margin: 0 auto; position: relative;}

#con1 .inner .list{margin-bottom: 25px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .inner .list li{width: 343px; margin-right: 37px;}
#con1 .inner .list li:last-child{margin-right: 0;}
#con1 .inner .list li .human{text-align: center;}
#con1 .inner .list li:nth-child(2) .human{text-align: center; margin-left: 15px;}
#con1 .inner .list li:nth-child(3) .human{text-align: center; margin-top: -5px; margin-left: -8px;}
#con1 .inner .list li:nth-child(1) .ttl{font-size: 25px; letter-spacing: 1px; font-weight: bold; border: 2px solid #000; background: #6ACAD7; padding: 18px 0px 15px; text-align: center; line-height: 1.6;}
#con1 .inner .list li:nth-child(2) .ttl{font-size: 25px; letter-spacing: 1px; font-weight: bold; border: 2px solid #000; background: #FFC400; padding: 18px 0px 15px; text-align: center; line-height: 1.6;}
#con1 .inner .list li:nth-child(3) .ttl{font-size: 25px; letter-spacing: 1px; font-weight: bold; border: 2px solid #000; background: #F45914; padding: 18px 0px 15px; text-align: center; line-height: 1.6;}

#con1 .inner .txt{font-size: 23px; letter-spacing: 2px; font-weight: bold; text-align: center; line-height: 1.95; margin-bottom: 50px; margin-left: -20px;}
#con1 .inner .txt span{font-size: 42px; letter-spacing: 3px;}
#con1 .inner .btn{text-align: center; margin-right: 35px; margin-bottom: -50px;}

.form-tel {text-align: center; margin-bottom: 120px; }
h2.sub-title::before{content: url(../images/common/recruit-icon01.png);position: absolute;top: -80px;left: 50%;transform: translateX(-50%);-ms-transform: translateX(-50%);}

}


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

#main-bx {width: 100vw; margin: 15vw auto -20vw; background: url(../images/entry/sp-main-bg.png) no-repeat top center; padding: 10vw 0 15vw; position: relative; background-size: 100%;}
#main-bx .inner{width: 90vw; margin: 0 auto; position: relative;}
#main-bx .inner .in-inner{ color: #fff; line-height: 2;}
#main-bx .inner .in-inner .ttl{width: 60vw; position: absolute; left: 0vw; top: -20vw;}
#main-bx .inner .in-inner .txt1{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw}
#main-bx .inner .in-inner .txt2{font-size: 3.6vw; font-weight: bold; letter-spacing: 0.2vw; margin-bottom: 3vw; line-height: 2;}
#main-bx .inner .in-inner .txt2 span{font-size: 4.2vw; color: #000; font-weight: bold; letter-spacing: 0.2vw; background: #fff; padding: 1vw 3vw;}

#con1 {width: 100vw; margin: 0 auto 15vw; background: url(../images/entry/con1-bg.png) repeat; padding: 10vw 0 5vw;;}
#con1 .inner{width: 90vw; margin: 0 auto; position: relative;}

#con1 .inner .list{margin-bottom: 8vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con1 .inner .list li{width: 72.925vw; margin: 0 auto 3vw;}
#con1 .inner .list li:last-child{margin-bottom: 0;}
#con1 .inner .list li .human{width: 50vw; text-align: center; margin: 0 auto;}
#con1 .inner .list li:nth-child(1) .ttl{font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; border: 2px solid #000; background: #6ACAD7; padding: 3vw 0 3vw; text-align: center; line-height: 1.6;}
#con1 .inner .list li:nth-child(2) .ttl{font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; border: 2px solid #000; background: #FFC400; padding: 3vw 0 3vw; text-align: center; line-height: 1.6;}
#con1 .inner .list li:nth-child(3) .ttl{font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; border: 2px solid #000; background: #F45914; padding: 3vw 0 3vw; text-align: center; line-height: 1.6;}

#con1 .inner .txt{font-size: 4vw; letter-spacing: 0.2vw; font-weight: bold; text-align: center; line-height: 1.8; margin-bottom: 10vw; }
#con1 .inner .txt span{font-size: 6vw; letter-spacing: 0.3vw;}
#con1 .inner .btn{width: 80vw; margin: 0 auto -10vw;}

.form-tel {width: 90vw; margin: 0 auto 24vw;}
h2.sub-title{ margin: -15vw auto 6vw; position: relative; }
h2.sub-title::before{content: url(../images/common/recruit-icon01.png);position: absolute;top: -17vw; left: 30vw; transform: scale(0.7); }

}