@charset "UTF-8";

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

/*================*/
section.pagetitle {
}
section.pagetitle>.inner {
}
/*----*/
section.pagetitle .area-ttl {
padding:120px 0 105px 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 1025px;
aspect-ratio: 1025 / 156;
}
.sectioning-title.st-type2 h2{
padding: 0;
}
.sectioning-title.st-type2 h2 span.sub{
margin-top: 25px;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url(/socialmediapolicy/img/char_title_smp_pc.svg);
}
/*======  共通 ==========*/
.color-green{
color: #00833E;
}

/*================*/
section.smp>.inner {
padding:50px 0 0 0 ;
width:100%;
max-width:1024px;
margin: 0 auto;
}
section.smp .topArea{
max-width: 810px;
width: 100%;
margin: 0 auto 65px auto;
line-height: 2;
}

/*----*/
.areaWrap{
margin-bottom: 60px;
}
section.smp .area-ttl{
margin:0 0 40px 0 ;
}
section.smp .area-detail{
font-size: 14px;
line-height: 2;
}
section.smp .area-ttl h2 {
font-size:34px;
}
section.smp .area-ttl_txtBox{
margin-bottom: 50px;
}

/*-- areaBox --*/
section.smp .areaBox{
margin-bottom: 33px;
}
section.smp .areaBox .ttlBox h3{
color: #00833E;
font-family: YuGothic, "Yu Gothic medium",sans-serif;
font-size: 30px;
font-weight: bold;
letter-spacing: 0.07em;
margin-bottom: 20px;
}
section.smp .area-detail .listBox li{
text-indent: -1em;
padding-left: 1em;
margin-bottom: 7px;
}
section.smp .listBox_green{
margin-top:10px;
}
section.smp .listBox_green li{
color: #00833E;
font-weight: bold;
margin-bottom: 0;
text-indent: -1em;
padding-left: 1em;
}
section.smp .area-detail .listBox.mb-large li{
margin-bottom: 27px;
}
section.smp .area-detail p + p{
margin-top: 20px;
}
section.smp .area-detail .topBox{
margin-bottom: 23px;
}
section.smp .area-detail .defBox .ttl{
font-size: 22px;
font-weight: bold;
line-height: 1.6;
letter-spacing:0.15em;
margin-bottom: 13px;
}
section.smp .area-detail .defBox{
margin-bottom:35px;
}
section.smp .area-detail .addBox{
margin-top: 20px;
}

/*-- 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:720px;
margin: 0 auto;
color: #fff;
padding-top:37px;
}
.contact .contact-ttl{
text-align: center;
font-size: 24px;
letter-spacing: 0.09em;
}
.contact .contact-ttl .txt{
font-size: 16px;
}
.contact .contact-detail{
display: flex;
margin-top: 20px;
}
.contact .contact-detail > div{
flex-basis: 50%;
padding-top:10px;
}
.contact .contact-detail .infoBox > div{
margin-bottom: 17px;
}
.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;
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:12vw 0 5vw 0;
}
section.pagetitle .sectioning-title h2 span.main{
width: 88vw;
aspect-ratio:88 / 30;
}
section.pagetitle .sectioning-title h2 span.main b{
background-image: url("/socialmediapolicy/img/char_title_smp_sp.svg");
}
.sectioning-title.st-type2 h2 span.sub{
letter-spacing: 0.12em;
font-size: 4.8vw;
}

/*================*/
/*----*/
section.smp .topArea{
margin: 15vw auto 18vw auto;
line-height: 2;
width: 90%;
}

/*----*/
.areaWrap{
margin-bottom:20.5vw;
}
section.smp .area-ttl {
padding:0 0 14vw 0;
}
section.smp .area-ttl h2 {
font-size: 6.4vw;
letter-spacing: 0.07em;
text-indent: 1vw;
}
section.smp .area-detail {
font-size:3.73333vw;
line-height: 2;
}
section.smp .area-ttl_txtBox{
margin-top: -2.83vw;
margin-bottom: 13vw;
line-height: 2;
}

/*-- areaBox --*/
section.smp .areaBox{
margin-bottom:10vw;
}
section.smp .areaBox .ttlBox{
margin-bottom: 5vw;
}
section.smp .areaBox .ttlBox h3{
color: #00833E;
font-family: YuGothic, "Yu Gothic medium",sans-serif;
font-size: 5.86vw;
font-weight: bold;
letter-spacing: 0.06em;
}
section.smp .area-detail .listBox li{
text-indent: -1em;
padding-left: 1em;
margin-bottom:1.8668vw;
}
section.smp .listBox_green{
margin:5vw 0 8vw 0;
}
section.smp .listBox_green li{
color: #00833E;
font-weight: bold;
margin-bottom: 0;
text-indent: -1em;
padding-left: 1em;
}
section.smp .area-detail .listBox.mb-large li{
margin-bottom: 7.2vw;
}
section.smp .areaBox .linkBox{
width: 100%;
height: 18.935vw;
margin: 8vw 0;
padding: 6vw 0;
background-color: #EFEFEF;
letter-spacing: 0.2em;
}
section.smp .areaBox .linkBox input{
width: 63%;
background-color: #fff;
text-align: center;
margin-left: 2vw;
line-height: 2.2;
letter-spacing: 0.2em;
}
section.smp .area-detail p + p{
margin-top: 5.33vw;
}
section.smp .area-detail .topBox{
margin-bottom:7.8vw;
}
section.smp .area-detail .defBox .ttl{
font-size: 4.8vw;
font-weight: bold;
line-height: 1.66;
letter-spacing:0.15em;
margin-bottom: 3.8vw;
}
section.smp .area-detail .defBox{
margin-bottom:8.4vw;
}
section.smp .area-detail .defBox:last-child{
margin-bottom: 0;
}
section.smp .area-detail .addBox{
margin-top: 7.4vw;
}

/*-- 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: 8vw;
}
.contact .contact-ttl{
font-size:5.33vw;
}
.contact .contact-ttl .txt {
font-size:3.46vw;
margin-top: 1.5vw;
}
.contact .contact-detail{
margin-top: 6.5vw;
}
.contact .contact-detail .infoBox .box01{
font-size: 8.4vw;
letter-spacing: 0.15em;
line-height: 1;
margin-bottom: 3.66vw;
}
.contact .contact-detail .infoBox .box02{
font-size:3.73333vw;
font-weight: bold;
margin-bottom: 2vw;
}
.contact .contact-detail .infoBox .box03{
font-size:3.73333vw;
font-weight: bold;
margin-bottom: 4vw;
}
.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 */
/*````````````````````````````````````````*/