*{
    -webkit-box-sizing:border-box;
    box-sizing:border-box
}
html{
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
    -webkit-font-smoothing:antialiased
}
body{
    margin:0;
	font-size: 0.95em;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
    font-weight:400;
    font-size:inherit
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{
    display:block
}
img{
    border:0;
    max-width:100%;
    height:auto;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    vertical-align:bottom
}
dd,dl,dt,ol,ul{
    padding:0;
    margin:0
}
li,ol{
    list-style:none
}
a{
    text-decoration:none;
    display:inline-block;
    color:inherit;
    cursor:pointer
}
p{
    margin-top:0;
    margin-bottom:0
}
button,input[type=button],input[type=reset],input[type=submit]{
    background:none;
    border:0;
    color:inherit;
    font:inherit;
    line-height:normal;
    overflow:visible;
    padding:0;
    -webkit-appearance:button;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    cursor:pointer
}
button:focus{
    outline:0
}
button::-moz-focus-inner,input::-moz-focus-inner{
    border:0;
    padding:0
}
[role=button]{
    color:inherit;
    cursor:default;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    white-space:pre;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none
}
@media (min-width:769px){
    a[href^=tel]{
        pointer-events:none
    }
}
body{
    font-family:Noto Sans JP,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,游ゴシック,Yu Gothic,游ゴシック体,YuGothic,ＭＳ Ｐゴシック,MS PGothic,sans-serif
}
.container{
    max-width:1200px;
    padding:60px auto;
    position:relative
}
@media (max-width:768px){
    .container{
        padding:30px 10px
    }
}
.clearfix:after{
    content:"";
    display:table;
    clear:both
}
@media (min-width:769px){
    .sp-only{
        display:none!important
    }
}
@media (max-width:768px){
    .pc-only{
        display:none!important
    }
}
.header-btn{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    width:73px;
    height:48px;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -ms-flex-align:center;
    align-items:center;
    position:relative;
    cursor:pointer
}
@media (max-width:768px){
    .header-btn{
        position:fixed;
        top:17px;
        right:21px;
        width:40px;
        height:20px
    }
}
.header-btn:after,.header-btn:before,.header-btn span{
    content:"";
    width:73px;
    height:12px;
    display:block;
    background:#004098;
    -webkit-transition:.3s;
    transition:.3s
}
@media only screen and (min-width:768px)and (max-width:1024px){
    .header-btn:after,.header-btn:before,.header-btn span{
        width:26px;
        height:2px;
        position:fixed
    }
}
@media (max-width:768px){
    .header-btn:after,.header-btn:before,.header-btn span{
        width:26px;
        height:2px;
        position:fixed
    }
}
.header-btn:before{
    position:fixed;
    top:35px
}
.header-btn:after{
    position:fixed;
    top:44px
}
.header-btn.open span{
    opacity:0;
    position:fixed
}
.header-btn.open:before{
    top:36px;
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    transform:rotate(45deg)
}
@media (max-width:768px){
    .header-btn.open:before{
        top:36px;
        position:fixed
    }
}
.header-btn.open:after{
    top:36px;
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
@media (max-width:768px){
    .header-btn.open:after{
        top:36px;
        position:fixed
    }
}
body{
    font-family:"Noto Serif JP",serif;
    font-weight:400;
    font-style:normal
}
.background{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:-1;
    background-image:url(https://078319.jp/prog10_i/tmpl_smart_phone/image2023/bodyBG.jpg);
    background-size:cover;
    background-position:50%
}
.cv{
    background-color:#fff;
    width:276px;
    margin:0 auto;
    position:relative;
    top:30px;
    -webkit-border-radius:10px;
    border-radius:10px
}
a:hover{
    opacity:.7
}
.header{
    position:relative
}
.header-logo__wrap{
    max-width:375px;
    margin:0 auto;
    position:relative
}
@media only screen and (min-width:768px)and (max-width:1024px){
    .header-logo__wrap{
        display:none
    }
}
@media (max-width:768px){
    .header-logo__wrap{
        max-width:430px
    }
}
.header-logo{
    display:none;
    position:relative;
    z-index:1
}
.header-logo a{
    display:block
}
@media only screen and (min-width:768px)and (max-width:1024px){
    .header-logo{
        display:block
    }
}
@media (max-width:768px){
    .header-logo{
        display:block
    }
}
.header-logo__img{
    position:absolute;
    top:18px;
    left:12px
}
.header-btn{
    display:none
}
@media only screen and (min-width:769px)and (max-width:1024px){
    .header-btn{
        display:block;
        position:absolute;
        right:-10px;
        z-index:100
    }
}
@media (max-width:768px){
    .header-btn{
        display:block;
        position:absolute;
        z-index:100
    }
}
.header-nav{
    position:fixed;
    right:5%;
    max-width:276px;
    width:100%;
    font-size:16px;
    margin-right:100px;
    padding-top:90px;
    z-index:1
}
@media only screen and (min-width:769px)and (max-width:1024px){
    .header-nav{
        margin-right:30px
    }
}
@media (max-width:768px){
    .header-nav{
        top:0;
        right:-450px;
        width:300px;
        height:100vh;
        background-image:url(../img/bg.jpg);
        background-size:cover;
        background-position:50%;
        margin:0;
        padding:30px;
        width:100%;
        -webkit-transition:all .3s ease-in-out;
        transition:all .3s ease-in-out
        z-index:3
    }
    .header-nav.open{
        right:0
    }
}
.header-nav__head{
    width:65%;
    margin:0 auto 30px
}
.header-nav__list{
    padding-bottom:60px;
    border-top:1px solid #f5f5f5
}
.header-nav__item{
    border-bottom:1px solid #f5f5f5;
    color:#997d63;
    font-weight:700
}
.header-nav__item a{
    padding:11px;
    width:100%
}
.header-nav__btn{
    width:276px;
    height:50px;
    color:#fff;
    font-weight:700;
    -webkit-border-radius:10px;
    border-radius:10px;
    background:-webkit-gradient(linear,left bottom,left top,from(#ffa6a6),color-stop(2%,#e55d7f),color-stop(50%,#ffa6a6),color-stop(97.5%,#e55d7f),to(#ffa6a6));
    background:linear-gradient(0deg,#ffa6a6,#e55d7f 2%,#ffa6a6 50%,#e55d7f 97.5%,#ffa6a6);
    -webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.2);
    box-shadow:0 5px 12px 0 rgba(0,0,0,.2);
    padding:14px;
    text-align:center;
    margin:0 auto
}
@media (max-width:768px){
    .header-nav__btn{
        width:215px
    }
}
.header-nav__bottom{
    color:#997d63;
    font-size:10px;
    text-align:center;
    margin-top:40px
}
.main{
    max-width:375px;
    margin:0 50% 0 auto;
    background-color:#3a315c;
    overflow:hidden
}
@media only screen and (min-width:768px)and (max-width:1024px){
    .main{
        margin:0 45% 0 auto;
        max-width:375px;
        width:100%
    }
}
@media (max-width:768px){
    .main{
        margin:0 auto;
        max-width:430px;
        width:100%
    }
}
.mv{
    /*background-image:url(../img/top_main.png);*/
    text-align:center;
    /*padding-top:55px;*/
    /*padding-bottom:330px;*/
    font-weight:700;
    position:relative;
	margin: 0 0 2em
}
.mv,.mv__wrap{
    background-size:cover
}
.mv__wrap{
	position: relative;
    /*max-width:347px;*/
    margin:0 auto;
    /*background-image:url(../img/mv.png)*/
    display: flex;
    justify-content: center;
}
.mv__head{
    font-size: 34px;
    color: #fff;
    font-weight: 700;
    text-shadow: 0 0 10px hsla(0, 0%, 100%, .8);
    position: absolute;
	top: 2em;
    width: 100%;
	display: flex;
    flex-direction: column;
    align-items: center;
}
@media only screen and (min-width:400px)and (max-width:1999px){
    .mv__head{
         top: 2em;
    }
}
@media (max-width:399px){
    .mv__head{
        top: 13vw;
    }
}
.mv__head span{
	display: inline-block;;
}
.mv__head span:first-child{
	font-size: 0.7em;
    line-height: 1.2em;
    letter-spacing: 0.4em;
	text-indent: 0.4em;
}
.mv__head span:nth-child(2){
    font-size: 1.1em;
    border-top: 1px solid;
    border-bottom: 1px solid;
    letter-spacing: 0.25em;
    text-indent: 0.25em;
    margin: 0.2em 1.5em;
    padding: 0.2em 0;
}
.mv__head span:last-child{
	font-size: 0.7em;
    line-height: 1.2em;
    letter-spacing: 0.4em;
	text-indent: 1.4em;
}
@media (max-width:355px){
	.mv__head span:first-child{
	font-size: 0.6em;
    }
	.mv__head span:nth-child(2){
	font-size: 1.0em;
    }
	.mv__head span:nth-child(3){
	font-size: 0.6em;
    }
}

.mv__subtext{
    color:#fff;
    font-size:14px
}
.mv__meritwrap{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    margin-top:8px;
    margin-bottom:140px
}
.mv__merit{
    color:#997d63;
    font-size:14px;
    background-image:url(../img/mvmerit_bg.png);
    background-size:cover;
    background-position:50%;
    width:131px;
    min-height:118px;
    padding:29px 6px 28px 10px
}
.mv__merit:first-of-type{
    position:relative;
    left:7px
}
.mv__merit:nth-of-type(2){
    position:relative;
    bottom:57px;
    right:4px
}
.mv__merit:nth-of-type(3){
    position:relative;
    right:16px
}
.mv__img{
    position:absolute;
    bottom:261px;
    left:-72px;
    width:497px
}
.mv__img02{
    position:absolute;
    right:-53px;
    top:-47px
}
.model_case{
    position:relative;
    z-index:1;
    /*top:-230px*/
}
.model_case__head{
    font-size:26px;
    color:#997d63;
    font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.model_case .card{
    max-width:366px;
    margin:0 auto 5px;
    background-image:url(../img/card_bg01.png);
    background-size:cover;
    padding:27px 41px 44px 35px;
    clear:both;
    color:#5c5c5c
}
.model_case .card:nth-of-type(2){
    background-image:url(../img/card_bg02.png);
    padding:27px 41px 44px 35px
}
.model_case .card__img{
    max-width:131px;
    float:left;
    margin-right:15px
}
.model_case .card__head{
    font-size:16px;
    font-weight:700;
    margin-top:10px;
    line-height:1.4;
    margin-bottom:5px
}
.model_case .card__body{
    font-size:14px;
    margin-left:5px
}
.flow{
    padding-top:176px;
    padding-bottom:98px;
    background-image:url(../img/flow_bg.png);
    background-size:cover;
    background-position:50%;
    position:relative;
    top:-290px
}
.flow:after{
    content:url(../img/flow_img02.svg);
    position:absolute;
    bottom:0;
    left:-40px
}
.flow:before{
    content:url(../img/flow_img01.svg);
    position:absolute;
    top:0;
    left:-40px
}
.flow__head{
    font-size:26px;
    color:#997d63;
    font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.flow__img{
    padding:0 15px 20px
}
.flow__body{
    color:#5c5c5c;
    font-size:14px;
    margin:0 20px 40px
}
.flow__btn{
    width:276px;
    height:70px;
    color:#fff;
    font-size:24px;
    font-weight:700;
    -webkit-border-radius:10px;
    border-radius:10px;
    background:-webkit-gradient(linear,left bottom,left top,from(#ffa6a6),color-stop(2%,#e55d7f),color-stop(50%,#ffa6a6),color-stop(97.5%,#e55d7f),to(#ffa6a6));
    background:linear-gradient(0deg,#ffa6a6,#e55d7f 2%,#ffa6a6 50%,#e55d7f 97.5%,#ffa6a6);
    -webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.2);
    box-shadow:0 5px 12px 0 rgba(0,0,0,.2);
    margin-bottom:40px;
    padding:18px;
    text-align:center;
    margin-inline:auto;
    display:block;
    z-index:1;
    position:relative
}
.merit{
    margin:-270px 5px 0
}
.merit__head{
    font-size:26px;
    color:#997d63;
    font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.merit-card{
    max-width:366px;
    margin-inline:auto;
    background-image:url(../img/merit_bg.png);
    background-size:cover;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    color:#5c5c5c;
    padding:40px
}
.merit-card:nth-of-type(4),.merit-card:nth-of-type(6),.merit-card:nth-of-type(7),.merit-card:nth-of-type(8){
    background-image:url(../img/merit_bg02.png)
}
.merit-card:nth-of-type(8){
    margin-bottom:40px
}
.merit-card__img{
    width:35%
}
.merit-card__body{
    width:100%
}
.merit-card__head{
    font-size:16px;
    font-weight:700;
    line-height:1.4;
    margin-bottom:8px
}
.merit-card__copy{
    font-size:14px
}
.recruitment{
    background-image:url(../img/recruitment_bg.png);
    background-size:cover;
    background-position:50%;
    padding:130px 0;
    position:relative;
    top:-40px;
    margin-bottom:20px
}
.recruitment:before{
    content:url(../img/recruitment_img02.svg);
    position:absolute;
    top:61px;
    left:-32px
}
.recruitment:after{
    content:url(../img/recruitment_img03.svg);
    position:absolute;
    bottom:32px;
    left:-32px
}
.recruitment__head{
    font-size:26px;
    color:#997d63;
    font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.recruitment .recruit-table{
    position:relative;
    padding:35px 0;
    max-width:268px;
    margin:0 auto;
    font-size:14px;
    color:#5c5c5c
}
.recruitment .recruit-table:before{
    content:url(../img/recruitment_img01.svg);
    position:absolute;
    top:0;
    left:-32px
}
.recruitment .recruit-table:after{
    content:url(../img/recruitment_img01.svg);
    position:absolute;
    bottom:0;
    left:-32px;
    -webkit-transform:scaleY(-1);
    -ms-transform:scaleY(-1);
    transform:scaleY(-1)
}
.recruitment .recruit-table__title,.recruitment .recruit-table td{
    border-bottom:1px solid #e0e4e8;
    padding:10px 0
}
.recruitment .recruit-table__title{
    width:27%;
    text-align:left;
    vertical-align:top
}
.recruitment .recruit-table ol li{
    list-style-type:disc;
    margin-left:15px
}
.recruitment .recruit-table .bbnone{
    border-bottom:none
}
.faq{
    margin:0 1em 3em;
}
.faq__head{
	color: #E8E8EC;
    font-size: 1.8em;
	font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.faq .toggle{
    display:none
}
.faq .Label{
    padding:1em;
    display:block;
    color:#fff;
    background:#c1a47e;
    font-weight:700;
	border-radius: 5px 5px;
}
.faq .Label:before{
   content:url(https://078319.jp/prog10_i/tmpl_smart_phone/image2023/icon_plus.svg);
    width:20px;
    height:20px;
    position:absolute;
    top:-webkit-calc(50% - 30px);
    top:calc(50% - 30px);
    right:20px;
    font-size:36px
}
.faq .content,.faq .Label{
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-transition:all .3s;
    transition:all .3s
}
.faq .content{
    height:0;
    margin-bottom:10px;
    padding:0;
    overflow:hidden;
    font-size:14px;
    color:#5c5c5c
}
.faq .toggle:checked+.Label+.content{
    height:auto;
    padding:10px 0;
    -webkit-transition:all .3s;
    transition:all .3s;
    font-size:14px;
    color:#5c5c5c;
	background-color: #c1a47e;
    margin: -1em 0 1em 0;	
}
.faq .toggle:checked+.Label+.content p{
    background-color: #fff;
    padding: 1em 1em 1.5em;
    margin: 0 0 -1em;
}
.faq .toggle:checked+.Label:before{
    content:url(https://078319.jp/prog10_i/tmpl_smart_phone/image2023/icon_minus.svg);
    font-size:36px
}
.faq .mt40{
    margin-top:40px
}
.apply{
    background-image:url(../img/apply_bg.png);
    background-size:cover;
    background-position:50%;
    padding:100px 15px 60px
}
.apply__head{
    font-size:26px;
    color:#997d63;
    font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.apply p{
    font-size:14px;
    color:#5c5c5c
}
.apply__form{
    padding-top:40px
}
form{
    font-size:14px;
    color:#5c5c5c
}
form label{
    margin-bottom:5px;
    margin-top:10px
}
form input,form select,form textarea{
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #d9d9d9;
    background:#fcfcfc;
    height:40px;
    padding:2px 5px
}
form textarea{
    height:200px
}
form input[type=checkbox]{
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #d9d9d9!important;
    background:#fcfcfc;
    width:15px;
    height:15px;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0
}
.error{
    color:#e65f81;
    font-size:14px
}
::-webkit-input-placeholder{
    color:#d9d9d9
}
::-moz-placeholder{
    color:#d9d9d9
}
:-ms-input-placeholder{
    color:#d9d9d9
}
::-ms-input-placeholder{
    color:#d9d9d9
}
::placeholder{
    color:#d9d9d9
}
.form{
    background-image:url(../img/form_bg.png);
    background-size:cover;
    max-width:344px;
    -webkit-border-radius:10px;
    border-radius:10px;
    -webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.14);
    box-shadow:0 5px 12px 0 rgba(0,0,0,.14);
    padding:40px 42px;
    min-height:1455px;
    margin:0 auto
}
.form__item{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.form__required{
    font-size:10px;
    color:#fff;
    background-color:#c7b299;
    padding:1px 5px;
    margin-left:5px
}
.form__birthday{
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex
}
.form .form__birthday input,.form .form__birthday select{
    -webkit-box-flex:1;
    -webkit-flex:1;
    -ms-flex:1;
    flex:1;
    width:33.3333333333%
}
.form .form__birthday .mr5{
    margin-right:5px
}
.form .form__item .mt5{
    margin-top:5px
}
.form__btn{
    color:#fff;
    text-align:center;
    font-size:20px;
    width:255px;
    margin:0 auto;
    height:50px;
    -webkit-flex-shrink:0;
    -ms-flex-negative:0;
    flex-shrink:0;
    font-weight:700;
    -webkit-border-radius:10px;
    border-radius:10px;
    background:-webkit-gradient(linear,left bottom,left top,from(#ffa6a6),color-stop(2%,#e55d7f),color-stop(50%,#ffa6a6),color-stop(97.5%,#e55d7f),to(#ffa6a6));
    background:linear-gradient(0deg,#ffa6a6,#e55d7f 2%,#ffa6a6 50%,#e55d7f 97.5%,#ffa6a6);
    -webkit-box-shadow:0 5px 12px 0 rgba(0,0,0,.2);
    box-shadow:0 5px 12px 0 rgba(0,0,0,.2)
}
.form #agree:checked~div .form__btn{
    opacity:1
}
.form__check{
    white-space:nowrap;
    margin:15px 0
}
.privacy-policy{
    height:220px;
    padding:1em;
    overflow-y:scroll;
    -webkit-border-radius:4px;
    border-radius:4px;
    border:1px solid #d9d9d9;
    background:#fcfcfc
}
.privacy-policy__ttl{
    color:#997d63!important;
    font-size:18px!important;
    font-weight:700;
    text-align:center;
    margin:15px 0 5px
}
.privacy-policy__detail{
    margin-bottom:15px
}
option,select{
    color:#000
}
footer{
    background-color:#2a2736;
    color:#fff;
    font-size:10px;
    padding:14px;
    text-align:center
}
.thanks{
    padding:130px 0;
    min-height:625px
}
.thanks-main{
    background:none
}
.thanks__head{
    font-size:26px;
    color:#997d63;
    font-weight:700;
    text-align:center;
    margin-bottom:20px
}
.thanks__message{
    font-size:14px;
    color:#5c5c5c;
    max-width:366px;
    margin-inline:auto;
    background-image:url(../img/thanks_img.png);
    background-size:cover;
    padding:40px 40px 50px
}
.mian_headerArea{
	display: flex;
    justify-content: space-between;	
	align-items: center;
	background-color: #2a2736;
	padding: 1em;
}

/*# sourceMappingURL=main.css.map */