@charset "utf-8";
/* CSS Document */

@media screen and (min-width : 1100px ) and ( max-width : 2000px ){
    .wrap01{
        width: 80%;
        background: #fff;
        margin: 3em auto 7em auto;
        padding: .5em 0 3em 0;
        box-sizing:border-box;
    }
    .wrap01 .img2{
        width: 50%;
        margin: 0 auto;
    }
    .wrap01 h1 {
        position: relative;
        width: 90%;
        margin: 0em auto .7em auto;
        font-size: 2.5em;
        color:#c97586;
        line-height: 1.2;
    }
    .wrap01 h1:first-letter {
        font-size: 2em;
        color:#c97586;
    }
    .wrap01 h1:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10px;
        background: -webkit-repeating-linear-gradient(-90deg,#c97586, #c97586 1px, #fff 1px, #fff 2px);
    }
    .wrap01 h2 {
        width: 90%;
        margin: 1em auto .5em auto;
        font-size: 1.6em;
        line-height: 1;
        color: #c97586;
    }
    .wrap01 h3{
        width: 100%;
        font-size: 1.5em;
        margin: 1.5em auto 0em auto ;
        text-indent: 2em;
    }
    .wrap01 .p3{
        width: 90%;
        font-size: 1.2em;
        margin: 1em auto ;
        text-indent: 3em;
    }
    .wrap01 p{
        font-size: 1.2em;
        width: 90%;
        margin: 0em auto ;
        line-height: 2;
    }
    .wrap01 p span{
        width: 90%;
        margin: 0em auto ;
    }
    .wrap01 .img2{
    /*コレ*/display: flex;
        justify-content: center;
        width: 60%;
    }
    .p2{
        width: 90%;
        border: 1px solid #000 ;
        margin: 1.5em auto;
        padding: 1.5em;
        box-sizing:border-box;
    }

    .wrap02 {
        width: 90%;
        margin: 2em auto 1em auto;
        box-sizing:border-box;
        border: 1px solid #000;
    }
    .wrap02 ul,.wrap02 ol {
        padding:0em 2.5em 3em 3.5em ;
        width: 100%;
        box-sizing:border-box;
    }
    .wrap02 ul li {
        font-size: 1.2em;
        width: 100%;
        margin: .8em auto;
        line-height: 1.8;
    }
    .wrap02 ul span{
        display: inline-block;
        text-indent: 3em;
        font-size: 1.2em;
        line-height: 1;
        text-decoration: underline;    
    }
    
    .frame02{ /* 大きい枠-------------- */
        width: 90%;
        display: flex;
        margin: 0em auto;
        padding: 0em;
        box-sizing: border-box;/* paddingで枠サイズが変わないようにする */
    }
    .frame02-1{/* 小さい枠01 */
        width: 50%;
        margin: 0em;
    }
    .frame02-1 h2 {
        width: 100%;
        font-size: 1.7em;
        margin: 0em 1em .5em 0em;
        box-sizing:border-box;
        line-height: 1;
    }
    .frame02-1 p {
        width: 100%;
        font-size: 1.2em;
        padding: 0em 2em 0em 0em;
        box-sizing:border-box;
    }
    .frame02-1 .p1{
        width: 95%;
        border: 1px solid #000 ;
        margin: 1em 0em 1em 0em;
        padding: 1.2em ;
        box-sizing:border-box;
    }
    .frame02-2 {/* 小さい枠02 */
        width: 50%;
    }
    .frame02 .frame02-2 img{
        width: 100%;
    }
    
}
/* モバイル用 */
@media screen and  ( max-width : 1099px ){
    .wrap01{
        width: 100%;
        background: #fff;
        margin: 1em auto 5em auto;
        padding: .5em 0 1em 0;
        box-sizing:border-box;
    }
    .wrap01 .img2{
        width: 50%;
        margin: 0 auto;
    }
    .wrap01 h1 {
        position: relative;
        width: 90%;
        margin: .3em auto .5em auto;
        font-size: 2em;
        color:#c97586;
        line-height: 1.2;
    }
    .wrap01 h1:first-letter {
        font-size: 2.1em;
        color:#c97586;
    }
    .wrap01 h1:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 10px;
        background: -webkit-repeating-linear-gradient(-90deg,#c97586, #c97586 1px, #fff 1px, #fff 2px);
    }
    .wrap01 h2 {
        width: 90%;
        margin: 0em auto 0em auto;
        font-size: 1.5em;
        color: #c97586;
    }
    .wrap01 h3{
        width: 100%;
        font-size: 1.5em;
        margin: .5em auto 0em auto ;
        text-indent: 1em;
    }
    .wrap01 .p3{
        width: 90%;
        font-size: 1.2em;
        margin: 1em auto ;
        text-indent: 0em;
    }
    .wrap01 p{
        font-size: 1.2em;
        width: 90%;
        margin: 0em auto ;
    }
    .wrap01 p span{
        width: 90%;
        margin: 0em auto ;
    }
    .wrap01 .img2{
    /*コレ*/display: flex;
        justify-content: center;
        width: 60%;
    }
    .p2{
        width: 90%;
        border: 1px solid #000 ;
        margin: 1.5em auto;
        padding: 1.5em;
        box-sizing:border-box;
    }

    .wrap02 {
        width: 90%;
        margin: 2em auto 1em auto;
        padding:.5em 0 0 0 ;
        box-sizing:border-box;
        border: 1px solid #000;
    }
    .wrap02 ul, .wrap02 ol {
        padding:0em 1em 2em 2em ;
        width: 100%;
        box-sizing:border-box;
    }
    .wrap02 ul li {
        font-size: 1.2em;
        width: 100%;
        margin: .5em auto 0em auto;
    }
    .wrap02 ul span{
        display: inline-block;
        text-indent: 0em;
        font-size: 1.2em;
        line-height: 2;
        text-decoration: underline;    
    }
    
    .frame02{ /* 大きい枠-------------- */
        width: 100%;
        margin: 0em auto;
        padding: 0em;
        box-sizing: border-box;/* paddingで枠サイズが変わないようにする */
    }
    .frame02-1{/* 小さい枠01 */
        width: 100%;
        margin: 0em;
    }
    .frame02-1 h2 {
        width: 90%;
        font-size: 1.7em;
        margin: 0em auto 1em auto;
        box-sizing:border-box;
    }
    .frame02-1 p {
        width: 90%;
        font-size: 1.2em;
        padding: 0em 0em;
        box-sizing:border-box;
    }
    .frame02-1 .p1{
        width: 90%;
        border: 1px solid #000 ;
        margin: 2em auto 2em auto;
        padding: 1.3em ;
        box-sizing:border-box;
    }
    .frame02-2 {/* 小さい枠02 */
        width: 90%;
        margin: 1em auto;
    }
    .frame02 .frame02-2 img{
        width: 100%;
    }
    
    
    
}