@charset "UTF-8";

/*Copyright 2018 Hyuga Kouzai.*/
/* CSS Document */
/*--------------------------------------------------------
    プライバシーポリシー用(privacy.html）
--------------------------------------------------------*/
body{
    display: flex;
    flex-flow: column;
    min-height: 100vh;
    padding-top:0px;
    bottom:0px;
}
#contents{
    display: block;
    position: relative;
    width: 80%;
    margin: 1rem auto 2rem;
	-webkit-align-items: center; 	
	align-items: center; 	
	-webkit-justify-content: center; 	
	justify-content: center; 	
    text-align: center;
    font-size:1vw;
    & > p{
        margin-top: 0.5rem;
        padding:0 1rem;
        font-size: 1.3vw;
        text-align: left;
    }
    & h1{
        width:40%;
        margin:2rem auto 1rem;
        padding: 0.3rem 0.5rem;
        background-color:#f8f8f8;
        border:solid #dedddd 1px;
        border-top-left-radius: 50px;
        border-top-right-radius: 50px;
        border-bottom-left-radius: 50px;
        border-bottom-right-radius: 50px;
        -moz-border-radius-topleft: 50px;
        -moz-border-radius-topright: 50px;
        -moz-border-radius-bottomleft: 50px;
        -moz-border-radius-bottomright: 50px;
        text-align: center;
        font-weight: bold;
        font-size:1.6vw;
    }
    & .scroll_cont{
        height: 60vh;
        border: 1px solid;
        overflow-y: scroll;
        margin:1em 0;
        padding:1em;
        text-align: left;
    }
}
.scroll_cont dt{
    margin-top: 0.5rem;
    font-size: 1.3vw;
    text-align: left;
}
.scroll_cont dd{
    margin: 0 0 0.5em 2.2em;
}
.scroll_cont ol{
    margin: 0.5em 0em 0.5em 2em;
    text-align: left;
}

.scroll_cont ol li{
    list-style: decimal;
    margin: 0.5em;
}
.scroll_cont ol ul li {
	list-style-type: none;
	counter-increment: cnt;
}
.scroll_cont ol ul li::before{
    list-style:decimal;
    margin-left: 2em;
    content: "(" counter(cnt) ") ";
}

/* ------------------------------------------------ */
/* タブレット*/
/* ------------------------------------------------ */
@media screen and (orientation: portrait) and (min-width: 760px) and (max-width:1300px) {
    #contents{
        width: 85%;
        flex:1;
        margin-top: 1rem;
        font-size:1rem;
        & p{
        margin-top: 0.5rem;
        font-size: 0.8rem;
        text-align: left;
        }
        & h1{
        width:80%;
        margin:2rem auto 1rem;
        font-size:1.3rem;
        }
        & .scroll_cont{
        height: 80vh;
        border: 1px solid;
        overflow-y: scroll;
        margin:1rem 0 2rem;
        padding:1rem;
        text-align: left;
        }
        & .scroll_cont:nth-of-type(1){
        height: 60vh;
        }
    }
    .scroll_cont dt{
        margin-top: 0.5rem;
        font-size: 1rem;
        text-align: left;
    }
    .scroll_cont dd{
            font-size: 0.8rem;
    }
    .scroll_cont ol{
        margin: 0.5rem 0em 0.5rem 0rem;
        text-align: left;
    }
    .scroll_cont ul{
        margin-left: 0;
        text-align: left;
    }
    .scroll_cont ol ul li {
        list-style-type: none;
        counter-increment: cnt;
        padding-left:1rem;
        text-indent:-1.8rem;
    }
    .scroll_cont ol ul li::before{
        list-style:decimal;
        margin-left: 0;
        content: "(" counter(cnt) ") ";
    }
}

/* ------------------------------------------------ */
/* レスポンシブ（780px以下）
/* ------------------------------------------------ */
@media only screen and (max-width:780px) {
    #contents{
        display: block;
        width: 90%;
        flex:1;
        margin: 1rem auto;
        font-size:1rem;
        & > p{
        margin-top: 0.5rem;
        font-size: 1rem;
        text-align: left;
        }
        & > h1{
        width:80%;
        margin:2rem auto 1rem;
        font-size:1.3rem;
        }
        & > .scroll_cont{
        height: 60vh;
        border: 1px solid;
        overflow-y: scroll;
        margin:1em 0;
        padding:1em;
        text-align: left;
        }
    }
    .scroll_cont dt{
        margin-top: 0.5rem;
        font-size: 1rem;
        text-align: left;
    }
    .scroll_cont dd{
            font-size: 0.8rem;
    }
    .scroll_cont ol{
        margin: 0.5rem 0em 0.5rem 0rem;
        text-align: left;
    }
    .scroll_cont ul{
        margin-left: 0;
        text-align: left;
    }
    .scroll_cont ol ul li {
        list-style-type: none;
        counter-increment: cnt;
        padding-left:1rem;
        text-indent:-1.8rem;
    }
    .scroll_cont ol ul li::before{
        list-style:decimal;
        margin-left: 0;
        content: "(" counter(cnt) ") ";
    }
}