@charset "UTF-8";

/*````````````````````````````````````````*/
@media only screen and (min-width: 769px) {
/*````````````````````````````````````````*/

/*================*/
/*----*/
section.pagetitle .area-ttl {
padding:150px 0 128px 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 660px;
aspect-ratio: 660 / 68;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/privacy/img/char_title_privacy.svg);
}
/*======  共通 ==========*/
.color-green{
color: #00833E;
}
.mb0{
margin-bottom: 0 !important;
}

/*================*/
section.privacy>.inner {
padding:122px 0 0 0 ;
width:100%;
max-width:1024px;
margin: 0 auto;
}

/*----*/
.areaWrap{
margin-bottom: 50px;
}
section.privacy .area-ttl{
margin:0 0 80px 0 ;
}
section.privacy .area-detail{
font-size: 14px;
line-height: 2;
}
section.privacy .area-ttl h2 {
text-indent: 8px;
font-size:38px;
}
section.privacy .area-ttl_txtBox{
margin-top: -40px;
margin-bottom: 50px;
}
/*-- areaBox --*/
section.privacy .areaBox{
margin-bottom: 55px;
}
section.privacy .areaBox .ttlBox{
margin-bottom: 28px;
}
section.privacy .areaBox .ttlBox h3{
color: #00833E;
font-family: YuGothic, "Yu Gothic medium",sans-serif;
font-size: 34px;
font-weight: bold;
letter-spacing: 0.03em;
}
section.privacy .area-detail .listBox li{
text-indent: -1em;
padding-left: 1em;
margin-bottom: 7px;
}
section.privacy .area-detail .list-dec li{
list-style-type: decimal;
}
section.privacy .listBox_green li{
color: #00833E;
font-weight: bold;
margin-bottom: 0;
text-indent: -1em;
padding-left: 1em;
}
section.privacy .area-detail .listBox.mb-large li{
margin-bottom: 27px;
}
section.privacy .area-detail .topBox{
margin-bottom: 23px;
}
section.privacy .area-detail .defBox .ttl{
font-size: 22px;
font-weight: bold;
line-height: 1.6;
letter-spacing:0.15em;
margin-bottom: 13px;
}
section.privacy .area-detail .box01 .defBox .ttl{
margin-bottom: 32px;
}
section.privacy .area-detail .defBox .ttl.mb-large{
margin-bottom: 32px;
}
section.privacy .area-detail .defBox{
margin-bottom:35px;
}
section.privacy .area-detail .addBox{
margin-top: 20px;
}

/*-- groupBox --*/
section.privacy .groupBox{
margin: 35px 5px 60px 5px;
border: 3px solid #00833E;
padding:35px 20px 10px 20px;
}
section.privacy .groupBox .area-ttl{
color: #00833E;
font-size: 26px;
font-weight: bold;
margin-bottom: 20px;
letter-spacing: 0.13em;
}
section.privacy .groupBox .area-detail .topBox{
margin-bottom: 40px;
}
section.privacy .groupBox .defBox .ttl{
color: #000;
margin-bottom: 15px;
font-size: 22px;
}
section.privacy .groupBox .note{
color: #00833E;
font-weight: bold;
margin-top: 20px;
}

/*-- noteBox --*/
.noteBox{
margin: 0 5px 60px 5px;
}
section.privacy .groupBox + .noteBox{
margin-top: -35px;
}
section.privacy .noteBox li{
margin-bottom: 7px;
}
section.privacy .noteBox .note{
margin-top: 10px;
}
section.privacy .noteBox .note li{
text-indent: -1em;
padding-left: 1.5em;
}

/*-- indentBox --*/
.indentBox{
padding-left: 6vw;
margin-top: 40px;
}
section.privacy .area-detail .defBox .indentBox .ttl{
font-size: 20px;
}
.indentBox_ubder{
margin-top: 20px;
}
/*-- btnBox01 --*/
.btnBox01{
width:642px;
height: 89px;
margin: 32px auto 0 auto;
}
.btnBox01 .border-button.bb-type1{
width: 100%;
height: 100%;
}
.btnBox01 .border-button a{
width: 100%;
height: 100%;
display: table;
}
.btnBox01 .border-button.bb-type1 p {
padding: 0;
display: table-cell;
vertical-align: middle;
}
.btnBox01 .border-button.bb-type1 p i{
top:33%;
}
.btnBox01 .border-button p span.corporate-profile-ttl{
display: block;
letter-spacing: 0;
font-size: 18.3px;
text-decoration: underline;
}
.btnBox01 .border-button p span.corporate-profile-ttl:after{
content: '';
position: absolute;
top: 7px;
right: -31px;
display: block;
width: 18px;
height: 18px;
background: url(/common/img/ico_pdf_red.png) no-repeat center;
background-size: contain;
}
/*-- diffBox --*/
.diffBox{
text-align: right;
font-size: 14px;
margin-top: -25px;
}
.diffBox p{
margin-bottom: 10px;
}

/*-- contact --*/
.contact{
margin-top: 90px;
height: 305px;
background: url(/recruit/img/bg_contact.png) no-repeat top center;
background-size: cover;
}
.contact .inner{
width:100%;
max-width:686px;
margin: 0 auto;
color: #fff;
padding-top:40px;
}
.contact .contact-ttl{
text-align: center;
font-size: 24px;
letter-spacing: 0.2em;
}
.contact .contact-detail{
display: flex;
margin-top: 30px;
}
.contact .contact-detail > div{
flex-basis: 50%;
}
.contact .contact-detail .infoBox > div{
margin-bottom: 25px;
}
.contact .contact-detail .infoBox > div:last-child{
margin-bottom: 0;
}
.contact .contact-detail .infoBox .box01{
font-size: 36px;
letter-spacing: 0.15em;
line-height: 1;
}
.contact .contact-detail .infoBox .box02{
font-size:18px;
font-weight: bold;
}
.contact .contact-detail .infoBox .box03{
font-size:16px;
font-weight: bold;
}
.contact .contact-detail .addBox{
min-height: 112px;
padding-left: 50px;
padding-top: 10px;
line-height: 1.775;
font-size: 16px;
font-weight: bold;
border-left:1px solid #fff; 
}

/*````````````````````````````````````````*/
} @media only screen and (max-width: 768px) {
/*````````````````````````````````````````*/

/*----*/
section.pagetitle .area-ttl {
padding: 28vw 0 18vw 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 86vw;
aspect-ratio: 380 / 70;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/privacy/img/char_title_privacy.svg);
}
.sectioning-title.st-type2 h2 span.sub{
margin: 0;
letter-spacing: 0.12em;
}

/*================*/
/*----*/
.areaWrap{
margin-bottom:6.5vw;
}
section.privacy .area-ttl {
padding: 11vw 0 12vw 0;
font-size: 3.4vw;
letter-spacing: -0.062em;
}
section.privacy .area-detail {
font-size:3.73333vw;
line-height: 2;
}
section.privacy .area-ttl h2 {
text-indent: 1vw;
}
section.privacy .area-ttl_txtBox{
margin-top: -2.83vw;
margin-bottom: 13vw;
line-height: 2;
}

/*-- areaBox --*/
section.privacy .areaBox{
margin-bottom: 20.8vw;
}
section.privacy .areaBox .ttlBox{
margin-bottom: 5.8vw;
}
section.privacy .areaBox .ttlBox h3{
color: #00833E;
font-family: YuGothic, "Yu Gothic medium",sans-serif;
font-size: 6.4vw;
font-weight: bold;
letter-spacing: 0.06em;
}
section.privacy .area-detail .listBox li{
text-indent: -1em;
padding-left: 1em;
margin-bottom:1.8668vw;
}
section.privacy .listBox_green li{
color: #00833E;
font-weight: bold;
margin-bottom: 0;
text-indent: -1em;
padding-left: 1em;
}
section.privacy .area-detail .listBox.mb-large li{
margin-bottom: 7.2vw;
}
section.privacy .area-detail .topBox{
margin-bottom:7.8vw;
}
section.privacy .area-detail .defBox .ttl{
font-size: 4.8vw;
font-weight: bold;
line-height: 1.66;
letter-spacing:0.15em;
margin-bottom: 3.8vw;
}
section.privacy .area-detail .defBox{
margin-bottom:8.4vw;
}
section.privacy .area-detail .defBox:last-child{
margin-bottom: 0;
}
section.privacy .area-detail .addBox{
margin-top: 7.4vw;
}

/*-- groupBox --*/
section.privacy .groupBox{
margin: 10vw 1.33vw 2vw 1.33vw;
border: 3px solid #00833E;
padding:4.8vw 5.33vw 7vw 5.33vw;
}
section.privacy .groupBox .area-ttl{
color: #00833E;
font-size:4.8vw;
font-weight: bold;
margin-bottom: 5.33vw;
letter-spacing: 0.13em;
padding: 0;
}
section.privacy .groupBox .area-detail .topBox{
margin-bottom:9vw;
}
section.privacy .groupBox .defBox .ttl{
color: #000;
margin-bottom: 4vw;
font-size: 4.8vw;
}
section.privacy .groupBox .note{
color: #00833E;
font-weight: bold;
margin-top: 4.8vw;
}

/*-- btnBox01 --*/
.btnBox01{
width:100%;
height: 20vw;
margin:6.4vw auto 0 auto;
}
.btnBox01 .border-button.bb-type1{
width: 100%;
height: 100%;
}
.btnBox01 .border-button a{
width: 100%;
height: 100%;
display: table;
}
.btnBox01 .border-button.bb-type1 p {
padding: 0;
display: table-cell;
vertical-align: middle;
text-align: left;
text-indent: 0;
padding-left: 4vw;
}
.btnBox01 .border-button.bb-type1 p i{
top:41%;
}
.btnBox01 .border-button p span.corporate-profile-ttl{
display: block;
letter-spacing: 0;
font-size:3.2vw;
text-decoration: underline;
}
.btnBox01 .border-button p span.corporate-profile-ttl:after{
content: '';
position: absolute;
bottom: 1vw;
left: 21vw;
display: block;
width: 4.8vw;
height: 4.8vw;
background: url(/common/img/ico_pdf_red.png) no-repeat center;
background-size: contain;
}

/*-- noteBox --*/
.noteBox{
margin: 0 5px 60px 5px;
}
section.privacy .groupBox + .noteBox{
margin-top: 8vw;
}
section.privacy .noteBox li{
margin-bottom: 1.3vw;
}
section.privacy .noteBox .note_note{
margin-top: 3.3vw;
}
section.privacy .noteBox .note_note li{
text-indent: -1em;
padding-left: 1em;
color: #00833E;
font-weight: bold;
}

/*-- indentBox --*/
.indentBox{
padding-left: 4vw;
margin-top: 10.6vw;
}

section.privacy .area-detail .defBox .indentBox .ttl{
font-size: 4.8vw;
}
section.privacy .area-detail .defBox .indentBox_ubder{
margin-top: 6vw;
}

/*-- diffBox --*/
.diffBox{
text-align: right;
font-size: 3.73vw;
margin-top: -14.7vw;
}
.diffBox p{
margin-bottom:2.7vw;
}

/*-- contact --*/
.contact{
margin-top: 12.53vw;
background: url(/recruit/img/bg_contact.png) no-repeat top left 83%;
background-size: cover;
}
.contact .inner{
width:76.5%;
margin: 0 auto;
color: #fff;
padding-top:8vw;
padding-bottom: 9vw;
}
.contact .contact-ttl{
text-align: center;
font-size:5.33vw;
letter-spacing: 0.2em;
}
.contact .contact-detail{
margin-top: 7vw;
}
.contact .contact-detail .infoBox .box01{
font-size: 8.4vw;
letter-spacing: 0.15em;
line-height: 1;
margin-bottom: 4.66vw;
}
.contact .contact-detail .infoBox .box02{
font-size:4.26vw;
font-weight: bold;
margin-bottom: 3vw;
}
.contact .contact-detail .infoBox .box03{
font-size:3.73vw;
font-weight: bold;
margin-bottom: 3vw;
}
.contact .contact-detail .infoBox a{
color: #fff;
display: inline;
}
.contact .contact-detail .addBox{
padding-top:4.46vw;
line-height: 1.66;
font-size: 3.2vw;
font-weight: bold;
border-top:1px solid #fff; 
}

/*````````````````````````````````````````*/
} /* end of @media */
/*````````````````````````````````````````*/