@charset "UTF-8";

/* #outlineArea01 */
#outlineArea01 { 
	border-top-color: #f4650f!important;
    border-top-width: 5px!important; }

#outlineArea01 h4 {
	background: linear-gradient(rgba(244,101,15,0) 50%, rgba(244,101,15,0.4) 50%, rgba(244,101,15,0.4) 80%,rgba(244,101,15,0) 80%); 
	border-top: none;
	display: inline-block;
    color: #341a01;
    font-weight: 700;
    font-size: 124%;
    padding: 0;
    padding-right: 0.5em;
    margin-left: 1.2rem;
    margin-bottom: 0;
}

#outlineArea01 h4:before {
    content: "■";
    color: #f4650f;
    margin-left: -1em;
    padding-right: 5px;
}

.wrapper {
    float:none!important;
    display: flex;
    width: 100%;
}

.wrapper .item01 {
    float:none!important;
    flex-basis: 80%;
    margin: 20px 0 0 0!important;
}
.wrapper .item02 {
    text-align: right;
    margin-left: auto;
    flex-basis: 20%;
}
.wrapper .item03 {
    text-align: right;
    margin-right: auto;
    flex-basis: 20%;
}
.wrapper .item04 {
    float:none!important;
    flex-basis: 75%;
    padding-left:5%;
    margin: 0!important;
}

@media screen and (max-width: 667px) {
	#outlineArea01 h4 {
    display: inline; }

    .wrapper { 
        flex-direction:column;
    }
    .wrapper .item01,
    .wrapper .item04 {
        flex-basis: 100%;
        margin-top: 20px!important;
    }
    .wrapper .item02 {
        flex-basis: 100%;
        margin: 2rem auto 0;
    }
    .wrapper .item03 {
    flex-basis: 100%;
    margin: 0 auto;
}
}

#outlineArea01 .border {
    border: 1px solid #ccc;
    padding: 1rem;
}

@media screen and (max-width: 667px) {
    #outlineArea01 .border {
        width: 90%!important;
        margin-top:0!important;
    }
}


#outlineArea01 h5 {
	display: block;
	width: 100%;
    color: #341a01;
    font-weight: 700;
    font-size: 114%;
    padding: 0;
    text-align: left; }

/* #outlineArea02 */
#outlineArea02 { 
	border-top-color: #fb288b!important;
    border-top-width: 5px!important; }

#outlineArea02 h4 {
    background: linear-gradient(rgba(251,40,139,0) 50%, rgba(251,40,139,0.4) 50%, rgba(251,40,139,0.4) 80%,rgba(251,40,139,0) 80%); 
    border-top: none;
    display: inline-block;
    color: #341a01;
    font-weight: 700;
    font-size: 124%;
    padding: 0;
    padding-right: 0.5em;
    margin-left: 1.2rem;
    margin-bottom: 0;
}
    
#outlineArea02 h4:before {
    content: "■";
    color: #fb288b;
    margin-left: -1em;
    padding-right: 5px; }

@media screen and (max-width: 667px) {
	#outlineArea02 h4 {
    display: inline; }}

#outlineArea02 .innnerbox {
    display: block;
    background: #fdf6f7;
    padding: 30px;
    margin-bottom: 20px;
    width: 97%;
}

#outlineArea02 li {
	color: #341a01;
    font-size: 1.2rem;
    font-weight: 700;
}

#outlineArea02 p { 
	color: #f3475f;
    font-weight: 700;
    font-size: 1.2rem;
	width: 97%; }

/* #outlineArea03 */
#outlineArea03 { 
	border-top-color: #72cfa5!important;
    border-top-width: 5px!important; }

#outlineArea03 h4 {
    background: linear-gradient(rgba(114,207,165,0) 50%, rgba(114,207,165,0.4) 50%, rgba(114,207,165,0.4) 80%, rgba(114,207,165,0) 80%); 
	border-top: none;
	display: inline-block;
    color: #341a01;
    font-weight: 700;
    font-size: 114%;
    padding: 0;
    padding-right: 0.5em;
    margin-left: 1.2rem;
    margin-bottom: 0;
}

#outlineArea03 h4:before {
    content: "■";
    color: #72cfa5;
    margin-left: -1em;
    padding-right: 5px; }

#outlineArea03 img {
	width:100%; }

@media screen and (max-width: 667px) {
	#outlineArea03 h4 {
    display: inline; }}


/* #outlineArea04 */
#outlineArea04 {
    border-top:0;
    margin-top:0;
}

#outlineArea04 .message {
    display: flex;
    padding-bottom: 2rem;
}

#outlineArea04 #pink {
    background: #fff6fc; }

#outlineArea04 .comment_left::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 508px;
    top: 15px;
    margin-right: 25px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
    border-width: 10px 0 10px 17.32px;
}

#outlineArea04 .comment_right::after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 508px;
    top: 15px;
    margin-left: 25px;
    border-style: solid;
    border-color: transparent #000 transparent transparent;
    border-width: 10px 17.32px 10px 0;
}

#outlineArea04 #pink.comment_left::after {
    content: "";
    border-left-color: #fff6fc;
}

#outlineArea04 #violet.comment_right::after {
    content: "";
    border-left-color: #fdf5ff;
}

#outlineArea04 .comment_left {
    width: 450px;
    display: inline-block;
    position: relative;
    background: #000;
    padding: 30px;
    margin-right: 30px;
}
#outlineArea04 .comment_right {
    width: 450px;
    display: inline-block;
    position: relative;
    background: #000;
    padding: 30px;
    margin-left: 30px;
}

#outlineArea04 h5 {
    color: #341a01;
    font-weight: 700;
    font-size: 114%;
    padding: 0;
    margin-bottom: 15px;
}

#outlineArea04 .stuff {
    width: 120px;
    display: inline-block;
    text-align: center;
    vertical-align: top; }

#outlineArea04 #violet{
    background:#fdf5ff;
}

#outlineArea04 #violet.comment_right:after{
    border-right-color:#fdf5ff;
}

#outlineArea04 #brown{
    background:#fef7f7; }

#outlineArea04 #brown.comment_left:after{
    border-left-color:#fef7f7; }

#outlineArea04 #yellow{
    background:#fbfae0; }

#outlineArea04 #yellow.comment_right:after{
    border-right-color:#fbfae0;
}

#outlineArea04 #red{
    background:#fef1f1;
}
#outlineArea04 #red.comment_left:after{
    border-left-color:#fef1f1;
}

#outlineArea04 #blue{
    background:#e8f2ff; 
}
#outlineArea04 #blue.comment_right:after{
    border-right-color:#e8f2ff;
}

#outlineArea04 #green{
    background:#e4f8f4;
}
#outlineArea04 #green.comment_left:after{
    border-left-color:#e4f8f4;
}

#outlineArea04 #orange{
    background:#fff4ee; 
}
#outlineArea04 #orange.comment_right:after{
    border-right-color:#fff4ee;
}

#outlineArea04 #lightblue{
    background:#e3f5fd;
}
#outlineArea04 #lightblue.comment_left:after{
    border-left-color:#e3f5fd;
}

@media screen and (max-width: 667px) {
    #outlineArea04 .comment_left,
    #outlineArea04 .comment_right {
        margin: 0;
        width: auto; 
        height: auto;
        padding-bottom:0;
    }

    #outlineArea04 .message {
        flex-direction: column;
        padding-bottom: 0;
    }

    .order1 {
        order: 1;
    }
    .order2 {
        order: 2;
    }

    #outlineArea04 .message img {
        display: none!important;
    }

    #outlineArea04 .stuff {
        width: 100%;
        display: block;
        text-align: right;
        bottom: 20px;
        right: 20px;
        padding-top: 2rem;
        padding-bottom: 2rem;
        z-index: 2;
    }

    #outlineArea04 .bg_pink {
        background: #fff6fc;
        padding-top: 20px;
    }

    #outlineArea04 .bg_violet {
        background: #fdf5ff;
        padding-top: 20px;
    }

    #outlineArea04 .bg_brown {
        background: #fef7f7;
        padding-top: 20px;
    }

    #outlineArea04 .bg_yellow {
        background: #fbfae0;
        padding-top: 20px;
    }

    #outlineArea04 .bg_red {
        background: #fef1f1;
        padding-top: 20px;
    }

    #outlineArea04 .bg_blue {
        background: #e8f2ff;
        padding-top: 20px;
    }

    #outlineArea04 .bg_green {
        background: #e4f8f4;
        padding-top: 20px;
    }

    #outlineArea04 .bg_orange {
        background: #fff4ee;
        padding-top: 20px;
    }

    #outlineArea04 .bg_lightblue {
        background: #e3f5fd;
        padding-top: 20px;
    }
            
    #outlineArea04 .stuff p {
        font-size: 14px;
        font-weight: 700;
        line-height: 1.2;
        display: inline-block;
        padding: 0 40px 0 0;
        width: 280px;
    }
}

/* #outlineArea05 */
#outlineArea05 { 
	border-top-color: #CBB927!important;
    border-top-width: 5px!important; }

#outlineArea05 h4 {
    background: linear-gradient(rgba(251,40,139,0) 50%, rgba(203,185,39,0.4) 50%, rgba(203,185,39,0.4) 80%,rgba(251,40,139,0) 80%); 
    border-top: none;
    display: inline-block;
    color: #341a01;
    font-weight: 700;
    font-size: 124%;
    padding: 0;
    padding-right: 0.5em;
    margin-left: 1.2rem;
    margin-bottom: 0;
}
    
#outlineArea05 h4:before {
    content: "■";
    color: #CBB927;
    margin-left: -1em;
    padding-right: 5px;
}
#outlineArea05 h5 {
    font-weight: bold;
    margin-top: 1rem;
    font-size: 1.2rem;
}
#outlineArea05 h5::before {
    content: '■';
}
#outlineArea05 span {
    display: block;
}
#outlineArea05 p.att::before {
    content: '※';
}
#outlineArea05 .tab {
    margin: 0 auto;
    width: 100%;
}
#outlineArea05 table {
    width: 80%;
    margin: 2rem auto;
    font-size: 85%;
    font-weight: bold;
}
#outlineArea05 tr.odd.firstChild {
    text-align: center;
}
#outlineArea05 td.ta.odd.firstChild {
    text-align: left;
}
#outlineArea05 tr.even.nthChild2.nthChild2n {
    border-top: 1px solid black;
    text-align: center;
    line-height: 2rem;
}
#outlineArea05 tr.odd.nthChild3.nthChild3n.lastChild {
    border-bottom: 1px solid black;
    text-align: center;
}
#outlineArea05 td.even.nthChild2.nthChild2n,
#outlineArea05 td.odd.nthChild3.nthChild3n,
#outlineArea05 td.even.nthChild2n.nthChild4.nthChild4n.lastChild {
    line-height: 2rem;
    vertical-align: bottom;
}
#outlineArea05 .certificate {
    background: #FFFBEF;
    padding: 30px;
}
#outlineArea05 p span {
    display: inline-block;
}
#outlineArea05 p span::before {
    content: '【';
    margin-left: -0.5rem;
}
#outlineArea05 p span::after {
    content: '】';
}
#outlineArea05 .img_wap {
    vertical-align: top;
    width: 60%;
    height: auto;
    margin: 2rem auto;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
    margin-bottom: 0;
}
#outlineArea05 .img_wap img:nth-child(1) {
    border: 1px solid #222;
    width: calc(50% - 2px);
    height: auto;
    object-fit: contain;
}
#outlineArea05 .img_wap img:nth-child(2) {
    width: 40%;
    height: auto;
    object-fit: contain;
}

@media screen and (max-width: 667px) {
/*	#outlineArea05 h4 {
    display: inline; }
*/
    #outlineArea05 .innnerbox {
        display: block;
        background: #FFFBEF;
        padding: 30px;
        margin-bottom: 20px;
        width: 97%;
    }
    #outlineArea05 .tab table {
        width: 90%;
    }
    #outlineArea05 .img_wap {
        width: 80%;
    }
}

/*
#woman #violet{
background:#fdf5ff;
border-color: #6a008b;
}
#woman #brown{
background:#fef7f7;
border-color: #850000;
}
#woman #yellow{
background:#fbfae0;
border-color: #ffa200;
}
#woman #red{
background:#fef1f1;
border-color: #cc1111;
}
#woman #blue{
background:#e8f2ff;
border-color: #00009c;
}
#woman #green{
background:#e4f8f4;
border-color: #005343;
}
#woman #orange{
background:#fff4ee;
border-color: #ff5f00;
}
#woman #lightblue{
background:#e3f5fd;
border-color: #00b1ff;
}
  */




/* -------------------------------- */

#gNav .new {
    font-size: 10px;
    font-weight: bold;
    /* margin-right: 0.25em; */
    position: absolute;
    left: 20px;
    top: 10px;
    color: white;
    background-color: #C70000;
    padding: 0 0.4em;
    box-sizing: border-box;
    border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border: 1px solid white;
}

#woman .headingLv04 {
    border-top: none;
}

/*　woman 2019.7.17
----------------------------------------*/
#woman *{
    vertical-align: top;
    font-size: 16px;
}
#woman article section{
    position: relative;
    background: #fff;
    padding: 0;
}
#woman .notStartHeading {
    border-top-style:solid;
    border-top-width:5px;
    border-top-color: #000;
    padding: 20px 30px;
}
#woman h4:before{
    content:"■";
    color:#000;
    margin-left:-1em;
    padding-right:5px;
}
#woman h4{
    display:inline-block;
    color:#341a01;
    font-weight: 700;
    font-size: 114%;
    padding:0;
    padding-right:.5em;
    margin-bottom: 30px;
}
#woman h5{
    color:#341a01;
    font-weight: 700;
    font-size: 114%;
    padding:0;
    margin-bottom: 15px;
}
#woman p{
    color:#341a01;
}


/* block1 */
#woman #block1 .notStartHeading {
    border-top-color: #f4650f;
}
#woman #block1 h4:before{
    color:#f4650f;
}
#woman #block1 h4{
    background:linear-gradient(rgba(244,101,15,0) 50%, rgba(244,101,15,0.4) 50%, rgba(244,101,15,0.4) 80%,rgba(244,101,15,0) 80%);
}
#woman #block1 p{
    width:520px;
    display:inline-block;
    margin-right: 40px;
}
#woman #block1 .innnerbox{
    border:solid 1px #ccc;
    border-radius: 5px;
    padding:15px;
    margin-top:30px;
}
#woman #block1 .innnerbox p{
    width:450px;
    display: inline-block;
    margin-left:20px;
    margin-right:0;
}

/* block2 */
#woman #block2 .notStartHeading{
    border-top-color:#fb288b;
}
#woman #block2 h4:before{
    color:#fb288b;
}
#woman #block2 h4{
    background:linear-gradient(rgba(251,40,139,0) 50%, rgba(251,40,139,0.4) 50%, rgba(251,40,139,0.4) 80%,rgba(251,40,139,0) 80%);
}
#woman #block2 .innnerbox{
    display: inline-block;
    background:#fdf6f7;
    padding:30px;
    margin-bottom:20px;
}
#woman #block2 .innnerbox p{
    color:#341a01;
    font-weight: 700;
}
#woman #block2 p{
    color:#f3475f;
    font-weight: 700;
}

/* block3 */
#woman #block3 .notStartHeading{
    border-top-color:#ffec4a;
}
#woman #block3 h4:before{
    color:#ffec4a;
}
#woman #block3 h4{
    background:linear-gradient(rgba(255,236,74,0) 50%, rgba(255,236,74,0.4) 50%, rgba(255,236,74,0.4) 80%, rgba(255,236,74,0) 80%);
}


/* block4 */
#woman #block4 .notStartHeading{
    border-top-color:#72cfa5;
}
#woman #block4 h4:before{
    color:#72cfa5;
}
#woman #block4 h4{
    margin-bottom:0;
    background:linear-gradient(rgba(114,207,165,0) 50%, rgba(114,207,165,0.4) 50%, rgba(114,207,165,0.4) 80%, rgba(114,207,165,0) 80%);
}
#woman #block4 div.notStartHeading > img {
    margin: 40px auto 30px;
}
#woman #block4 div.notStartHeading > img:first-of-type {
    margin-top:25px;
}

/* message */
#woman .message{
    margin-bottom:30px;
}

#woman .stuff {
    width: 120px;
    display: inline-block;
    text-align: center; 
}
#woman .stuff p{
    font-size: 12px;
    line-height: 1.2;
}

#woman .comment_left { 
    width: 450px;
    display: inline-block;
    position: relative;
    background:#000; 
    padding:30px;
    margin-right: 30px;
}
#woman .comment_left:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 508px;
    top: 15px;
    margin-right:25px;
    border-style: solid;
    border-color: transparent transparent transparent #000;
    border-width: 10px 0 10px 17.32px;
}
#woman .comment_right { 
    width: 450px;
    display: inline-block;
    position: relative;
    background:#000; 
    padding:30px;
    margin-left: 30px;
}
#woman .comment_right:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: 508px;
    top: 15px;
    margin-left:25px;
    border-style: solid;
    border-color: transparent #000 transparent transparent;
    border-width: 10px 17.32px 10px 0;
}

#woman #pink{
    background:#fff6fc;
}
#woman #pink.comment_left:after{
    border-left-color:#fff6fc;
}

#woman #violet{
    background:#fdf5ff; 
}
#woman #violet.comment_right:after{
    border-right-color:#fdf5ff;
}

#woman #brown{
    background:#fef7f7;
}
#woman #brown.comment_left:after{
    border-left-color:#fef7f7;
}

#woman #yellow{
    background:#fbfae0; 
}
#woman #yellow.comment_right:after{
    border-right-color:#fbfae0;
}

#woman #red{
    background:#fef1f1;
}
#woman #red.comment_left:after{
    border-left-color:#fef1f1;
}

#woman #blue{
    background:#e8f2ff; 
}
#woman #blue.comment_right:after{
    border-right-color:#e8f2ff;
}

#woman #green{
    background:#e4f8f4;
}
#woman #green.comment_left:after{
    border-left-color:#e4f8f4;
}

#woman #orange{
    background:#fff4ee; 
}
#woman #orange.comment_right:after{
    border-right-color:#fff4ee;
}

#woman #lightblue{
    background:#e3f5fd;
}
#woman #lightblue.comment_left:after{
    border-left-color:#e3f5fd;
}

/* ----- sp  -----*/

@media screen and (max-width: 667px) {
    /*
    #woman #block1 h4,
    #woman #block2 h4,
    #woman #block3 h4,
    #woman #block4 h4{
    background:none;
    }
    */
    #woman #block1 h4{
        display: inline;
    }
    #woman #block1 p,
    #woman #block1 .innnerbox p {
        width: 100%;
        margin:auto 0;
    }
    #woman #block4 .notStartHeading {
        padding:0;
    }
    #woman #block4 div.notStartHeading > img {
        margin: 20px auto 10px;
        width: 100%;
    }
    #woman #block4 h4{
        margin: 30px 20px 0;
        display: inline-block;
    }
    #woman #block4 h5{
        padding:20px 20px 0;
    }
    #woman #block4 p{
        padding:0 20px 20px;
    }
    #woman .message{
        position:relative;
        margin-bottom:40px;
    }
    #woman .comment_left,
    #woman .comment_right{ 
        width:100%;
        padding:0 0 60px;
        margin:0;
        border-top-width: 2px;
        border-top-style: solid;
        border-color: #000;
    }
    #woman .comment_left:after,
    #woman .comment_right:after{
        content:none;
        position:relative;
        width: 0;
        height: 0;
        left: 0;
        top: 0;
        margin:0;
        border:none;
    }
    #woman .stuff {
        width: 100%;
        display: inline-block;
        text-align: right;
        position: absolute;
        bottom: 20px;
        right: 20px;
        z-index: 2;
    }
    #woman .stuff img{
        display:none;
        visibility: hidden;
    }
    #woman #block4 .stuff p{
        font-size: 16px;
        font-weight: 700;
        line-height: 1.2;
        display: inline-block;
        padding: 0;
    }
    #woman #pink{
        background:#fff6fc;
        border-color: #d11488;
    }
    #woman #violet{
        background:#fdf5ff;
        border-color: #6a008b;
    }
    #woman #brown{
        background:#fef7f7;
        border-color: #850000;
    }
    #woman #yellow{
        background:#fbfae0;
        border-color: #ffa200;
    }
    #woman #red{
        background:#fef1f1;
        border-color: #cc1111;
    }
    #woman #blue{
        background:#e8f2ff;
        border-color: #00009c;
    }
    #woman #green{
        background:#e4f8f4;
        border-color: #005343;
    }
    #woman #orange{
        background:#fff4ee;
        border-color: #ff5f00;
    }
    #woman #lightblue{
        background:#e3f5fd;
        border-color: #00b1ff;
    }
}