@charset "UTF-8";
/*********************************sp top css*/

/*default*/

div,
h1,h2,h3,
p,
ul,ol,li,
dl,dt,dd {
    -webkit-box-sizing : border-box ;
    -moz-box-sizing : border-box ;
    box-sizing : border-box ;
}
img {
    width: 100%;
}

/*font-size*/

.f13 {
    font-size: 1.3rem;
}
.f14 {
    font-size: 1.4rem;
}
.f18 {
    font-size: 1.8rem;
}
.f20 {
    font-size: 2rem;
}
.f22 {
    font-size: 2.2rem;
}
.f24 {
    font-size: 2.4rem;
}
.f26 {
    font-size: 2.6rem;
}
.f28 {
    font-size: 2.8rem;
}
.f30 {
    font-size: 3rem;
}
.f35 {
    font-size: 3.5rem;
}
.f40 {
    font-size: 4rem;
}
.f45 {
    font-size: 4.5rem;
}
.f50 {
    font-size: 5rem;
}

/*color*/

.pink {
    color: #ff2d77;
}
.white {
    color: #fff;
}
.purpul {
    color: #6a2889;
}

/*decorate*/

.line_yel {
    background: linear-gradient(transparent 50%, #fffea9 50%);
}

.bg_yel li
{
    -webkit-box-shadow : 3px 3px 0 rgba(89, 89, 89, 0.1);
    box-shadow : 3px 3px 0 rgba(89, 89, 89, 0.1);
}

/*h tag*/

h1 {
    background: #fdff3b;
    padding: 1rem;
}

.contents > img {
    margin: 0.5rem 0;
}

/*bg_check*/

.bg_check {
    background: url("../images/deli/pt_check_blue.png") repeat;
    padding: 2rem 1rem;
    border-bottom: #5dd5ce 1px solid;
}
.bg_check li {
    position: relative;
    background: #fff;
    border: 4px solid #8cfbfe;
    padding: 1.5rem;
    margin: 1rem auto;
    width: 92%;
}
.bg_check li:after ,
.bg_check li:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.bg_check li:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 15px;
    margin-top: -15px;
}
.bg_check li:before {
    border-color: rgba(140, 251, 254, 0);
    border-right-color: #8cfbfe;
    border-width: 21px;
    margin-top: -21px;
}

/*bg_yel*/

.bg_yel {
    background: url("../images/top/pt_yel.png") repeat;
}
.bg_yel:before {
    background: url("../images/top/line_top_yel.png") repeat-x center top;
}
.bg_yel:after {
    background: url("../images/top/line_bottom_yel.png") repeat-x center top;
}
.bg_blue {
    background: url("../images/top/pt_blue.png") repeat;
}
.bg_blue:before {
    background: url("../images/top/line_top_blue.png") repeat-x center top;
}
.bg_blue:after {
    background: url("../images/top/line_bottom_blue.png") repeat-x center top;
}
.bg_purpul {
    background: url("../images/top/pt_purpul.png") repeat;
}
.bg_purpul:before {
    background: url("../images/top/line_top_purpul.png") repeat-x center top;
}
.bg_purpul:after {
    background: url("../images/top/line_bottom_purpul.png") repeat-x center top;
}
.bg_yel:before ,
.bg_yel:after ,
.bg_blue:before ,
.bg_blue:after ,
.bg_purpul:before ,
.bg_purpul:after {
    content: " ";
    display: block;
    width: 100%;
    height: 1.2rem;
}
.bg_yel .inner ,
.bg_blue .inner ,
.bg_purpul .inner {
    padding: 1rem;
}
.bg_blue ,
.bg_purpul {
    margin-top: 5rem;
}
.bg_yel li {
    background: #fff;
    border: 3px solid #efe8a4;
    padding: 1.2rem;
}
.bg_yel li:not(:last-child) {
    margin-bottom: 1.2rem;
}
.bg_yel li span {
    display: block;
    font-size: 1.2rem;
    margin-top: 1rem;
}

/*arrow_box*/

.arrow_box {
    position: relative;
    background: #fff;
    border: 1px solid #51d2ca;
    padding: 1.5rem 0;
    width: 90%;
    margin: 1.2rem auto 2rem;
}
.arrow_box:after ,
.arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 15px;
    margin-left: -15px;
}
.arrow_box:before {
    border-color: rgba(81, 210, 202, 0);
    border-top-color: #51d2ca;
    border-width: 16px;
    margin-left: -16px;
}

/*bg_blk*/

.bg_blk {
    position: relative;
    background: #000;
    margin: 1.5rem 0 2rem;
    padding-bottom: 1.5rem;
}
.bg_blk:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(0, 0, 0, 0);
    border-top-color: #000;
    border-width: 15px;
    margin-left: -15px;
}
.nmt20 {
    margin-top: -2rem;
}

/*bg_blue*/

.bg_blue .ttl {
    margin-top: -5rem;
}
.bg_blue dl {
    margin-top: 2rem;
}
.bg_blue dt {
    background: #08cbd7;
    border: #72e7ee 1px solid;
    padding: 0.7rem;
    color: #fff;
}
.bg_blue dd {
    background: #fff;
    padding: 1rem;
}
.bg_blue .wbox .ttl {
    background: #fff600;
    color: #ff2678;
}

/*wbox*/

.wbox {
    background: #fff;
    padding-bottom: 1.5rem;
}
.wbox .ttl {
    margin-top: 1.2rem;
}
.wbox h3 ,
.wbox .ttl img {
    display: inline-block;
    vertical-align: middle;
}
.wbox .ttl img {
    width: 5.5rem;
}
.wbox li {
    margin: 1rem auto;
    width: 95%;
}

/*bg_star*/

.bg_star {
    background: url("../images/top/bg_star.png") no-repeat center;
    background-size: contain;
    padding-top: 2rem;
}
.bg_star p {
    font-size: 1.6rem;
}
.bg_star > span {
    display: block;
    padding: 0.5rem;
    background: #efefef;
    margin-top: 2rem;
}

/*bg_purpul*/

.bg_purpul .ttl {
    margin-top: -5rem;
}
.bg_purpul dt {
    background: #000;
    text-align: center;
    color: #fff;
    font-size: 1.8rem;
}
.bg_purpul dt img ,
.bg_purpul dt span {
    display: inline-block;
    vertical-align: middle;
}
.bg_purpul dt img {
    width: 5rem;
    margin-right: 0.3rem;
}
.bg_purpul dd {
    background: #fff;
    padding: 1rem;
}

/*danger*/

.danger {
    background: #fffee8;
    margin: 1.5rem 0;
}
.danger:before ,
.danger:after {
    background: url("../images/top/pt_danger.png") repeat-x center top;
    content: " ";
    display: block;
    width: 100%;
    height: 1.2rem;
}
.danger p {
    padding: 1.2rem;
}

/*voice*/

.voice {
    margin: 2rem 0;
}
.voice h2 {
    font-size: 1.8rem;
    color: #ff4b93;
}
.voice .inner {
    background: url("../images/top/pt_check.png") repeat;
    padding: 0.5rem;
    border-top: #a6ece8 1px solid;
    border-bottom: #a6ece8 1px solid;
    margin: 1rem 0;
}
.voice li {
    margin: 1rem 0;
}
.voice li img ,
.voice li p {
    display: inline-block;
    vertical-align: middle;
}
.voice li img {
    width: 5rem;
    margin-right: 1rem;
}
.voice li p {
    position: relative;
    background: #fff;
    border: 2px solid #ccc;
    width: 70%;
    font-size: 1.3rem;
    padding: 1.2rem;
    text-align: left;
}
.voice li p:after ,
.voice li p:before {
    right: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.voice li p:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 15px;
    margin-top: -15px;
}
.voice li p:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #ccc;
    border-width: 18px;
    margin-top: -18px;
}

/*width_set*/

.w90 {
    width: 90%;
    margin: 1.5rem auto;
}
.w95 {
    width: 95%;
    margin: 1.5rem auto;
}
.w90 p:not(:first-child) ,
.w95 p:not(:first-child) {
    padding-top: 1.5rem;
}

/*btn_design*/

.btn_brown {
    background: #54bfcc;
    border: 2px solid #a7eef7;
    border-radius: 5px;
}
.btn_purpul {
    background: #ac6fc9;
    border: 2px solid #e4bff6;
    border-radius: 5px;
}
.btn_brown a ,
.btn_purpul a {
    color:#fff;
    padding: 1.8rem 0.5rem;
    display: block;
    font-size: 1.6rem;
}
.btn_brown span ,
.btn_purpul span {
    background: url("../images/job-list/arrow_white.png") no-repeat right center;
    display: block;
}

/*btn_cv*/

.btn_cv {
    width: 95%;
    margin: 1.5rem auto;
    background: #efefef;
    padding: 0.5rem 0.5rem 0.1rem;
}

.bor_pink {
    border: #f1a3b7 1px dashed;
    padding: 12px;
}

.add_box {
    width: 90%;
    margin: 12px auto;
}
.add_box p.pt15 {
    padding-top: 15px;
}
.add_box a {
    display: block;
    padding: 25px 0 22px;
    text-align: center;
    border: #eee 1px solid;
    width: 85%;
    margin: 20px auto;
    background: rgb(255,93,177); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,93,177,1) 0%, rgba(239,1,124,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,93,177,1) 0%,rgba(239,1,124,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5db1', endColorstr='#ef017c',GradientType=0 ); /* IE6-9 */
border-radius: 5px;
color: #fff;
font-size: 18px;
font-weight: bold;
position: relative;
line-height: 1;
}
.add_box a:before {
    position: absolute;
    top: 50%;
    right: 15px;
    margin-top: -8px;
    content: "\f054";
    font-family: FontAwesome;
}