@charset "utf-8";

/*
+++++++++++++++++++++++++++++++

wo-con01

+++++++++++++++++++++++++++++++
*/

.wo-con01{
    background: url("../../../../img/woman/back01sp.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding:50px 10px;
    color:#fff;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .wo-con01{
    background: url("../../../../img/woman/back01.jpg");
    background-repeat: no-repeat;
    background-size: cover;
        max-width: 1500px;
        margin:0 auto 110px;
        padding:160px 130px;
}
}

.wo-con01-list{
    border:1px #fff solid;
}

.wo-con01-list ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
}

@media screen and (min-width: 992px),
print {
    .wo-con01-list ul{
}
}

.wo-con01-list li{
   padding:17px 15px 20px;
}


@media screen and (min-width: 992px),
print {
    .wo-con01-list li{
    padding:50px 30px;
}
}

.wo-con01-list li:first-child{
   border-right:1px #fff solid;
    border-bottom:1px #fff solid;
}

.wo-con01-list li:nth-child(2) {
   border-bottom:1px #fff solid;
}

.wo-con01-list li:nth-child(3) {
   border-right:1px #fff solid;
}

.wo-con01-t01{
    padding:0 10px;
margin-bottom: 20px;
    font-size:30px;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .wo-con01-t01{
        padding:0 30px;
margin-bottom: 33px;
        text-align: center;
        font-size:55px;
        font-weight:800;
}
}

.wo-con01-t02{
    line-height: 2;
    margin-bottom: 20px;
    font-size:20px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .wo-con01-t02{
    line-height:1.8;
        font-size:35px;
        margin-bottom:70px;
}
}

.wo-con01-t03{
    color:#fff;
    font-weight: bold;
    font-size:25px;
    margin-bottom: 5px;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .wo-con01-t03{
    font-size:38px;
        margin-bottom:25px;
}
}

.wo-con01-t04{
     color:#fff;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .wo-con01-t04{
    font-size:27px;
}
}


/*
+++++++++++++++++++++++++++++++

set-con02

+++++++++++++++++++++++++++++++
*/

.wo-con02{
    display: flex;
    flex-direction: column;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .wo-con02{
        flex-direction:row;
        max-width: 1500px;
margin:0 auto 120px;
}
}

.wo-con02-left{
    position: relative;
    z-index:1;

    order:2;
}

@media screen and (min-width: 992px),
print {
    .wo-con02-left{
    order:1;
        width:40%;
        margin-top:0;
}
}

.wo-con02-right{
    position: relative;
    z-index:2;
    order:1;
    background: #fcfcfc;
        padding:30px 10px;
    margin-left:15px;
}

@media screen and (min-width: 992px),
print {
    .wo-con02-right{
    order:2;
        width:60%;
        padding:80px;
        margin:100px 0 0 -50px;
}
}

.wo-con02-right::before{
    content: '';
    position: absolute;
    height:1px;
    background:#989898;
    top:0;
    right:0;
    width:70%;
    
}

.wo-con02-right::after{
    content: '';
    position: absolute;
    height:1px;
    background:#989898;
    bottom:0;
    left:0;
    width:70%;
    
}

.wo-con02-right02{
    position: relative;
    z-index:1;
    order:2;
}

@media screen and (min-width: 992px),
print {
    .wo-con02-right02{
    order:2;
        width:40%;
        margin-top:0;
}
}

.wo-con02-left02{
    position: relative;
    z-index:2;
    order:1;
    background: #fcfcfc;
        padding:30px 10px;
    margin-left:15px;
}

@media screen and (min-width: 992px),
print {
    .wo-con02-left02{
    order:1;
        width:60%;
        padding:80px;
        margin:100px -50px 0 0;
}
}

.wo-con02-left02::before{
    content: '';
    position: absolute;
    height:1px;
    background:#989898;
    top:0;
    right:0;
    width:70%;
    
}

.wo-con02-left02::after{
    content: '';
    position: absolute;
    height:1px;
    background:#989898;
    bottom:0;
    left:0;
    width:70%;
    
}

.wo-con02-t01{
    font-size:23px;
    margin-bottom: 20px;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .wo-con02-t01{
    font-size:30px;
    margin-bottom:30px;
}
}

.wo-con02-t02{
   font-size:12px;
}

@media screen and (min-width: 992px),
print {
   .wo-con02-t02{
   font-size:16px;
}
}

.wo-con02-t03{
    line-height: 2;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .wo-con02-t03{
    line-height: 2.5;
       margin-bottom: 40px;
} 
}

.wo-con02-t04{
    line-height: 2;
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .wo-con02-t04{
    line-height: 2.5;
       margin-bottom: 40px;
} 
}


.wo-con02-t05{
    position: relative;
    background:#F7F7F7;
    padding:18px 0;
    text-align: center;
    width:120px;
    font-size:18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.wo-con02-t05::after{
    content: "";
    position: absolute;
    top:0;
    left:0;
    height:1px;
    background:#ABABAB;
    width:76%;
}

.wo-con02-t05::before{
    content: "";
    position: absolute;
    bottom:0;
    right:0;
    height:1px;
    background:#ABABAB;
    width:76%;
}

/*
+++++++++++++++++++++++++++++++

wo-con03

+++++++++++++++++++++++++++++++
*/

.wo-con03{
    font-weight: bold;
    font-size:19px;
    margin-bottom: 40px;
    padding:0 10px;
}

@media screen and (min-width: 992px),
print {
    .wo-con03{
        text-align: center;
        font-size:40px;
        max-width:1100px;
margin:0 auto 40px;
}
}


.wo-con03-t01{
    padding:0 10px;
margin-bottom: 20px;
    font-size:30px;
    font-weight: bold;
    text-align: center;
}

@media screen and (min-width: 992px),
print {
    .wo-con03-t01{
        padding:0 30px;
margin-bottom: 33px;
        font-size:55px;
        font-weight:800;
}
}

.wo-con03-t02{
    padding:0 10px;
    line-height: 2;
}

@media screen and (min-width: 992px),
print {
    .wo-con03-t02{
        padding:0;
    line-height: 2.5;
}
}

/*
+++++++++++++++++++++++++++++++

wo-con04

+++++++++++++++++++++++++++++++
*/

.wo-con04{
    padding:0 10px;
    margin-bottom: 40px;
}

@media screen and (min-width: 992px),
print {
    .wo-con04{
        padding:0 50px;
        max-width:1500px;
margin:0 auto 120px;
        display: flex;
        justify-content: space-between;
}
}

.wo-con04-left{
    margin-bottom: 0;
    
}

@media screen and (min-width: 782px),
print {
    .wo-con04-left{
    width:45%;
}
}

.wo-con04-right{

}

@media screen and (min-width: 782px),
print {
    .wo-con04-right{
    width:49%;
}
}

.wo-con04-t01{
    font-size:20px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: bold;
}

@media screen and (min-width: 992px),
print {
    .wo-con04-t01{
    font-size:30px;
    margin-bottom:30px;
}
}

.wo-con04-t02{
    font-size:17px;
    text-align: center;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
    .wo-con04-t02{
    font-size:23px;
    margin-bottom: 15px;
}
}

.wo-con04-t03{
    line-height: 2;
    margin-bottom: 15px;
}

@media screen and (min-width: 992px),
print {
    .wo-con04-t03{
    line-height: 2.5;
    margin-bottom: 25px;
}
}

.wo-con04-photo{
    margin-bottom: 20px;
}

/*
+++++++++++++++++++++++++++++++

wo-con05

+++++++++++++++++++++++++++++++
*/

.wo-con05{
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
    .wo-con05{
        max-width:1000px;
margin:0 auto 40px;
}
}


.wo-con05-t01{
    padding:0 10px;
margin-bottom: 20px;
    font-size:30px;
    font-weight: bold;
    
}

@media screen and (min-width: 992px),
print {
    .wo-con05-t01{
        padding:0 30px;
margin-bottom: 33px;
        font-size:55px;
        font-weight:800;
        text-align: center;
}
}

.wo-con05-t01 ul{
display: flex;
    flex-direction: column;
    
}

@media screen and (min-width: 992px),
print {
    .wo-con05-t01 ul{
    flex-direction:row;
    
}
    }

.wo-con05-t01 li{
text-align: center;
    font-weight: bold;
    
}

@media screen and (min-width: 992px),
print {
    .wo-con05-t01 li{
text-align:left;
    
}
}

.wo-con05-t02{
    padding:0 10px;
    line-height: 2;
}

@media screen and (min-width: 992px),
print {
    .wo-con05-t02{
        padding:0;
    line-height: 2.5;
}
}

.wo-con05-photo{
    margin-bottom: 20px;
}

@media screen and (min-width: 992px),
print {
   .wo-con05-photo{
    margin:0 auto 40px;
       width:900px;
} 
}

/*
++++++++++++++++++++++++++++++++++++++++

@media screen and (min-width: 992px),
print {
    
}

@media screen and (min-width: 768px) and (max-width:991px)
{
}

++++++++++++++++++++++++++++++++++++++++
*/